Subversion Repositories cheapmusic

Rev

Rev 65 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
25 - 1 
/*--
2 
Author: CodexWorld
3 
Author URL: https://www.codexworld.com
4 
License: Creative Commons Attribution 3.0 Unported
5 
License URL: http://creativecommons.org/licenses/by/3.0/
6 
--*/
7 
 
8 
.wrapper-frm {
65 - 9 
	padding: 0 !important;
10 
	overflow: hidden;
25 - 11 
}
65 - 12 
 
25 - 13 
.wrapper-frm h2 {
65 - 14 
	padding-bottom: 0 !important;
25 - 15 
}
65 - 16 
 
17 
.ucontent {
18 
	padding: 10px;
19 
	float: left;
20 
	width: 95%;
25 - 21 
}
65 - 22 
 
23 
.upicture {
24 
	max-width: 90px;
47 - 25 
}
65 - 26 
 
25 - 27 
.head-menu {
65 - 28 
	position: relative;
25 - 29 
}
65 - 30 
 
25 - 31 
.menu-tle {
65 - 32 
	padding: 1em 0;
57 - 33 
    /*background: #007bff;*/
65 - 34 
	text-align: center;
25 - 35 
}
65 - 36 
 
25 - 37 
.menu-tle h2 {
65 - 38 
	font-size: 1.3em;
25 - 39 
}
65 - 40 
 
31 - 41 
.left-pnl {
65 - 42 
	float: left;
43 
	text-align: center;
44 
	width: 33%;
25 - 45 
}
65 - 46 
 
31 - 47 
.left-pnl img {
65 - 48 
	border: 2px solid;
49 
	padding: 4px;
25 - 50 
}
65 - 51 
 
31 - 52 
.left-pnl h2 {
161 - 53 
	font-size: 1.125rem;
65 - 54 
	margin: 5px 0;
55 
	text-transform: uppercase;
25 - 56 
}
65 - 57 
 
31 - 58 
.left-pnl p {
161 - 59 
	font-size: 0.8125rem;
65 - 60 
	letter-spacing: 1px;
25 - 61 
}
65 - 62 
 
31 - 63 
.right-pnl {
65 - 64 
	float: right;
65 
	width: 61%;
25 - 66 
}
65 - 67 
 
68 
.right-pnl h3 {
161 - 69 
	font-size: 1.125rem;
65 - 70 
	margin: 5px 0px 10px 0px;
71 
	text-transform: uppercase;
25 - 72 
}
65 - 73 
 
25 - 74 
.ac-info {
65 - 75 
	margin-bottom: 2em;
76 
	text-align: left;
25 - 77 
}
65 - 78 
 
79 
.ac-info p {
161 - 80 
	font-size: 1rem;
65 - 81 
	font-weight: 400;
82 
	letter-spacing: 0.9px;
83 
	margin-bottom: 1em;
25 - 84 
}
65 - 85 
 
86 
.ac-info p b {
87 
	font-weight: 600;
25 - 88 
}
89 
 
90 
a.view-btn {
161 - 91 
	font-size: 1.0625rem;
65 - 92 
	padding: 8px 20px;
93 
	display: inline-block;
94 
	border: 2px solid;
95 
	border-radius: 3px;
96 
	outline: none;
25 - 97 
}
98 
 
65 - 99 
@media(max-width:1440px) {
31 - 100 
	.left-pnl {
25 - 101 
		width: 33%;
102 
	}
103 
}
65 - 104 
 
105 
@media(max-width:1366px) {
31 - 106 
	.left-pnl {
25 - 107 
		width: 34%;
108 
	}
65 - 109 
 
25 - 110 
	.left-w3ls {
111 
		width: 59%;
112 
	}
113 
}
65 - 114 
 
115 
@media(max-width:1280px) {
31 - 116 
	.left-pnl {
25 - 117 
		width: 32%;
118 
	}
65 - 119 
 
31 - 120 
	.right-pnl {
25 - 121 
		width: 61%;
122 
		margin-top: 10px;
123 
	}
124 
}
65 - 125 
 
126 
@media(max-width:1080px) {
31 - 127 
	.right-pnl {
25 - 128 
		width: 62%;
129 
		margin-top: 20px;
130 
	}
131 
}
65 - 132 
 
133 
@media(max-width:1050px) {
31 - 134 
	.left-pnl {
25 - 135 
		width: 33%;
136 
	}
137 
}
65 - 138 
 
139 
@media(max-width:1024px) {
31 - 140 
	.left-pnl {
25 - 141 
		width: 33%;
142 
	}
143 
}
65 - 144 
 
145 
@media(max-width:991px) {
31 - 146 
	.left-pnl {
25 - 147 
		width: 34%;
148 
	}
149 
}
65 - 150 
 
151 
@media(max-width:900px) {
31 - 152 
	.left-pnl {
25 - 153 
		width: 37%;
154 
	}
65 - 155 
 
31 - 156 
	.right-pnl {
25 - 157 
		width: 58%;
158 
		margin-top: 25px;
159 
	}
160 
}
65 - 161 
 
162 
@media(max-width:736px) {
31 - 163 
	.left-pnl {
25 - 164 
		width: 34%;
165 
	}
65 - 166 
 
31 - 167 
	.right-pnl {
25 - 168 
		margin-top: 22px;
169 
	}
170 
}
65 - 171 
 
172 
@media(max-width:667px) {
31 - 173 
	.left-pnl {
25 - 174 
		width: 37%;
175 
	}
65 - 176 
 
31 - 177 
	.left-pnl h2 {
161 - 178 
		font-size: 1rem;
25 - 179 
	}
65 - 180 
 
31 - 181 
	.left-pnl p {
161 - 182 
		font-size: 0.78125rem;
25 - 183 
		letter-spacing: 0.7px;
184 
	}
185 
}
65 - 186 
 
187 
@media(max-width:600px) {
31 - 188 
	.left-pnl {
25 - 189 
		width: 39%;
190 
	}
191 
}
65 - 192 
 
193 
@media(max-width:568px) {
31 - 194 
	.left-pnl, .right-pnl {
25 - 195 
		width: 100%;
196 
	}
65 - 197 
 
25 - 198 
	.ac-info p {
161 - 199 
		font-size: 0.8125rem;
25 - 200 
	}
65 - 201 
 
31 - 202 
	.left-pnl h2 {
161 - 203 
		font-size: 0.9375rem;
25 - 204 
	}
65 - 205 
 
31 - 206 
	.left-pnl p {
25 - 207 
		letter-spacing: 0.5px;
208 
	}
209 
}
65 - 210 
 
211 
@media(max-width:480px) {
31 - 212 
	.left-pnl, .right-pnl {
25 - 213 
		width: 100%;
214 
	}
65 - 215 
 
216 
	.left-pnl img {
25 - 217 
		width: 88%;
218 
	}
219 
}
65 - 220 
 
221 
@media(max-width:414px) {
31 - 222 
	.left-pnl {
25 - 223 
		width: 100%;
224 
		float: none;
225 
		margin: 0 auto;
226 
	}
65 - 227 
 
31 - 228 
	.right-pnl {
25 - 229 
		width: 100%;
230 
		float: none;
231 
		margin: 0 auto;
232 
		margin-top: 22px;
233 
	}
65 - 234 
 
25 - 235 
	.ac-info p {
161 - 236 
		font-size: 0.875rem;
25 - 237 
		margin-top: 0.9em;
238 
	}
65 - 239 
 
31 - 240 
	.left-pnl img {
25 - 241 
		width: 88%;
242 
	}
243 
}
65 - 244 
 
245 
@media(max-width:384px) {
31 - 246 
	.left-pnl, .right-pnl {
25 - 247 
		width: 100%;
248 
	}
65 - 249 
 
25 - 250 
	.ac-info p {
161 - 251 
		font-size: 0.8125rem;
25 - 252 
		margin-top: 0.7em;
253 
	}
65 - 254 
 
31 - 255 
	.right-pnl {
25 - 256 
		margin-top: 11px;
257 
	}
65 - 258 
 
31 - 259 
	.left-pnl h2 {
161 - 260 
		font-size: 0.90625rem;
25 - 261 
		margin: 3px 0;
262 
	}
65 - 263 
 
264 
	.left-pnl p {
161 - 265 
		font-size: 0.76875rem;
25 - 266 
	}
65 - 267 
 
25 - 268 
	.button a {
161 - 269 
		font-size: 0.875rem;
25 - 270 
	}
271 
}
65 - 272 
 
273 
@media(max-width:320px) {
31 - 274 
	.left-pnl, .right-pnl {
25 - 275 
		width: 100%;
276 
	}
65 - 277 
 
25 - 278 
	.button a {
279 
		padding: 4px 13px;
280 
	}
65 - 281 
 
31 - 282 
	.left-pnl img {
25 - 283 
		width: 75%;
284 
	}
65 - 285 
 
31 - 286 
	.right-pnl {
25 - 287 
		margin-top: 3px;
288 
	}
65 - 289 
 
31 - 290 
	.left-pnl h2 {
161 - 291 
		font-size: 0.875rem;
25 - 292 
		margin: 1px 0;
293 
	}
161 - 294 
}