/* #Media Queries
================================================== */
/* END__ */

@media (min-width:992px) and (max-width:1199px) {
.header{ left:0; padding:10px;}
.login-box{ padding:8%;}
.header h5, .header-search{ display:none;}
#page{ padding-top:78px;}
.dashboard-wrapper{ padding:24px;}
.quick-access .row [class*=col-]{ -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
.quick-access  .btn{ font-size:14px; padding:12px 15px;}
.dashboard-wrapper .content{ padding:16px;}
.dashboard-wrapper .content .title.d-flex{flex-wrap:wrap; -ms-flex-pack:center !important; justify-content:center !important;}
.dashboard-wrapper .content .title.d-flex > *{flex:1 100%;}
.header .logout{ margin-left:auto;}
.sidebar{ left:-280px;}
.sidebar.active{ left:0;}
.body-wrapper, .footer.footer-inner{ margin-left:0;}
.table-list .media{ width:200px;}
.body-wrapper, .footer.footer-inner{ padding:15px;}
.header.header-inner{ ms-flex-pack: justify;  justify-content: space-between;}
.header.header-inner .logo img{ width:60px; margin-left:10px;} 
.footer.footer-inner.d-flex{flex-wrap:wrap;  -ms-flex-pack:center !important; justify-content:center !important;}
.footer.footer-inner.d-flex > *{flex:1 100%; text-align:center;}
} 
/* END__ */

@media (min-width:768px) and (max-width:991px) {
.header{ left:0; padding:10px;}
.login-box{ padding:8%;}
.header h5, .header-search{ display:none;}
#page{ padding-top:78px;}
.dashboard-wrapper{ padding:24px;}
.quick-access .row [class*=col-]{ -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
.quick-access  .btn{ font-size:14px; padding:12px 15px;}
.dashboard-wrapper .content{ padding:16px;}
.dashboard-wrapper .content .title.d-flex{flex-wrap:wrap; -ms-flex-pack:center !important; justify-content:center !important;}
.dashboard-wrapper .content .title.d-flex > *{flex:1 100%;}
.header .logout{ margin-left:auto;}
.sidebar{ left:-280px;}
.sidebar.active{ left:0;}
.body-wrapper, .footer.footer-inner{ margin-left:0;}
.table-list .media{ width:200px;}
.body-wrapper, .footer.footer-inner{ padding:15px;}
.header.header-inner{ ms-flex-pack: justify;  justify-content: space-between;}
.header.header-inner .logo img{ width:60px; margin-left:10px;} 
.footer.footer-inner.d-flex{flex-wrap:wrap;  -ms-flex-pack:center !important; justify-content:center !important;}
.footer.footer-inner.d-flex > *{flex:1 100%; text-align:center;}
} 
/* END__ */

@media only screen and (max-width:767px) {
.header{ left:0; padding:10px;}
.login-box{ padding:8%;}
.header h5, .header-search{ display:none;}
#page{ padding-top:78px;}
.dashboard-wrapper{ padding:24px;}
.quick-access .row [class*=col-]{ -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
.quick-access  .btn{ font-size:14px; padding:12px 15px;}
.dashboard-wrapper .content{ padding:16px;}
.dashboard-wrapper .content .title.d-flex{flex-wrap:wrap; -ms-flex-pack:center !important; justify-content:center !important;}
.dashboard-wrapper .content .title.d-flex > *{flex:1 100%;}
.header .logout{ margin-left:auto;}
.sidebar{ left:-280px;}
.sidebar.active{ left:0;}
.body-wrapper, .footer.footer-inner{ margin-left:0;}
.table-list .media{ width:200px;}
.body-wrapper, .footer.footer-inner{ padding:15px;}
.header.header-inner{ ms-flex-pack: justify;  justify-content: space-between;}
.header.header-inner .logo img{ width:60px; margin-left:10px;} 
.footer.footer-inner.d-flex{flex-wrap:wrap;  -ms-flex-pack:center !important; justify-content:center !important;}
.footer.footer-inner.d-flex > *{flex:1 100%; text-align:center;}
} 
/* END__ */

@media only screen and (max-width:767px) and (orientation:landscape) {
.login-wrapper{ padding:10% 0 0;}
.login-bg .vh-100{ height:inherit !important;}
}
/* END__ */