PluginProbe
Responsive Menu – Create Mobile-Friendly Menu / 3.1.8
Responsive Menu – Create Mobile-Friendly Menu v3.1.8
4.7.3 3.1.5 3.1.6 3.1.7 3.1.8 3.1.9 4.0.0 4.0.1 4.0.2 4.0.3 4.0.4 4.1.0 4.1.1 4.1.10 4.1.11 4.1.12 4.1.2 4.1.3 4.1.4 4.1.5 4.1.6 4.1.7 4.1.8 4.1.9 4.2.0 All 90 releases
responsive-menu / public / css / admin / base.css

base.css in Responsive Menu – Create Mobile-Friendly Menu 3.1.8, at public/css/admin/base.css

786 lines 19.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 Responsive Menu CSS file.
3 Safe to Copy
4 **/
5
6 /* vietnamese */
7 @font-face {
8 font-family: 'Montserrat';
9 font-style: normal;
10 font-weight: 400;
11 src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/SKK6Nusyv8QPNMtI4j9J2yEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
12 unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
13 }
14 /* latin-ext */
15 @font-face {
16 font-family: 'Montserrat';
17 font-style: normal;
18 font-weight: 400;
19 src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/gFXtEMCp1m_YzxsBpKl68iEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
20 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
21 }
22 /* latin */
23 @font-face {
24 font-family: 'Montserrat';
25 font-style: normal;
26 font-weight: 400;
27 src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
28 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
29 }
30
31
32 #responsive-menu-admin {
33 font-family: "Montserrat";
34 }
35
36 #responsive-menu-admin #banner-area,
37 #responsive-menu-admin #options-area {
38 display: inline-block;
39 width: 75%;
40 vertical-align: top;
41 }
42
43 #responsive-menu-admin #banner-area {
44 width: 20%;
45 margin-left: 5%;
46 margin-top: 25px;
47 }
48
49 #responsive-menu-admin #banner-area #guide-banner {
50 background: white;
51 padding: 15px;
52 margin-top: 15px;
53 }
54
55 #responsive-menu-admin #banner-area #guide-banner .guide-active > .guide-wrapper,
56 #responsive-menu-admin #banner-area #guide-banner #guide-menu-wrapper:hover,
57 #responsive-menu-admin #banner-area #guide-banner #guide-submenu-wrapper:hover,
58 #responsive-menu-admin #banner-area #guide-banner #guide-container-wrapper:hover,
59 #responsive-menu-admin #banner-area #guide-banner #guide-button-wrapper:hover {
60 outline: 4px solid #15A4FA;
61 }
62
63 #responsive-menu-admin #banner-area #guide-banner .guide-active > .guide-wrapper {
64 outline-color: yellow;
65 }
66
67 #responsive-menu-admin #banner-area #guide-banner #guide-button-wrapper {
68 height: 50px;
69 width: 50px;
70 background: #3E4960;
71 padding-top: 10px;
72 }
73
74 #responsive-menu-admin #banner-area #guide-banner #guide-button-container {
75
76 float: right;
77 }
78
79 #responsive-menu-admin #banner-area #guide-banner #guide-button-container .guide-button-line {
80 background: white;
81 width: 75%;
82 height: 3px;
83 margin: 0 auto 10px auto;
84 }
85
86 #responsive-menu-admin #banner-area #guide-banner #guide-container-container {
87 width: 75%;
88 }
89
90 #responsive-menu-admin #banner-area #guide-banner #guide-container-wrapper {
91 background: #3E4960;
92 padding: 10px;
93 }
94
95 #responsive-menu-admin #banner-area #guide-banner #guide-title {
96 font-weight: bold;
97 margin-bottom: 10px;
98 }
99
100 #responsive-menu-admin #banner-area #guide-banner #guide-title small {
101 font-weight: normal;
102 }
103
104 #responsive-menu-admin #banner-area #guide-banner #guide-menu-container {
105 background: #E9F0FA;
106 }
107
108 #responsive-menu-admin #banner-area #guide-banner #guide-container-container .guide-menu-text {
109 color: white;
110 padding: 5px 0;
111 }
112
113 #responsive-menu-admin #banner-area #guide-banner #guide-menu-container .guide-menu-item {
114 border-bottom: 1px solid #D4E2F5;
115 padding: 5px;
116 }
117
118 #responsive-menu-admin #banner-area #guide-banner #guide-menu-container .guide-menu-item.guide-submenu-item {
119 padding-left: 25px;
120 background: #D4E2F5;
121 border-color: #E9F0FA;
122 }
123
124 #responsive-menu-admin #banner-area #guide-banner .guide-helper-container {
125 position: relative;
126 }
127
128 #responsive-menu-admin #banner-area #guide-banner .guide-helper {
129 position: absolute;
130 top: -35px;
131 background: rgba(0, 0, 0, 0.8);
132 color: white;
133 padding: 5px;
134 display: none;
135 left: -5px;
136 }
137
138 #responsive-menu-admin #banner-area #guide-banner .guide-helper.guide-helper-submenus {
139 left: 0;
140 }
141
142 #responsive-menu-admin #banner-area #guide-banner .guide-active > .guide-helper,
143 #responsive-menu-admin #banner-area #guide-banner .guide-helper-container:hover > .guide-helper {
144 display: block;
145 }
146
147 #responsive-menu-admin .input-group {
148 width:100%;
149 }
150
151 #responsive-menu-admin .input-group-btn {
152 width:189px;
153 }
154
155 #responsive-menu-admin .toggle.btn {
156 width: 50px !important;
157 }
158
159 #responsive-menu-admin label {
160 display: block;
161 width: 100%;
162 text-align: left;
163 }
164
165 #responsive-menu-admin .selectize-input,
166 #responsive-menu-admin .bootstrap-select,
167 #responsive-menu-admin input,
168 #responsive-menu-admin textarea {
169 width: calc(100% - 75px) !important;
170 display: inline-block;
171 }
172
173 #responsive-menu-admin .selectize-input input,
174 #responsive-menu-admin input#responsive-menu-button-trigger-type-selectized {
175 width: auto !important;
176 }
177
178 #responsive-menu-admin .input-group input {
179 width: 100% !important;
180 }
181
182 #responsive-menu-admin .bootstrap-filestyle,
183 #responsive-menu-admin input.has-unit {
184 width: calc(100% - 179px) !important;
185 }
186
187 #responsive-menu-admin input.font-icon-input {
188 width: 70% !important;
189 }
190
191 #responsive-menu-admin .font-icon-select {
192 width: calc(30% - 75px) !important;
193 }
194
195 #responsive-menu-admin .bootstrap-select.is-unit {
196 width: 100px !important;
197 }
198
199 #responsive-menu-admin td {
200 vertical-align: middle;
201 }
202
203 #responsive-menu-admin td {
204 padding: 15px;
205 }
206
207 #responsive-menu-admin ul {
208 margin-bottom: 0;
209 }
210
211 #responsive-menu-admin #font-icon-container {
212 width: 100%;
213 }
214
215 #responsive-menu-admin #font-icon-container td {
216 padding: 0 0 10px 0;
217 }
218
219 #responsive-menu-admin #font-icon-container td input {
220 width: 95% !important;
221 }
222
223 #responsive-menu-admin #font-icon-container td:first-child {
224 width: 150px;
225 }
226
227 #responsive-menu-admin .panel {
228 border-radius: 0;
229 }
230
231 #responsive-menu-admin .panel-body {
232 font-weight: bold;
233 font-size: 16px;
234 }
235
236 #responsive-menu-admin .panel-header .glyphicon,
237 #responsive-menu-admin .panel-body .glyphicon {
238 margin-right: 10px;
239 }
240
241 #responsive-menu-admin .panel-body small {
242 display: none;
243 float: right;
244 font-weight: normal;
245 line-height: 22px;
246 }
247
248 #responsive-menu-admin .delete-font-icon-row {
249 cursor: pointer;
250 }
251
252 #responsive-menu-admin .glyphicon.glyphicon-ok {
253 color: green;
254 }
255
256 #responsive-menu-admin .top-submit-buttons,
257 #responsive-menu-admin .alert,
258 #responsive-menu-admin ul.nav-tabs {
259 margin-top: 25px;
260 }
261
262 #responsive-menu-admin .top-submit-buttons {
263 padding: 0;
264 }
265
266 #responsive-menu-admin .top-submit-buttons button {
267 margin-left: 5px;
268 }
269
270 #responsive-menu-admin .nav-tabs {
271 border: none;
272 padding: 0;
273 }
274
275 #responsive-menu-admin .nav-tabs > li > a {
276 background: none;
277 border: 0;
278 border-radius: 0;
279 }
280
281 #responsive-menu-admin .nav-tabs > li.active > a,
282 #responsive-menu-admin .nav-tabs > li.active > a:focus,
283 #responsive-menu-admin .nav-tabs > li.active > a:hover {
284 border: 0;
285 border-radius: 0;
286 }
287
288 #responsive-menu-admin .nav-tabs .label {
289 margin: 0 10px;
290 vertical-align: middle;
291 }
292
293 #responsive-menu-admin .nav-tabs > li {
294 margin-bottom: 0;
295 }
296
297 #responsive-menu-admin .nav > li > a {
298 padding: 10px;
299 }
300
301 #responsive-menu-admin input#filter-options {
302 padding: 0 15px;
303 width: 100% !important;
304 height: 50px;
305 }
306
307 #responsive-menu-admin #filter-options-container {
308 margin-top: 25px;
309 }
310
311 #responsive-menu-admin ul.nav-tabs .btn-default {
312 margin-right: 5px;
313 }
314
315 #responsive-menu-admin .input-group-btn .btn,
316 #responsive-menu-admin .btn.btn-rm {
317 border-radius: 0;
318 border: 0;
319 padding: 12px;
320 }
321
322 #responsive-menu-admin .selectize-control.multi .selectize-input > div,
323 #responsive-menu-admin .selectize-control.multi .selectize-input > div.active {
324 background: #5cb85c;
325 color: white;
326 }
327
328 #responsive-menu-admin .sub-text {
329 color: #777;
330 padding-top: 5px;
331 font-size: 13px;
332 font-weight: normal;
333 margin-bottom: 15px;
334 }
335
336 #responsive-menu-admin .sub_sub_title {
337 padding-top: 2px;
338 color: dimgray;
339 font-size: 10px;
340 font-style: italic;
341 font-weight: normal;
342 }
343
344 #responsive-menu-admin .unit {
345 font-size: 12px;
346 margin-left: 5px;
347 }
348
349 #responsive-menu-admin .option-highlight .col-left,
350 #responsive-menu-admin .option-highlight,
351 #responsive-menu-admin .table-hover > tbody > tr.option-highlight,
352 #responsive-menu-admin .table-hover > tbody > tr.option-highlight:hover,
353 #responsive-menu-admin .table-hover > tbody > tr.option-highlight td,
354 #responsive-menu-admin .table-hover > tbody > tr.option-highlight td:hover {
355 background-color: #ffff99 !important;
356 }
357
358 #responsive-menu-admin .panel table tr.option-highlight td.col-right,
359 #responsive-menu-admin .panel table tr.option-highlight td.col-left label,
360 #responsive-menu-admin .panel table tr.option-highlight td.col-left .sub-text,
361 #responsive-menu-admin .panel table tr.option-highlight td.col-left .sub_sub_title {
362 color: #333;
363 }
364
365 #responsive-menu-admin .draggable {
366 border-radius: 2px;
367 background: #EFEFEF;
368 padding: 10px 0;
369 margin: 4px 0;
370 cursor: move;
371 padding-left: 65px;
372 box-sizing: border-box;
373 border: 1px solid #ccc;
374 }
375
376 #responsive-menu-admin .draggable input {
377 display: none !important;
378 }
379
380 #responsive-menu-admin .menu-order-option-switch,
381 #responsive-menu-admin .order-option-switch {
382 background: #DE4B42;
383 color: white;
384 position: absolute;
385 left: 0;
386 top: 0;
387 bottom: 0;
388 line-height: 40px;
389 padding: 0 5px;
390 width: 50px;
391 text-align: center;
392 cursor: pointer;
393 }
394
395 #responsive-menu-admin .menu-order-option-switch.menu-order-option-switch-on,
396 #responsive-menu-admin .order-option-switch.order-option-switch-on {
397 background: #5cb85c;
398 }
399
400 #responsive-menu-admin .menu-order-option-switch:after,
401 #responsive-menu-admin .order-option-switch:after {
402 content: "OFF";
403 }
404
405 #responsive-menu-admin .menu-order-option-switch.menu-order-option-switch-on:after,
406 #responsive-menu-admin .order-option-switch.order-option-switch-on:after {
407 content: "ON";
408 }
409
410 #responsive-menu-admin li.draggable {
411 position: relative;
412 }
413
414 #responsive-menu-admin #upgrade-banner,
415 #responsive-menu-admin #docs-banner {
416 background: #FAB719;
417 padding: 35px;
418 color: #333;
419 text-align: center;
420 font-size: 18px;
421 font-weight: bold;
422 line-height: 24px;
423 }
424
425 #responsive-menu-admin #upgrade-banner .button,
426 #responsive-menu-admin #docs-banner .button {
427 background: white;
428 padding: 0 25px;
429 height: 50px;
430 line-height: 50px;
431 font-weight: bold;
432 font-size: 13px;
433 color: #333;
434 display: block;
435 margin: auto;
436 width: auto;
437 text-align: center;
438 margin-top: 15px;
439 }
440
441 #responsive-menu-admin #add-font-icon {
442 margin-top: 15px;
443 }
444
445 #responsive-menu-admin .mini-colours {
446 cursor: pointer;
447 }
448
449 #responsive-menu-admin #header-bar-items-order-container .draggable {
450 display: inline-block;
451 width: 19%;
452 text-align: left;
453 }
454
455 #responsive-menu-admin td.col-left .sub-text ul {
456 margin: 15px;
457 }
458
459 #responsive-menu-admin td.col-left .sub-text ul li {
460 list-style: disc;
461 }
462
463 #responsive-menu-admin .panel,
464 #responsive-menu-admin .panel table,
465 #responsive-menu-admin .panel table td,
466 #responsive-menu-admin .panel table th,
467 #responsive-menu-admin .panel table td.col-left {
468 border: 0;
469 }
470
471 #responsive-menu-admin a.remove {
472 color: white;
473 }
474
475 #responsive-menu-admin .panel table td.col-left {
476 border-radius: 0;
477 box-shadow: none;
478 }
479
480 #responsive-menu-admin .panel table td.col-left,
481 #responsive-menu-admin .panel table td.col-right {
482 border-bottom-width: 1px;
483 border-bottom-style: solid;
484 }
485
486 #responsive-menu-admin .panel table td.col-left {
487 border-right-width: 1px;
488 border-right-style: solid;
489 }
490
491 #responsive-menu-admin .panel table tr:last-child td.col-left {
492 border-bottom: 0;
493 }
494
495 #responsive-menu-admin .panel table td.col-left label {
496 font-weight: normal;
497 }
498
499 #responsive-menu-admin .responsive-menu-desktop-menu-widget {
500 border-width: 1px;
501 border-style: solid;
502 }
503
504 #responsive-menu-admin .responsive-menu-desktop-menu-widget.responsive-menu-desktop-menu-image-widget .responsive-menu-desktop-menu-widget-body {
505 padding-left: 37.5px;
506 }
507
508 #responsive-menu-admin .panel #font-icon-container td {
509 border-bottom: 0;
510 }
511
512 #responsive-menu-admin #responsive-menu-header-bar-html-content,
513 #responsive-menu-admin #responsive-menu-menu-additional-content {
514 height: 250px;
515 }
516
517 #responsive-menu-admin #responsive-menu-custom-css {
518 height: 500px
519 }
520
521 .rtl #responsive-menu-admin #header-bar-items-order-container .draggable,
522 .rtl #responsive-menu-admin label,
523 .rtl #responsive-menu-admin .bootstrap-select.btn-group .dropdown-toggle .filter-option,
524 .rtl #responsive-menu-admin .bootstrap-select.btn-group .dropdown-menu.inner {
525 text-align: right;
526 }
527
528 .rtl #responsive-menu-admin .input-group .form-control:last-child,
529 .rtl #responsive-menu-admin .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
530 .rtl #responsive-menu-admin .input-group-btn:first-child > .btn:not(:first-child),
531 .rtl #responsive-menu-admin .input-group-btn:last-child > .btn,
532 .rtl #responsive-menu-admin .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
533 border-radius: 4px 0 0 4px;
534 }
535
536 .rtl #responsive-menu-admin .draggable {
537 padding-right: 25px;
538 }
539
540 .rtl #responsive-menu-admin .btn-group-lg > .btn, .btn-lg,
541 .rtl #responsive-menu-admin .panel-body small {
542 margin-left: 15px;
543 }
544
545 .rtl #responsive-menu-admin .toggle-off {
546 right: -50%;
547 text-align: left !important;
548 }
549
550 .rtl #responsive-menu-admin #banner-area {
551 margin-left: 0;
552 margin-right: 5%;
553 }
554
555 #responsive-menu-admin #responsive-menu-desktop-menu-container {
556 border-top: 1px solid #ddd;
557 }
558
559 #responsive-menu-admin #responsive-menu-desktop-menu-container .responsive-menu-desktop-menu-links-container {
560 background: #F5F5F5;
561 padding: 0;
562 }
563
564 #responsive-menu-admin #responsive-menu-desktop-menu-container .responsive-menu-desktop-menu-links-container,
565 #responsive-menu-admin #responsive-menu-desktop-menu-container .responsive-menu-desktop-menu-options-wrapper {
566 min-height: 600px;
567 }
568
569 #responsive-menu-admin .responsive-menu-desktop-menu-widget-header,
570 #responsive-menu-admin .responsive-menu-desktop-menu-top-level-label,
571 #responsive-menu-admin .responsive-menu-desktop-menu-sub-menu-label,
572 #responsive-menu-admin .responsive-menu-desktop-menu-sub-sub-menu-label {
573 cursor: pointer;
574 }
575
576 #responsive-menu-admin .responsive-menu-desktop-menu-top-level-label,
577 #responsive-menu-admin .responsive-menu-desktop-menu-sub-menu-label,
578 #responsive-menu-admin .responsive-menu-desktop-menu-sub-sub-menu-label,
579 #responsive-menu-admin .responsive-menu-desktop-menu-widget-body,
580 #responsive-menu-admin .responsive-menu-desktop-menu-widget-header {
581 padding: 10px;
582 }
583
584 #responsive-menu-admin .responsive-menu-desktop-menu-widget-body {
585 background: white;
586 padding: 25px 0;
587 }
588
589 #responsive-menu-admin .responsive-menu-desktop-menu-widget-body input,
590 #responsive-menu-admin .responsive-menu-desktop-menu-widget-body textarea {
591 padding: 10px;
592 color: #333;
593 }
594
595 #responsive-menu-admin .responsive-menu-desktop-menu-widget-header {
596 border-bottom: 1px solid #ddd;
597 font-weight: bold;
598 }
599
600 #responsive-menu-admin .responsive-menu-desktop-menu-widget {
601 border-left: 1px solid #ddd;
602 width: 100%;
603 background: #F5F5F5;
604 margin-bottom: 10px;
605 }
606
607 #responsive-menu-admin .responsive-menu-desktop-menu-sub-menu-label {
608 padding-left: 25px;
609 }
610
611 #responsive-menu-admin .responsive-menu-desktop-menu-sub-sub-menu-label {
612 padding-left: 45px;
613 }
614
615 #responsive-menu-admin .responsive-menu-desktop-menu-sub-menu-label,
616 #responsive-menu-admin .responsive-menu-desktop-menu-sub-sub-menu-label,
617 #responsive-menu-admin .responsive-menu-desktop-menu-sub-sub-sub-menu-label {
618 background: white;
619 border-bottom: 0;
620 border-top: 0;
621 display: block;
622 }
623
624 #responsive-menu-admin .responsive-menu-desktop-menu-options-container,
625 #responsive-menu-admin .responsive-menu-desktop-menu-widget-container {
626 display: none;
627 }
628
629 #responsive-menu-admin .responsive-menu-desktop-menu-widget-container {
630 background: white;
631 padding: 15px;
632 border: 1px solid #DDDDDD;
633 }
634
635 #responsive-menu-admin .responsive-menu-desktop-menu-options-container {
636 padding: 15px 0;
637 }
638
639 #responsive-menu-admin .responsive-menu-desktop-menu-options-container:first-child {
640 display: block;
641 }
642
643 #responsive-menu-admin .responsive-menu-desktop-menu-label-active {
644 background: #0073AA;
645 color: white;
646 }
647
648 #responsive-menu-admin .docs {
649 float: right;
650 margin-left: 15px;
651 font-weight: 100;
652 }
653
654 #responsive-menu-admin .responsive-menu-desktop-menu-option-container-grid {
655 border: 2px solid #DDDDDD;
656 padding: 25px;
657 text-align: center;
658 background: white;
659 min-height: 136px;
660 }
661
662 #responsive-menu-admin .responsive-menu-desktop-menu-option-container-grid:empty:after {
663 content: "Drag widgets here to begin";
664 color: #8c8c8c;
665 position: relative;
666 font-size: 18px;
667 font-weight: bold;
668 top: 25px;
669 }
670
671 #responsive-menu-admin .label-info {
672 border-radius: 0;
673 }
674
675 #responsive-menu-admin #responsive-menu-desktop-menu-container {
676 border: 0;
677 position: relative;
678 }
679
680 #responsive-menu-admin .responsive-menu-desktop-menu-option-container-grid .responsive-menu-desktop-menu-widget {
681 width: 100% !important;
682 background: #F5F5F5;
683 margin-bottom: 15px;
684 }
685
686 #responsive-menu-admin .responsive-menu-desktop-menu-option-container-grid .responsive-menu-desktop-menu-widget {
687 height: auto !important;
688 }
689
690 #responsive-menu-admin .dropdown-menu {
691 padding: 0;
692 margin: 0;
693 }
694
695 #responsive-menu-admin .dropdown-menu li {
696 margin: 0;
697 }
698
699 #responsive-menu-admin .dropdown-menu > li > a {
700 padding: 10px 15px;
701 }
702
703 #responsive-menu-admin .dropdown-menu > li > a .glyphicon {
704 top: 9px;
705 }
706
707 #responsive-menu-admin .dropdown-menu > li > a:focus {
708 box-shadow: none;
709 }
710
711 #responsive-menu-admin .responsive-menu-desktop-menu-widget-container .responsive-menu-desktop-menu-widget .responsive-menu-desktop-menu-widget-header .glyphicon,
712 #responsive-menu-admin .responsive-menu-desktop-menu-widget .responsive-menu-desktop-menu-widget-body {
713 display: none;
714 }
715
716 #responsive-menu-admin .responsive-menu-desktop-menu-widget .responsive-menu-desktop-menu-widget-header {
717 position: relative;
718 text-align: center;
719 }
720
721 #responsive-menu-admin .responsive-menu-desktop-menu-widget .responsive-menu-desktop-menu-widget-header .glyphicon {
722 position: absolute;
723 top: 13px;
724 font-size: 12px;
725 right: 11px;
726 color: #333;
727 }
728
729 #responsive-menu-admin .responsive-menu-desktop-menu-option-container {
730 margin-bottom: 15px;
731 background: #F5F5F5;
732 padding: 15px;
733 border: 1px solid #DDDDDD;
734 border-radius: 2px;
735 }
736
737 #responsive-menu-admin .responsive-menu-desktop-menu-widgets-container {
738 margin-top: 25px;
739 }
740
741 #responsive-menu-admin .responsive-menu-desktop-menu-option-badges {
742 margin-right: 8px;
743 }
744
745 @media screen and (max-width: 1600px) {
746
747 #responsive-menu-admin .top-submit-buttons,
748 #responsive-menu-admin ul.nav-tabs,
749 #responsive-menu-admin #banner-area,
750 #responsive-menu-admin #options-area {
751 width: 100%;
752 display: block;
753 float: none;
754 }
755
756 #responsive-menu-admin #banner-area {
757 margin: 25px 0 25px 0;
758 }
759
760 }
761
762 @media screen and (max-width: 1100px) {
763
764 #responsive-menu-admin .nav.nav-tabs > li {
765 width: 49%;
766 display: inline-block;
767 float: none;
768 margin: 0;
769 text-align: center;
770 }
771
772 #responsive-menu-admin .nav.nav-tabs > li.pull-right {
773 display: none;
774 }
775
776 #responsive-menu-admin td {
777 width: 100%;
778 display: block;
779 }
780
781 #responsive-menu-admin td.col-left {
782 margin-bottom: 0;
783 }
784
785 }
786