Subversion Repositories cheapmusic

Rev

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