@media only screen and (max-width: 1300px){ .admin-content .container{ max-width: 970px; } } @media only screen and (max-width: 1180px){ .admin-content .container{ max-width: 810px; } } @media only screen and (max-width: 1024px){ .class-table table td{ font-size: 11px; } .class-table table th{ font-size: 14px; } .class-content table th{ font-size: 14px; } .class-content table td{ font-size: 11px; } } @media only screen and (max-width: 991px){ .admin-content .container{ max-width: 720px; } .class-content.d-flex { display: block !important; } .class-form.d-flex{ flex: none !important; display: block !important; } .general .form-group.d-flex{ flex: none !important; display: block !important; } .general .form-group .col-sm-6.d-flex.no-pad{ flex: none !important; display: block !important; max-width: 100%; margin-bottom: 10px; } span.chk-abc { /* padding: 17px 0; */ display: block !important; } } @media only screen and (max-width:900px){ span.chk-abc { margin-bottom: 15px; } .admin-nav ul{ display: none; } .logo{ display: block; } .logo img{ float: left; } .logo:after{ content: ""; clear: both; display:block; } .admin-content .setting{ display: block !important; } .admin-content .container{ max-width: 100%; margin: 0 auto; right:0; } div#nav_list{ display: none !important; flex: none; } .admin-nav{ position: absolute; } .pushmenu-push-toright{ left:0; } .admin.ml-auto.d-flex{ margin-right:0; z-index: 9999; } .admin-nav{ width: 100%; height: auto !important; z-index: 9999; display: block !important; flex: none; } .toggle-bar { display: inline-block; position: relative; top: 15px; right: 11px; } .class-left{ border:0 !important;; } } @media only screen and (max-width:480px){ .class-table table td{ font-size: 11px; } .class-table table th{ font-size: 14px; } .class-name .d-flex:nth-child(1){ display: block !important; } .class-name span{ margin-bottom: 15px; display: block; text-align: left; } }