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

@media (min-width: 992px) and (max-width: 1199px) {
.sidebar{ left:-300px; z-index:230;}
.sidebar.active{ left:0;}
.sidebar.adminBar.active {max-width: 300px;width: 100%;}
.sidebar.adminBar ul li a .menuText, .sidebar.adminBar.active ul li a .menuText {margin: 0;}
.sidebar.adminBar ul li ul, .sidebar.adminBar.active ul li ul {margin-left: 20px;}
.sidebar-menu{ padding:0 0 35px 0;}
.wrapper, .footer{ margin:0;}
.header{ padding:0;}
.wrapper{ padding:80px 0 0 0;}
.stats .box .media{ padding:20px;}
.footer.d-flex{flex-wrap:wrap;  -ms-flex-pack:center !important; justify-content:center !important;}
.footer.d-flex > *{flex:1 100%; text-align:center;}
.page-menu .nav-item{ margin:2px 0 0 0;}
.header .search, .header .action-items{ display:none;}
.header .logo{ width:100%;}
.desk-menu-icon {display: none;}
.sidebar.adminBar ~ .header .logo, .sidebar.adminBar.view-icon-text ~ .header .logo, .header .logo{ width:100%;}
.sidebar.adminBar ~ .wrapper, .sidebar.adminBar.view-icon-text ~ .wrapper {margin: 0;}
.header .logo-img{ margin-left:auto;}
.card-body.icons .row [class*=col-]{-ms-flex:0 0 20%; flex:0 0 20%; max-width:20%;}
.icon-info .row [class*="col-"] .media{ padding:16px;}
.icon-info .row [class*="col-"] .media h3{ font-size:24px;}
} 
/* END__ */

@media (min-width: 768px) and (max-width: 991px) {
.sidebar{ left:-300px; z-index:230;}
.sidebar.active{ left:0;}
.sidebar.adminBar.active {max-width: 300px;width: 100%;}
.sidebar.adminBar ul li a .menuText, .sidebar.adminBar.active ul li a .menuText {margin: 0;}
.sidebar.adminBar ul li ul, .sidebar.adminBar.active ul li ul {margin-left: 20px;}
.sidebar-menu{ padding:0 0 35px 0;}
.wrapper, .footer{ margin:0;}
.header{ padding:0;}
.wrapper{ padding:80px 0 0 0;}
.stats .box .media{ padding:20px;}
.footer.d-flex{flex-wrap:wrap;  -ms-flex-pack:center !important; justify-content:center !important;}
.footer.d-flex > *{flex:1 100%; text-align:center;}
.page-menu .nav-item{ margin:2px 0 0 0;}
.header .search, .header .action-items{ display:none;}
.header .logo{ width:100%;}
.desk-menu-icon {display: none;}
.sidebar.adminBar ~ .header .logo, .sidebar.adminBar.view-icon-text ~ .header .logo, .header .logo{ width:100%;}
.sidebar.adminBar ~ .wrapper, .sidebar.adminBar.view-icon-text ~ .wrapper {margin: 0;}
.header .logo-img{ margin-left:auto;}
.filter-form-wrap .col-md-4{ margin-bottom:16px;}
.card-body.icons .row [class*=col-]{-ms-flex:0 0 20%; flex:0 0 20%; max-width:20%;}
.check-list ul li{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;} 

.icon-info .row [class*=col-] .media{ display:block; text-align:center; padding:16px;}
.icon-info .row [class*=col-] .media img{ margin:0 0 16px;}
.user .row .col-3, .user .row .col-6{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
.user .row .col-6{ border:none; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
} 
/* END__ */

@media only screen and (max-width: 767px) {
.container {max-width:98%;}
h1, .h1 {font-size:1.875rem;}
h2, .h2 {font-size:1.6875rem;}
h3, .h3 {font-size:1.4375rem;}
h4, .h4 {font-size:1.25rem;}
h5, .h5 {font-size:1.125rem;}
h6, .h6 {font-size:1rem;}
.sidebar{ left:-300px; z-index:230;}
.sidebar.active{ left:0;}
.sidebar.adminBar.active {max-width: 300px;width: 100%;}
.sidebar.adminBar ul li a .menuText, .sidebar.adminBar.active ul li a .menuText {margin: 0;}
.sidebar.adminBar ul li ul, .sidebar.adminBar.active ul li ul {margin-left: 20px;}
.sidebar-menu{ padding:0 0 35px 0;}
.wrapper, .footer{ margin:0;}
.header{ padding:0;}
.wrapper{ padding:80px 0 0 0;}
.stats .box .media{ padding:20px;}
.footer.d-flex{flex-wrap:wrap;  -ms-flex-pack:center !important; justify-content:center !important;}
.footer.d-flex > *{flex:1 100%; text-align:center;}
.page-menu .nav-item{ margin:2px 0 0 0;}
.header .search, .header .action-items{ display:none;}
.header .logo{ width:100%;}
.desk-menu-icon {display: none;}
.sidebar.adminBar ~ .header .logo, .sidebar.adminBar.view-icon-text ~ .header .logo, .header .logo{ width:100%;}
.sidebar.adminBar ~ .wrapper, .sidebar.adminBar.view-icon-text ~ .wrapper {margin: 0;}
.header .logo-img{ margin-left:auto;}
.filter-form-wrap .col-md-4{ margin-bottom:16px;}
.card-body.icons .row [class*=col-]{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
.check-list ul li{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;} 
.icon-info .row [class*=col-] .media{ display:block;}
.icon-info .row [class*=col-], .user .row .col-3, .user .row .col-6{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}

.icon-info .row [class*=col-] + [class*=col-]{ border:none; border-top:1px solid #d8d8d8;}
.user .row .col-6{ border:none; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.icon-info .row [class*=col-] .media{ display:block; text-align:center; padding:16px;}
.icon-info .row [class*=col-] .media img{ margin:0 0 16px;}
.user .content{ padding:16px;}
.user .content ul li{ width:100%;}
.user .content ul li + li{ margin-top:10px;}
.header.header-portal .logo-img{ margin:0;}
} 

/* END__ */