Subversion Repositories cheapmusic

Rev

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