Subversion Repositories cheapmusic

Rev

Rev 25 | Rev 36 | Go to most recent revision | 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 {
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 
 
31 - 69 
.left-pnl {
25 - 70 
    float: left;
71 
    text-align: center;
72 
    width: 33%;
73 
}
31 - 74 
.left-pnl img {
25 - 75 
    border: 2px solid #ed4406;
76 
    padding: 4px;
77 
}
31 - 78 
.left-pnl h2 {
25 - 79 
    /*color: #fbfcfd;*/
80 
    font-size: 18px;
81 
    margin: 5px 0;
82 
    text-transform: uppercase;
83 
}
31 - 84 
.left-pnl p {
25 - 85 
    /*color: #b7b6b6;*/
86 
    font-size: 13px;
87 
    letter-spacing: 1px;
88 
}
31 - 89 
.right-pnl {
25 - 90 
    float: right;
91 
    width: 61%;
92 
}
31 - 93 
.right-pnl h3{
25 - 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 
a.view-btn {
113 
    font-size: 17px;
114 
    padding: 8px 20px;
115 
    display: inline-block;
116 
    color: #28B890;
117 
    border: 2px solid #28B890;
118 
    border-radius: 3px;
119 
    outline: none;
120 
}
121 
a.view-btn:hover{
122 
    color: #fff;
123 
    background-color: #28B890;
124 
}
125 
 
126 
 
127 
@media(max-width:1440px){
31 - 128 
	.left-pnl {
25 - 129 
		width: 33%;
130 
	}
131 
}
132 
@media(max-width:1366px){
31 - 133 
	.left-pnl {
25 - 134 
		width: 34%;
135 
	}
136 
	.left-w3ls {
137 
		width: 59%;
138 
	}
139 
}
140 
@media(max-width:1280px){
31 - 141 
	.left-pnl {
25 - 142 
		width: 32%;
143 
	}
31 - 144 
	.right-pnl {
25 - 145 
		width: 61%;
146 
		margin-top: 10px;
147 
	}
148 
}
149 
@media(max-width:1080px){
31 - 150 
	.right-pnl {
25 - 151 
		width: 62%;
152 
		margin-top: 20px;
153 
	}
154 
}
155 
@media(max-width:1050px){
31 - 156 
	.left-pnl {
25 - 157 
		width: 33%;
158 
	}
159 
}
160 
@media(max-width:1024px){
31 - 161 
	.left-pnl {
25 - 162 
		width: 33%;
163 
	}
164 
}
165 
@media(max-width:991px){
31 - 166 
	.left-pnl {
25 - 167 
		width: 34%;
168 
	}
169 
}
170 
@media(max-width:900px){
31 - 171 
	.left-pnl {
25 - 172 
		width: 37%;
173 
	}
31 - 174 
	.right-pnl {
25 - 175 
		width: 58%;
176 
		margin-top: 25px;
177 
	}
178 
}
179 
@media(max-width:736px){
31 - 180 
	.left-pnl {
25 - 181 
		width: 34%;
182 
	}
31 - 183 
	.right-pnl {
25 - 184 
		margin-top: 22px;
185 
	}
186 
}
187 
@media(max-width:667px){
31 - 188 
	.left-pnl {
25 - 189 
		width: 37%;
190 
	}
31 - 191 
	.left-pnl h2 {
25 - 192 
		font-size: 16px;
193 
	}
31 - 194 
	.left-pnl p {
25 - 195 
		font-size: 12.5px;
196 
		letter-spacing: 0.7px;
197 
	}
198 
}
199 
@media(max-width:600px){
31 - 200 
	.left-pnl {
25 - 201 
		width: 39%;
202 
	}
203 
}
204 
@media(max-width:568px){
31 - 205 
	.left-pnl, .right-pnl {
25 - 206 
		width: 100%;
207 
	}
208 
	.ac-info p {
209 
		font-size: 13px;
210 
	}
31 - 211 
	.left-pnl h2 {
25 - 212 
		font-size: 15px;
213 
	}
31 - 214 
	.left-pnl p {
25 - 215 
		letter-spacing: 0.5px;
216 
	}
217 
}
218 
@media(max-width:480px){
31 - 219 
	.left-pnl, .right-pnl {
25 - 220 
		width: 100%;
221 
	}
31 - 222 
    .left-pnl img {
25 - 223 
		width: 88%;
224 
	}
225 
}
226 
@media(max-width:414px){
31 - 227 
	.left-pnl {
25 - 228 
		width: 100%;
229 
		float: none;
230 
		margin: 0 auto;
231 
	}
31 - 232 
	.right-pnl {
25 - 233 
		width: 100%;
234 
		float: none;
235 
		margin: 0 auto;
236 
		margin-top: 22px;
237 
	}
238 
	.ac-info p {
239 
		font-size: 14px;
240 
		margin-top: 0.9em;
241 
	}
31 - 242 
	.left-pnl img {
25 - 243 
		width: 88%;
244 
	}
245 
}
246 
@media(max-width:384px){
31 - 247 
	.left-pnl, .right-pnl {
25 - 248 
		width: 100%;
249 
	}
250 
	.ac-info p {
251 
		font-size: 13px;
252 
		margin-top: 0.7em;
253 
	}
31 - 254 
	.right-pnl {
25 - 255 
		margin-top: 11px;
256 
	}
31 - 257 
	.left-pnl h2 {
25 - 258 
		font-size: 14.5px;
259 
		margin: 3px 0;
260 
	}
31 - 261 
    .left-pnl p {
25 - 262 
		font-size: 12.3px;
263 
	}
264 
	.button a {
265 
		font-size: 14px;
266 
	}
267 
}
268 
@media(max-width:320px){
31 - 269 
	.left-pnl, .right-pnl {
25 - 270 
		width: 100%;
271 
	}
272 
	.button a {
273 
		padding: 4px 13px;
274 
	}
31 - 275 
	.left-pnl img {
25 - 276 
		width: 75%;
277 
	}
31 - 278 
	.right-pnl {
25 - 279 
		margin-top: 3px;
280 
	}
31 - 281 
	.left-pnl h2 {
25 - 282 
		font-size: 14px;
283 
		margin: 1px 0;
284 
	}
31 - 285 
}