@media only screen
and (max-device-width: 1440px){}

@media only screen
and (max-device-width: 1024px){}

@media only screen
and (max-device-width: 768px){}

/* Landscape */
@media only screen
and (max-device-width: 667px)
and (orientation: landscape){}

/* Landscape */
@media only screen
and (max-device-width: 736px)
and (orientation: landscape){}

/* Landscape */
@media only screen
and (max-device-width: 812px)
and (orientation: landscape){}


@media (min-width: 320px){}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 520px){
    .content-wrapper{
        margin-left: 18px !important;
    }
    .navbar-expand .navbar-nav{
        margin-left: 18px !important;
    }
    /* .layout-fixed .main-sidebar{
        left: 250px;
    }
    .wrapper .content-wrapper{
        margin-left: 270px !important;
    } */
}

@media only screen
and (min-device-width: 425px)
and (max-device-width: 425px){}

@media (min-width: 768px){}

/* Portrait */
@media only screen
and (min-device-width: 767px)
and (max-device-width: 768px)
and (orientation: portrait){}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape){

}

@media (min-width: 992px){

}



@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px){}

@media only screen
and (min-device-width: 1365px)
and (max-device-width: 1366px)
and (orientation: landscape){}

@media only screen
and (min-device-width: 1200px)
and (max-device-width: 1600px){}

@media (min-width: 1200px){

}

@media (min-width: 1920px){}

@media (min-width: 2211px){}


/* ----------- Retina Screens ----------- */
@media only screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 2)
and (min-resolution: 192dpi) {

}