Subversion Repositories cheapmusic

Rev

Rev 31 | Rev 47 | 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;
36 - 25 
    background: #007bff;
25 - 26 
    text-align: center;
27 
}
28 
.menu-tle h2 {
29 
    font-size: 1.3em;
30 
    color: #fff;
31 
}
31 - 32 
.left-pnl {
25 - 33 
    float: left;
34 
    text-align: center;
35 
    width: 33%;
36 
}
31 - 37 
.left-pnl img {
25 - 38 
    border: 2px solid #ed4406;
39 
    padding: 4px;
40 
}
31 - 41 
.left-pnl h2 {
25 - 42 
    font-size: 18px;
43 
    margin: 5px 0;
44 
    text-transform: uppercase;
45 
}
31 - 46 
.left-pnl p {
25 - 47 
    font-size: 13px;
48 
    letter-spacing: 1px;
49 
}
31 - 50 
.right-pnl {
25 - 51 
    float: right;
52 
    width: 61%;
53 
}
31 - 54 
.right-pnl h3{
25 - 55 
    font-size: 18px;
56 
    margin: 5px 0px 10px 0px;
57 
    text-transform: uppercase;
58 
}
59 
.ac-info {
60 
    margin-bottom: 2em;
61 
    text-align: left;
62 
}
63 
.ac-info p{
64 
    font-size: 16px;
65 
    font-weight: 400;
66 
    letter-spacing: 0.9px;
67 
    margin-bottom: 1em;
68 
}
69 
.ac-info p b{
70 
    font-weight: 600;
71 
}
72 
 
73 
a.view-btn {
74 
    font-size: 17px;
75 
    padding: 8px 20px;
76 
    display: inline-block;
77 
    color: #28B890;
78 
    border: 2px solid #28B890;
79 
    border-radius: 3px;
80 
    outline: none;
81 
}
82 
a.view-btn:hover{
83 
    color: #fff;
84 
    background-color: #28B890;
85 
}
86 
 
87 
 
88 
@media(max-width:1440px){
31 - 89 
	.left-pnl {
25 - 90 
		width: 33%;
91 
	}
92 
}
93 
@media(max-width:1366px){
31 - 94 
	.left-pnl {
25 - 95 
		width: 34%;
96 
	}
97 
	.left-w3ls {
98 
		width: 59%;
99 
	}
100 
}
101 
@media(max-width:1280px){
31 - 102 
	.left-pnl {
25 - 103 
		width: 32%;
104 
	}
31 - 105 
	.right-pnl {
25 - 106 
		width: 61%;
107 
		margin-top: 10px;
108 
	}
109 
}
110 
@media(max-width:1080px){
31 - 111 
	.right-pnl {
25 - 112 
		width: 62%;
113 
		margin-top: 20px;
114 
	}
115 
}
116 
@media(max-width:1050px){
31 - 117 
	.left-pnl {
25 - 118 
		width: 33%;
119 
	}
120 
}
121 
@media(max-width:1024px){
31 - 122 
	.left-pnl {
25 - 123 
		width: 33%;
124 
	}
125 
}
126 
@media(max-width:991px){
31 - 127 
	.left-pnl {
25 - 128 
		width: 34%;
129 
	}
130 
}
131 
@media(max-width:900px){
31 - 132 
	.left-pnl {
25 - 133 
		width: 37%;
134 
	}
31 - 135 
	.right-pnl {
25 - 136 
		width: 58%;
137 
		margin-top: 25px;
138 
	}
139 
}
140 
@media(max-width:736px){
31 - 141 
	.left-pnl {
25 - 142 
		width: 34%;
143 
	}
31 - 144 
	.right-pnl {
25 - 145 
		margin-top: 22px;
146 
	}
147 
}
148 
@media(max-width:667px){
31 - 149 
	.left-pnl {
25 - 150 
		width: 37%;
151 
	}
31 - 152 
	.left-pnl h2 {
25 - 153 
		font-size: 16px;
154 
	}
31 - 155 
	.left-pnl p {
25 - 156 
		font-size: 12.5px;
157 
		letter-spacing: 0.7px;
158 
	}
159 
}
160 
@media(max-width:600px){
31 - 161 
	.left-pnl {
25 - 162 
		width: 39%;
163 
	}
164 
}
165 
@media(max-width:568px){
31 - 166 
	.left-pnl, .right-pnl {
25 - 167 
		width: 100%;
168 
	}
169 
	.ac-info p {
170 
		font-size: 13px;
171 
	}
31 - 172 
	.left-pnl h2 {
25 - 173 
		font-size: 15px;
174 
	}
31 - 175 
	.left-pnl p {
25 - 176 
		letter-spacing: 0.5px;
177 
	}
178 
}
179 
@media(max-width:480px){
31 - 180 
	.left-pnl, .right-pnl {
25 - 181 
		width: 100%;
182 
	}
31 - 183 
    .left-pnl img {
25 - 184 
		width: 88%;
185 
	}
186 
}
187 
@media(max-width:414px){
31 - 188 
	.left-pnl {
25 - 189 
		width: 100%;
190 
		float: none;
191 
		margin: 0 auto;
192 
	}
31 - 193 
	.right-pnl {
25 - 194 
		width: 100%;
195 
		float: none;
196 
		margin: 0 auto;
197 
		margin-top: 22px;
198 
	}
199 
	.ac-info p {
200 
		font-size: 14px;
201 
		margin-top: 0.9em;
202 
	}
31 - 203 
	.left-pnl img {
25 - 204 
		width: 88%;
205 
	}
206 
}
207 
@media(max-width:384px){
31 - 208 
	.left-pnl, .right-pnl {
25 - 209 
		width: 100%;
210 
	}
211 
	.ac-info p {
212 
		font-size: 13px;
213 
		margin-top: 0.7em;
214 
	}
31 - 215 
	.right-pnl {
25 - 216 
		margin-top: 11px;
217 
	}
31 - 218 
	.left-pnl h2 {
25 - 219 
		font-size: 14.5px;
220 
		margin: 3px 0;
221 
	}
31 - 222 
    .left-pnl p {
25 - 223 
		font-size: 12.3px;
224 
	}
225 
	.button a {
226 
		font-size: 14px;
227 
	}
228 
}
229 
@media(max-width:320px){
31 - 230 
	.left-pnl, .right-pnl {
25 - 231 
		width: 100%;
232 
	}
233 
	.button a {
234 
		padding: 4px 13px;
235 
	}
31 - 236 
	.left-pnl img {
25 - 237 
		width: 75%;
238 
	}
31 - 239 
	.right-pnl {
25 - 240 
		margin-top: 3px;
241 
	}
31 - 242 
	.left-pnl h2 {
25 - 243 
		font-size: 14px;
244 
		margin: 1px 0;
245 
	}
31 - 246 
}