Subversion Repositories cheapmusic

Rev

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