1/* desbest edit */
2
3
4@media screen and (max-width: 480px){
5  fieldset,
6  #mediamanager__page,
7  #mediamanager__page .filelist{
8    max-width: 100%; min-width: unset;
9  }
10  #mediamanager__page .file,
11  #mediamanager__page .namespaces,
12  #mediamanager__page .panel {
13    width: 100%; clear: both; float: none;
14  }
15  li, dd { margin: 1.15em 0px !important; }
16  #config__manager tr { }
17  #config__manager td { display: block;  padding: 1.15em 0px; max-width: 50%;  }
18  #config__manager fieldset {  margin: 1em 0px;  }
19  #config__manager fieldset td.value { width: unset; }
20
21  #config__manager td .input,
22  #config__manager fieldset td.value,
23  #config__manager td input.edit {
24    max-width: 75%;
25  }
26
27  /* parallax specific */
28  /* */
29
30}
31
32
33
34@media screen and (max-width: 767px) {
35
36	body {
37		padding-right: 0;
38		padding-left: 0;
39	}
40
41	/*desbest edit */
42	.site-footer {
43	padding: 0px 2em;
44	box-sizing: border-box;
45	}
46
47	#single_page {
48	margin-top: 12px !important;
49	}
50}
51
52@media screen and (max-width: 767px) {
53	#header_section .container-fluid {
54		padding-right: 20px;
55		padding-left: 20px;
56	}
57}
58
59
60@media (max-width: 979px) {
61
62	#qsearch__in { max-width: 107%; }
63
64	#logo_container {
65		margin: 0;
66		width: 50%;
67	}
68
69	#social_container {
70		margin: 0;
71		width: 50%;
72	}
73
74	#navigation {
75		margin: 0;
76		width: 100%;
77	}
78
79	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
80		font-weight: normal;
81	}
82
83	.nav-collapse .nav > li > a:hover {
84		border-bottom: 4px solid transparent;
85		background: transparent;
86	}
87	.nav-collapse .dropdown-menu a:hover {
88		background: transparent;
89	}
90
91	.nav-collapse .nav > li > a {
92		color: #ffffff;
93	}
94
95	.navbar .nav-collapse .nav > li > a:hover,
96	.navbar-inverse .nav-collapse .dropdown-menu a:hover {
97		color: #ac1516;
98	}
99
100	.navbar .nav-collapse .nav > li.current-menu-item > a,
101	.navbar .nav-collapse .nav > li.current-menu-ancestor > a {
102		color: #ac1516;
103	}
104
105	.nav-collapse .dropdown .caret {
106		display: none;
107	}
108
109	.nav-collapse .dropdown-menu {
110		display: block;
111	}
112
113	.navbar .nav-collapse .dropdown-menu .active > a {
114		background-color: #000000;
115		background-image: none;
116		color: #ffffff;
117	}
118
119	/*  Mobile menu scrolling fix */
120	#navigation_menu{
121		position: relative;
122	}
123	#cc_spacer{
124		display: none;
125	}
126}
127
128@media screen and (max-width: 768px) {
129	#logo_container,
130	#logo_container #logo {
131		margin: 0;
132		width: 100%;
133		text-align: center;
134	}
135
136	#social_container,
137	#social_container #social {
138		margin: 0;
139		width: 100%;
140		text-align: center;
141	}
142
143	#social_container #social a.symbol {
144		float: none;
145	}
146
147	#social_container #social a.symbol:last-child {
148		margin-right: 0;
149	}
150
151	#navigation {
152		margin: 0;
153		width: 100%;
154	}
155}
156
157@media screen and (max-width: 782px) {
158	.admin-bar #navigation_menu {
159		top: 0;
160	}
161}
162
163
164
165/*****************************/
166/* MEDIA QUERIES *************/
167/*****************************/
168
169/* PHONES ===================*/
170
171@media (max-width: 480px) {
172	header#cc-header .span7 {
173		text-align: center;
174	}
175
176	header#cc-header .span5 {
177		text-align: center;
178	}
179
180	header#cc-header .span5 div.icons a {
181		float: none;
182	}
183
184	header#cc-header .span5 div.blog-description {
185		float: none;
186	}
187
188	header#cc-header .span5 div.register {
189		float: none;
190	}
191
192	header#cc-header .span5 #searchform {
193		float: none;
194	}
195}
196
197@media all and (max-width: 767px) {
198    .contact_left_sec
199    {
200        text-align: center;
201    }
202    .contactus_wrapper.span12
203    {
204        padding: 20px 30px;
205    }
206    .contact_addr {
207    padding-bottom: 10px;
208    }
209    .parallax_testimonial_text{
210    padding: 0 20px;
211    }
212}
213
214
215@media screen and (min-width: 783px) {
216  .admin-bar .sticky-header {
217    top: 32px;
218  }
219}
220@media screen and (max-width: 600px) {
221  .admin-bar .sticky-header {
222    top: 0;
223  }
224}
225
226
227@media (min-width:320px) and (max-width:480px)
228{
229	.market { float:left; }
230}
231
232/*desbest edit*/
233/*
234@media screen and ( max-width: 782px ) {
235	html { margin-top: 46px !important; }
236	* html body { margin-top: 46px !important; }
237}*/