/* greater than 1400px */
@media (min-width: 1400px) {
    
}
/* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1400px) { 
    
}

/* // `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1200px) { 
    
}

/* // `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 992px) {
    .sidebar-lg {
        display: none;
    }
    .cl-content {
        margin-left: 0;
        width: 100%;
    }
    #navbar.navbar-horizontal {
        height: calc(100vh - 62px) !important;
        /* height: 100vh !important; */
    }
    .cl-content.navbar-shrink {
        margin-left: 0;
    }
    .cl_logo_img {
        max-width: 24px;
    }
}

/* // `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 768px) { 
    
}

/* // `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 576px) { 
    .right-drawer-card { 
        min-width: 100%;
        max-width: 100%;
    }
 }
 
 /* // `xs` returns only a ruleset and no media query */
/* // ... { ... } */