@media (min-width:320px){
    .wrap{width: 310px;}
    .col-left{display: none;}
    .col-right{width: 100%;}
    .nav-top ul{display: inline-block;}
    .nav-top label{display: none;}
    .hotline-clock{display: none;}
    .logo{width: 100%;text-align: center;}
    .logo img{display: inline-block;}
    .quytrinh{display: none;}
    .map-footer{display: none;}
    .footer .menu-footer:nth-child(1){display: none;}
    .footer .menu-footer:nth-child(2){display: none;}
    .info-footer{width: 100%;}
    .nav-bot span{display: none;}
}
@media (min-width:360px){
    .wrap{width: 350px;}

}
@media (min-width:480px){
    .wrap{width: 480px;}
    .nav-top ul{display: none;}
    .nav-top label{display: inline-block;}
    .hotline-clock{display: block;}
    .logo{width: auto;}
    .logo img{display: block;}
}
@media (min-width:580px){
    .wrap{width: 580px;}
    .footer .menu-footer:nth-child(1){display: block;}
    .info-footer{width: 315px;}
    .nav-bot span{display: inline-block;}
    
}
@media (min-width:767px){
    .wrap{width: 767px;}
    .nav-top ul{display: inline-block;}
    .map-footer{display: block;}
    
}
@media (min-width:970px){
    .wrap{width:970px;}
    .col-left{display: block;}
    .col-right{width: calc(100% - 235px);}
    .quytrinh{top: 40px;left: 245px;display: block;}
    .quytrinh li{padding-right: 35px;}
    .footer .menu-footer:nth-child(2){display: block;}
    .map-footer{display: none;}
}
@media (min-width:1170px){
    .wrap{width: 1170px;}
    .quytrinh{top: 55px;left: 300px;}
    .quytrinh li{padding-right: 50px;}
    .info-footer{width: 400px;}
    .map-footer{display: block;}
}