@media (min-width: 1200px) {
    .bottom-left{ width: calc(100% - 490px); }
    .bottom-right{ width: 490px }
    .tintuc-left{ width: 285px }
    .tintuc-right{ width: calc(100% - 285px) }
}
@media (min-width: 992px) { 
    .sub-arrow{display: none !important;}
    
}
@media (max-width: 1199px) { 
    #container,#doitac,#bottom{ padding: 20px 15px;}
    #footer .center,#km,#sanpham,.baiviet{padding-left: 15px;padding-right: 15px;}
    #menu{ z-index: 120;}
    #menu.fix{width: 100%;left: 0;}
    .right{display: none;}
    #km{padding-bottom: 20px;}
    #menu ul.main > li > a{padding-left: 20px; padding-right: 20px;}
    .commitment{ padding: 10px; }
    .box-commitment{ margin-bottom: 15px; }
    .footer-left{ width: 40%; margin: 0; padding: 10px; }
    .footer-right,.footer-cen{ width: 20%; margin: 0; padding: 10px; }
    .footerm-left{ width: 25%; margin: 0; padding: 10px; }
    .footerm-right,.footerm-cen{ width: 25%; margin: 0; padding: 10px; }
    /*hide menu*/
    #menu-primary_menu{display:none;}
    .slicknav_menu{display:block;}
    .slicknav_menu ul.sub-menu li{width:100%;}
}

@media (max-width: 991px) {
    #banner{display: block; padding: 7px 0;}
    #smenu,.login-register.login-register-m {display: block;}
    .login-register{display: none;}
    
    .hotline{ position: fixed; bottom: 0; left: 0; z-index: 999; 
    background: #fff url('images/hotline.png') no-repeat;
    }
    .hotline span a{font-size:19px;}
    
    #menu,#banner{position: static !important;}
    .left,.km-l{display: none;} 
    .right{width: 100%;float: none;}
    .mid,.km-r{width: 100%;float: none;margin: 0px;padding: 0;}
    .search{ }
    .w-flex-banner{ flex-wrap: wrap; }
    .login-register-m{ margin-bottom: 0; }
    .footer-left{ width: 50%; margin: 0; padding: 10px; }
    .footer-cen{ width: 25%; margin: 0; padding: 10px; }
    .footer-right{ width: 100%; }
    .footerm-left{ width: 50%; margin: 0; padding: 10px; }
    .footerm-right,.footerm-cen{ width: 50%; margin: 0; padding: 10px; }
}
@media (max-width: 767px) {
    .ft-1{width: 100%;float: none; margin: 0px 0px 20px 0px;max-width: 100%;}
    .ct-l,.ct-r,.lh-l,.lh-r{width: 100%;float: none; margin: 0px 0px 15px 0px;padding: 0; border: none;}
    .lienhe-l,.lienhe-r{width: 100%;float: none;}
    .lienhe-l .button{display: none;}
    .banner-ab{position: static;}
    .ft-t-1,.ft-t-2,.ft-t-3,.ft-1,.ft-2{width: 100%;float: none;position: static;margin: 0px 0px 20px;}
    .dangnhap-slider a{margin-bottom: 5px;}
    .chosen-container{width: 100% !important;}
    .box-thuonghieu:nth-child(1){width: calc( 100% / 3 * 2); height: 195px;}
    .box-thuonghieu:nth-child(6), .box-thuonghieu:nth-child(7){ width: calc( 100% / 3 ); }
    .slick-doitac{margin: 10px 0 20px;}
    .logo{ width: 100%; text-align: center; }
    .banner-bottom{ padding: 10px 20px; }
}
@media (max-width: 736px) {
    #slide{width:100%;}
}
@media (max-width: 480px) { 
    .lh-con-l,.lh-con-r{width: 100%;float: none;margin: 0px; padding: 0px;}
    .lh-con-r{margin-bottom: 10px;}
    .w-bvbn .item{width: 100%;margin: 0px 0px 20px;}
    .col-final{width: 100%;}
    .col-final2{width: 50%;}
    .dangnhap-slider{display: none;}
    .box-thuonghieu:nth-child(1){width: 100% !important;}
    .box-thuonghieu{width: calc( 100% / 2) !important; }
    .search{ width: 100%; text-align: center; }
    #cart{ position: absolute; top: 0; right: 0; z-index: 99; }
    #tintuc{ padding: 10px; }
    .tintuc-index .des{ display: none; }
    .tintuc-index.tintuc-bottom .des{ display: block; }
    .hide-mobile{ display: none; }
    .footer-left{ width: 100%; margin: 0; padding: 10px; }
    .footer-cen{ width: 100%; margin: 0; padding: 10px; }
    .footer-right{ width: 100%; }
    .footerm-left{ width: 100%; margin: 0; padding: 10px; }
    .footerm-right,.footerm-cen{ width: 100%; margin: 0; padding: 10px; }
    
    .box-sp .info{
        padding: 0;
    }
    .box-sp .info .name{
        overflow: inherit;
        clear: both;
        height: auto;
        margin-bottom: 0;
    }
}

@media (max-width: 375px) {
    .hotline{display:none;}
}