1/* desbest edit */
2
3
4@media screen and (max-width: 480px){
5
6  .desktop { display: none; } .mobile { display: block; }
7
8  fieldset,
9  #mediamanager__page,
10  #mediamanager__page .filelist{
11    max-width: 100%; min-width: unset;
12  }
13  #mediamanager__page .file,
14  #mediamanager__page .namespaces,
15  #mediamanager__page .panel {
16    width: 100%; clear: both; float: none;
17  }
18  li, dd { margin: 1.15em 0px !important; }
19  #config__manager tr { display: block; }
20  #config__manager td { display: block;  padding: 1.15em 0px; max-width: 50%;  }
21  #config__manager fieldset {  margin: 1em 0px;  }
22  #config__manager fieldset td.value { width: unset; }
23
24  #config__manager td .input,
25  #config__manager fieldset td.value,
26  #config__manager td input.edit {
27    max-width: 75%;
28  }
29
30  /* spacious specific */
31
32  /* */
33
34}
35
36
37
38/* from wordpress theme */
39
40
41/* =RESPONSIVE STRUCTURE
42----------------------------------------------- */
43@media screen and (min-width: 1500px) {
44    .wide-978 #featured-slider .entry-container {
45        left: 17.6%;
46    }
47    .wide-1218 #featured-slider .entry-container {
48        left: 9.6%;
49    }
50}
51
52@media screen and (min-width: 1650px) {
53    .wide-978 #featured-slider .entry-container {
54        left: 19.45%;
55    }
56    .wide-1218 #featured-slider .entry-container {
57        left: 11.9%;
58    }
59}
60
61@media screen and (max-width: 1308px) {
62    #page {
63        width: 97%;
64    }
65    .wide-1218 #page, .wide-978 #page {
66        width: 100%;
67    }
68    .inner-wrap {
69        width: 94%;
70    }
71}
72
73@media screen and (max-width: 1078px) {
74    body {
75        padding: 15px 0;
76    }
77    #featured-slider .entry-container {
78        max-width: 60%;
79    }
80    .call-to-action-content {
81        float: none;
82        width: 100%;
83        margin-bottom: 10px;
84        text-align: center;
85    }
86    .call-to-action-button {
87        width: 93%;
88    }
89    .footer-socket-wrapper .copyright {
90        float: none;
91        max-width: 100%;
92        text-align: center;
93        margin-bottom: 5px;
94    }
95    .footer-socket-wrapper .small-menu {
96        float: none;
97        text-align: center;
98    }
99    .footer-socket-wrapper .small-menu li {
100        float: none;
101        display: inline;
102    }
103    .footer-socket-wrapper .small-menu a {
104        float: none;
105        display: inline;
106        padding: 5px 5px 0;
107    }
108    .small-menu li.default-menu, li.default-menu {
109        display: none;
110    }
111    .tg-one-half, .tg-one-third, .tg-one-fourth {
112        float: left;
113        width: 46.7684729%;
114    }
115    #colophon .tg-one-third {
116        float: left;
117        margin-right: 2.38916257%;
118        padding: 0 0 30px;
119        width: 31.7405583%;
120    }
121    #colophon .tg-one-third.tg-after-two-blocks-clearfix {
122        clear: none;
123    }
124    .widget_service_block .tg-one-third {
125        float: left;
126        margin: 0 2.46305%;
127        padding: 0 0 30px;
128        width: 28.4072%;
129    }
130    .tg-one-half-last, .tg-one-fourth-last {
131        float: right;
132    }
133    .tg-service-left {
134        float: left;
135        margin: 0;
136    }
137    .tg-service-right {
138        float: right;
139        margin: 0;
140    }
141    .tg-column-1, .tg-column-3 {
142        float: left;
143        width: 46.7684729%;
144    }
145    .tg-column-2, .tg-column-4 {
146        float: right;
147        margin-right: 0;
148    }
149    .tg-after-two-blocks-clearfix {
150        clear: both;
151    }
152    .tg-after-three-blocks-clearfix {
153        clear: none;
154    }
155}
156
157@media screen and (max-width: 768px) {
158    #primary, #secondary, .wide-978 #primary, .narrow-978 #primary {
159        float: none;
160        width: 100%;
161        margin: 0;
162    }
163    #header-left-section {
164        float: none;
165        max-width: 100%;
166        margin-right: 0px;
167    }
168    #header-logo-image {
169        float: none;
170        text-align: center;
171        margin-bottom: 10px;
172        padding-right: 0;
173    }
174    #header-text {
175        float: none;
176        text-align: center;
177        padding: 0;
178        margin-bottom: 10px;
179    }
180    #site-description {
181        padding-bottom: 5px;
182    }
183    #header-right-section {
184        float: none;
185        max-width: 100%;
186    }
187    #header-right-section .widget {
188        padding: 0 0 10px 0;
189        float: none;
190        text-align: center;
191    }
192    #header-right-section #header-right-sidebar {
193        width: 100%;
194    }
195    .site-header .menu-toggle {
196        display: block;
197        text-align: left;
198        padding: 10px 20px;
199    }
200    .main-small-navigation {
201        width: 100%;
202    }
203    .main-navigation {
204        float: none;
205        padding-top: 0;
206        width: 100%;
207    }
208    .main-navigation.toggled .nav-menu {
209        display: block;
210    }
211    .spacious-menu-header-button-enabled .main-navigation .menu-primary-container > ul {
212        display: none;
213    }
214    .main-navigation ul {
215        display: none;
216    }
217    #featured-slider .entry-container {
218        max-width: 70%;
219    }
220    #featured-slider .entry-description-container {
221        padding: 5px 10px;
222        padding: 0.5rem 1rem;
223    }
224    #featured-slider .slider-title-head {
225        margin-bottom: 0;
226    }
227    #featured-slider .entry-title span {
228        font-size: 18px;
229        line-height: 1.4;
230    }
231    #featured-slider .entry-content p {
232        font-size: 14px;
233        line-height: 1.4;
234    }
235    #featured-slider .slider-read-more-button {
236        font-size: 14px;
237        padding: 5px 10px;
238        padding: 0.5rem 1rem;
239    }
240    .woocommerce .related ul.products li.first,
241    .woocommerce-page .related ul.products li.first {
242        clear: both;
243    }
244    .woocommerce .related ul.products li.product,
245    .woocommerce-page .related ul.products li.product {
246        width: 48%;
247        margin: 0 0 1em 0;
248    }
249    .woocommerce .related ul.products li.product input.input-text, .woocommerce .related ul.products li.product textarea,
250    .woocommerce-page .related ul.products input.input-text,
251    .woocommerce-page .related ul.products textarea,
252    .woocommerce form .form-row input.input-text,
253    .woocommerce form .form-row textarea {
254        line-height: 1.5em;
255        padding: 10px;
256    }
257    .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea {
258        line-height: 1.5em;
259        padding: 10px;
260    }
261    /* =RESPONSIVE SUB TOGGLE MENU
262    ----------------------------------------------- */
263    /* sub-toggle */
264    .sub-toggle {
265        background: #0FBE7C none repeat scroll 0 0;
266        color: #ffffff;
267        cursor: pointer;
268        display: block;
269        height: 24px;
270        line-height: 21px;
271        position: absolute;
272        right: 15px;
273        text-align: center;
274        top: 9px;
275        width: 24px;
276    }
277    .main-small-navigation li.current-menu-item > .sub-toggle {
278        background: #ffffff none repeat scroll 0 0;
279    }
280    .main-small-navigation li.current-menu-item > .sub-toggle i {
281        color: #d40234;
282    }
283    .better-responsive-menu .menu-primary-container .sub-menu {
284        display: none;
285    }
286    .sub-toggle span {
287        display: inline-block;
288        font-size: 11px;
289        line-height: 23px;
290        margin-left: 0;
291    }
292    .main-small-navigation li:hover > .sub-toggle {
293        background: #ffffff;
294        color: #0FBE7C;
295    }
296    .sub-toggle span.genericon-downarrow {
297        line-height: 30px;
298        margin-left: 0;
299    }
300    .site-header.spacious-header-display-four .bottom-menu {
301        position: relative;
302    }
303    .site-header.spacious-header-display-four .bottom-menu .menu-toggle {
304        position: absolute;
305        z-index: 9999;
306        right: 20px;
307        top: -40px;
308    }
309    .better-responsive-menu #header-right-section {
310        float: right;
311        margin-top: 15px;
312        max-width: 100%;
313    }
314    .better-responsive-menu #header-right-section .widget {
315        margin-bottom: 10px;
316    }
317    .better-responsive-menu #site-navigation {
318        float: right;
319        margin-top: 10px;
320        padding: 0;
321    }
322    .better-responsive-menu .main-small-navigation {
323        margin-top: 10px;
324    }
325    .better-responsive-menu #header-logo-image {
326        float: left;
327        margin-bottom: 0;
328        margin-right: 10px;
329    }
330    .better-responsive-menu #header-left-section {
331        float: left;
332        margin-top: 10px;
333    }
334    .better-responsive-menu #header-text {
335        margin: 13px 0 0;
336        float: left;
337        text-align: left;
338    }
339    .better-responsive-menu #site-description {
340        font-size: 13px;
341        margin-bottom: 0;
342    }
343    .better-responsive-menu #site-title a {
344        font-size: 28px;
345    }
346    .better-responsive-menu .site-header .menu-toggle {
347        background: #3a3a3a none repeat scroll 0 0;
348        color: #fff;
349        font: 0px/0 a;
350        height: 36px;
351        margin: 0;
352        padding: 0;
353        position: relative;
354        text-align: center;
355        width: 40px;
356    }
357    .better-responsive-menu #header-text-nav-wrap {
358        padding: 0;
359    }
360    .better-responsive-menu #header-text-nav-wrap #header-right-section .widget {
361        padding: 0;
362    }
363    .better-responsive-menu .site-header .menu-toggle::before {
364        font-size: 21px;
365        left: 50%;
366        line-height: 25px;
367        margin-right: 0;
368        position: absolute;
369        top: 50%;
370        -webkit-transform: translate(-50%, -50%);
371        transform: translate(-50%, -50%);
372    }
373    .better-responsive-menu #header-text-nav-container {
374        position: relative;
375        margin-bottom: 15px;
376        border: none;
377    }
378    .better-responsive-menu #site-navigation .menu-primary-container {
379        left: 0;
380        position: absolute;
381        top: 100%;
382        width: 100%;
383        z-index: 9999;
384    }
385}
386
387@media screen and (max-width: 767px) {
388    .social-links {
389        float: none;
390        padding-right: 0;
391        padding-top: 10px;
392    }
393    .small-info-text {
394        float: none;
395        padding-right: 0;
396    }
397    .social-links ul {
398        display: inline-block;
399    }
400    #header-meta {
401        text-align: center;
402    }
403    #header-meta .small-menu {
404        float: none;
405    }
406    #header-meta .small-menu ul {
407        display: inline-block;
408    }
409    .tg-one-half, .tg-one-third, .tg-one-fourth, .widget_service_block .tg-one-third {
410        float: none;
411        width: 100%;
412        margin: 0;
413    }
414    .tg-column-1, .tg-column-2, .tg-column-3, .tg-column-4 {
415        float: none;
416    }
417    #primary, #secondary {
418        float: none;
419        width: 100%;
420        margin: 0;
421    }
422    .wide-978 #primary, .narrow-978 #primary, .wide-978 #secondary, .narrow-978 #secondary {
423        width: 100%;
424    }
425    .related-posts {
426        margin: 0;
427    }
428    #colophon .tg-one-third {
429        float: none;
430        width: 100%;
431        margin: 0;
432    }
433    #colophon .tg-one-third.tg-after-two-blocks-clearfix {
434        clear: both;
435    }
436}
437
438@media screen and (max-width: 600px) {
439    .site-header.spacious-header-display-four .bottom-menu .menu-toggle {
440        position: relative;
441        right: 0;
442        top: 0;
443    }
444    .better-responsive-menu #header-logo-image {
445        display: block;
446        float: none;
447    }
448    .better-responsive-menu #header-text {
449        display: block;
450        float: none;
451        margin-top: 12px;
452        text-align: center;
453    }
454    .better-responsive-menu #header-left-section {
455        padding-top: 10px;
456        text-align: center;
457        float: none;
458    }
459    .better-responsive-menu #header-right-section {
460        padding-top: 10px;
461        float: none;
462    }
463    .better-responsive-menu #header-right-sidebar {
464        float: right;
465    }
466    .better-responsive-menu #site-navigation {
467        float: none;
468        margin-top: 0;
469    }
470    .better-responsive-menu .site-header.spacious-header-display-four .bottom-menu .menu-toggle {
471        position: absolute;
472        right: auto;
473        top: -45px;
474        left: 15px;
475    }
476    .better-responsive-menu .site-header.spacious-header-display-four #header-left-section,
477    .better-responsive-menu .site-header.spacious-header-display-four #header-right-section {
478        float: none;
479    }
480    .main-navigation,
481    .main-small-navigation {
482        padding-top: 8px;
483    }
484    #featured-slider .entry-description-container {
485        padding: 3px 6px;
486        padding: 0.3rem 0.6rem;
487    }
488    #featured-slider .entry-title span {
489        font-size: 14px;
490    }
491    #featured-slider .entry-content p {
492        font-size: 10px;
493    }
494    #featured-slider .slider-read-more-button {
495        margin-top: 5px;
496        font-size: 10px;
497        padding: 3px 6px;
498        padding: 0.3rem 0.6rem;
499    }
500    #controllers {
501        bottom: 5px;
502    }
503    #controllers a {
504        height: 4px;
505        margin: 0 3px;
506        width: 12px;
507    }
508    .woocommerce table {
509        font-size: 12px;
510    }
511    .woocommerce table.shop_table {
512        border-collapse: collapse;
513    }
514    .woocommerce table.shop_table th {
515        padding: 9px 2px;
516    }
517    .woocommerce table.shop_table td {
518        padding: 6px 2px;
519    }
520    .woocommerce ul.products li.product h3 {
521        font-size: 18px;
522    }
523    .woocommerce-page ul.products li.product h3 {
524        font-size: 18px;
525    }
526    .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
527        font-size: 16px;
528    }
529    .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button {
530        font-size: 14px;
531        margin-bottom: 0;
532        padding: 8px 10px;
533    }
534    .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button {
535        font-size: 14px;
536        margin-bottom: 0;
537        padding: 8px 10px;
538    }
539    .woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty {
540        height: 24px;
541    }
542    .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty {
543        height: 24px;
544    }
545    .woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text {
546        font-size: 14px;
547        height: 32px;
548        line-height: 1.5;
549        padding: 4px 10px;
550        width: 120px;
551    }
552    .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text {
553        font-size: 14px;
554        height: 32px;
555        line-height: 1.5;
556        padding: 4px 10px;
557        width: 120px;
558    }
559    .woocommerce .cart_totals h2 {
560        float: none;
561    }
562    .gallery-columns-4 .gallery-item,
563    .gallery-columns-5 .gallery-item,
564    .gallery-columns-6 .gallery-item,
565    .gallery-columns-7 .gallery-item,
566    .gallery-columns-8 .gallery-item,
567    .gallery-columns-9 .gallery-item {
568        width: 25%;
569    }
570    .author-box .author-img img {
571        margin-bottom: 20px;
572    }
573    .author-box .author-description-wrapper {
574        margin-left: 0;
575    }
576}
577
578@media only screen and (max-width: 4200px) {
579    #page {
580        width: 97%;
581        /*background-color: orange;*/
582    }
583    .inner-wrap {
584        width: 95%;
585    }
586    #featured-slider .entry-content,
587    #featured-slider .slider-read-more-button {
588        display: none;
589    }
590    .gallery-columns-4 .gallery-item,
591    .gallery-columns-5 .gallery-item,
592    .gallery-columns-6 .gallery-item,
593    .gallery-columns-7 .gallery-item,
594    .gallery-columns-8 .gallery-item,
595    .gallery-columns-9 .gallery-item {
596        width: 33.33%;
597    }
598    .better-responsive-menu #header-text {
599        text-align: center;
600    }
601}