-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathresponsive.css
149 lines (119 loc) · 3.23 KB
/
responsive.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
/*Tablet Layout: 768px.*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.center{width:730px;padding:10px}
#selectnav1{display:none;}
#selectnav2{display:none;}
#nav{display:block;}
#f_menu{display:block;}
.top_menu {
margin-left: 139px;
margin-top: 10px;
}
.main_menu_area ul li a {font-size: 11px;padding: 18px 14.1px;}
.slider1,.main_content {width: 505px;}
.slider2 ,.sidebar{width: 195px;}
.left_coloum { width: 355px;}
.right_coloum {width: 140px;}
.single_left_coloum {width: 111px;}
.gallery img {width: 109px;}
.single_cat_left_content {width: 172px;}
.single_cat_left_content h3 {line-height: 17px;}
.readmore, .single_cat_right_content_meta span {
margin-right: 10px;
}
.single_popular h3 {
font-size: 13px;
}
.footer_top_area {
width: 710px;
}
.inner_footer_top {
width: 530px;
}
.footer_menu ul li a {
padding: 0 12px;
}
}
/*Mobile Layout: 320px.*/
@media only screen and (max-width: 767px) {
.center{width:290px;padding:5px}
#nav{display:none;}
#f_menu{display:none;}
#selectnav1,#selectnav2{background: none repeat scroll 0 0 #000000;
border: medium none;
color: #FFFFFF;
display: block;
font-family: bebasregular;
font-size: 19px;
height: 40px;
margin: 10px auto 0;
overflow: hidden;
padding-top: 11px;
text-align: center;
width: 100%;}
.main_menu_area {min-height: 45px;}
.logo {float: none;margin: 15px auto 0px;width: 250px;}
.top_menu {float: none;margin: 15px auto 10px;width: 330px;}
.social_plus_search {display: none;}
.slider1 {width: 195px;}
.slider2 {max-height: 92px;width: 80px;}
.left_coloum {float: none;
width: 280px;}
.single_left_coloum {margin-left: 3px;
width: 91px;}
.gallery img {width: 129px;}
.single_cat_left_content {width: 280px;margin-left: 3px;}
.main_content {width: 280px;}
.right_coloum {float: none;margin: 0 auto;width: 280px;}
.sidebar {float: none;margin: 0 auto;}
.footer_top_area {padding: 12px 0;width: 280px;}
.inner_footer_top {width: 250px;}
.top_menu ul li a {
font-size: 10px;
padding: 0 10px;
}
.single_left_coloum_wrapper {
margin-left: -3px;
}
.single_left_coloum_wrapper .title {
margin-left: 3px;
}
.title {
font-size: 15px;
}
.single_left_coloum {margin-left: 3px;}
}
/*Wide Mobile Layout: 480px.*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.center{width:440px;padding:5px}
#nav{display:none;}
#f_menu{display:none;}
#selectnav1,#selectnav2{background: none repeat scroll 0 0 #000000;
border: medium none;
color: #FFFFFF;
display: block;
font-family: bebasregular;
font-size: 19px;
height: 40px;
margin: 10px auto 0;
overflow: hidden;
padding-top: 11px;
text-align: center;
width: 100%;}
.main_menu_area {min-height: 45px;}
.logo {float: none;margin: 15px auto 0px;width: 250px;}
.top_menu {float: none;margin: 15px auto 10px;width: 330px;}
.social_plus_search {display: none;}
.slider1 {width: 310px;}
.slider2 {min-height: 146px;width: 110px;}
.left_coloum {width: 430px;
float: none;}
.single_left_coloum {width: 141px;}
.gallery img {margin-bottom: 5px;margin-left: 3px;width: 134px;}
.single_cat_left_content {width: 210px;}
.main_content {width: 430px;}
.right_coloum {float: none;margin: 0 auto;width: 285px;}
.sidebar {float: none;margin: 0 auto;}
.footer_top_area {padding: 12px 0;width: 430px;}
.inner_footer_top {width: 350px;}
}