/* xxl */
@media (max-width:1399px) {
    
    
}
/* xl */
@media (max-width:1199px) {
    
    aside{  
        position: absolute;
        left: -100%;
        transition: all 0.3s;
        z-index: 1;
        width: 300px;
        box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
    }
    main{
        width: 100vw !important;
    }
    
}
/* lg */
@media (max-width:991px) {
    
    header .header-middel{

    }
}
/* md */
@media (max-width:767px) {
    
    .w-sm-2{
        width: 50%;
    }
}
/* sm */
@media (max-width:575px) {
    
    .w-xs-1{
        width: 100%;
    }
}