@media (max-width:1199px){
    #search{right:15px;}
    #container{padding:20px 15px;}
    .box-dt{max-width:95%;}
    .box-tintuc{max-width:95%;}
    }
    @media (min-width:992px) and (max-width:1199px){

    .box-sp{width:32%;margin:0px 2% 20px 0px;}
    .box-sp:nth-child(3n){margin-right:0;}
    .box-sp:nth-child(3n+1){clear:both;}
    .box-product{width:32%;margin:0px 2% 20px 0px;}
    .box-product:nth-child(3n){margin-right:0;}
    .box-product:nth-child(3n+1){clear:both;}
    .box-album{width:32%;margin:0px 2% 20px 0px;}
    .box-album:nth-child(3n){margin-right:0;}
    .box-album:nth-child(3n+1){clear:both;}
    .box-video{width:32%;margin:0px 2% 20px 0px;}
    .box-video:nth-child(3n){margin-right:0;}
    .box-video:nth-child(3n+1){clear:both;}
    .footer-1{width:35%;margin:0px;}
    .footer-2{width:calc(35% - 20px);margin:0 0 0 20px;}
    .footer-3{width:calc(30% - 20px);margin:0 0 0 20px;}
    }
    @media (max-width:991px){
    #header,.banner-ab,.right{display:none;}
    #menu{position: relative;background-color: var(--color-main);}
    .menu-top{justify-content: center;}
    .menu-width{display: none;}
    #banner .center{display:flex;align-items:center;justify-content:center;}
    .logo{position:static;padding:0;margin-right:15px;}
    .banner{padding:0;}
    #menu-mobile{display:block;}
    #smenu a{font-family:RM;color:#fff;font-size:16px;margin-left:5px;}
    .left{width:100%;}
    .slideshow{margin: 0px;}
    .title-main h2 span{font-size: 3rem;}
    .footer-bottom-1,.footer-bottom-2,.footer-bottom-3{width: 100%;text-align: center;}
    .footer-bottom-2 .mxh{justify-content:center;}
    .visa-title{width: 100%; margin-bottom: 10px;}
    .visa-title::after{display: none;border-radius: 15px;}

    .service-1-grid{grid-gap: 20px;grid-template-columns: repeat(3,1fr);}
    .service-2-grid{grid-gap: 20px;grid-template-columns: repeat(2,1fr);}
    .product-items{width: calc(100% / 4);}

    .product-items2{width: calc(100% / 3);}
    }
    @media (min-width:768px) and (max-width:991px){
    .box-sp{width:32%;margin:0px 2% 20px 0px;}
    .box-sp:nth-child(3n){margin-right:0;}
    .box-sp:nth-child(3n+1){clear:both;}
    .box-product{width:32%;margin:0px 2% 20px 0px;}
    .box-product:nth-child(3n){margin-right:0;}
    .box-product:nth-child(3n+1){clear:both;}
    .box-album{width:32%;margin:0px 2% 20px 0px;}
    .box-album:nth-child(3n){margin-right:0;}
    .box-album:nth-child(3n+1){clear:both;}
    .box-video{width:32%;margin:0px 2% 20px 0px;}
    .box-video:nth-child(3n){margin-right:0;}
    .box-video:nth-child(3n+1){clear:both;}
    .footer-1{width:100%;float:none;margin:0 0 15px;}
    .footer-2{width:350px;float:left;}
    .footer-3{width:350px;float:right;}
    }
    @media (max-width:767px){
        .product-list-left{width: 100%;}
        .product-list-right{width: 100%;}
        .product-list-right >a{font-size: 13px;width: auto;position: relative;top: -2px;}
        .product-list-cat{
    max-width: calc(100% - 116px);
}
    .feedback-left{font-size: 35px; line-height: 43px; padding-bottom:30px;}
    .price-new{padding-right: 5%; font-size: 14px;}
    .price-old{font-size: 13px;}
    .product-desc{padding: 0px 11px;}
    .product-status{font-size: 12px;width: 135px;}
    .slick-product-items{padding: 0px 3px;}
    .product-list-name{font-size: 14px; padding: 18px 13px;}
    .product-info{padding: 9px 8px;}
    .product-code{font-size: 12px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box;}
    .service-name{font-size: 13px; font-weight: 600;line-height:20px;}
    .team-img{max-width: 120px;max-height: 120px;}
    .btn-zalo,.btn-phone,#messages-facebook{display:none;}
    .fix-toolbar{display:block;}
    .content iframe{width:100%!important;height:45vh;}
    .content img{height:inherit!important}
    .logo{position:static;margin-right:10px;height:auto;}
    #footer{padding-bottom:45px;}
    .footer-top{padding-bottom:0;}
    .footer-1,.footer-2,.footer-3,.footer-4{width:100%;float:none;margin:0 0 20px 0;}
    .copyright,.statistic{width:100%;}
    .statistic span{margin:0 5px;}
    .ft-b .center > div{width:100%;}
    .top-contact .article-contact{width:100%;margin-bottom:20px;}
    .form-contact{width:100%;}
    #top .center > div{width:100%;}
    #top #breadcrumb{margin-bottom:0}
    .bottom-left{width:100%;margin-bottom:20px;}
    .bottom-right:not(.onApp){width:100%;}
    .tintuc-l{width:100%;margin-bottom:20px;}
    .tintuc-r{width:100%;}
    .left-pro-detail{float:none;width:100%;margin:0 0 20px;}
    .right-pro-detail{float:none;width:100%;}
    .grid-thuvienanh{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,22vh);}
    .box-thuvienanh .box-thuvienanh-content{background:rgba(0,0,0,0.4);color:#fff;}

    .info-left,.info-right{width: 100%;}
    .footer-bottom-3 .footer-mxh li{width: calc((100% / 3 ) - 10px); margin: 10px 0px;margin: auto;}
    .footer-tit{margin: 25px 0px;font-size: 17px;}
    .footer-mxh{flex-wrap: wrap;}
    .footer-bottom-2 .footer-mxh li{margin: auto;width: calc((100% / 4 ) - 10px)}
    .recruitment-grid{grid-template-columns: repeat(1,1fr);grid-gap: 8px;}
    .title-main h2{padding-top: 0px;font-size: 28px;}
    .title-main{margin-bottom: 22px;}
    #news,#team{padding: 30px 0px;}
    .project-items{padding: 0px 5px;}
    .project-left{flex:unset;width: 100%; margin-bottom: 9px;}
    .title-main h2 span{display: none;}
    .feedback-left,.feedback-right,.intro-right,.intro-left,.handbook-left,.handbook-right{width: 100%;}
    .intro-left,.handbook-left,.experience-left{margin-bottom: 15px;}
    .feedback-left:after,.feedback-left span:after, .feedback-left span:before{display: none;}
    .feedback-right{margin: 0px;}
    .intro-info2{position: relative;left: unset;bottom: unset;}
    .handbook-box,#info{padding: 15px 0px;}
    .handbook-content + .handbook-content{margin-top: 9px;}
    .handbook-content:nth-child(even) .handbook-left{order: 0;}
    .search-service-container{padding: 15px;}
    .quick-quote-box,.search-info-width,.experience-left,.experience-right{width: 100%;}
    .search-service-web{left: -5px;}
    .search-info{margin-top: 30px;}
    .search-info-title{font-size:16px;}    
    .search-info-width + .search-info-width{margin-top: 7px;padding: 22px;}
    .service-1-grid{grid-gap: 10px;grid-template-columns: repeat(2,1fr);}
    .service-2-grid{grid-gap: 10px;}
    .competency-item:nth-child(1),.competency-item:nth-child(4){left: 0px;}
    .competency-item:nth-child(2),.competency-item:nth-child(5){right: 0px;}
    .product-items{width: calc(100% / 3);}
    .btn-fixed-xaydung{display: none;}
    .competency-image{}
    .competency-item{
        width: 130px !important;
        height: 130px !important;
    }
    .competency-number{
        font-size: 25px;
    }
    .competency-name{
        font-size: 15px;
    }
    .competency-number sup{
    font-size: 30px;
}
    .product-items2{width: calc(100% / 2);}
}
@media (max-width:600px){
    .product-items{width: calc(100% / 2);}
}
    @media (min-width:481px) and (max-width:767px){
    .box-sp{width:49%;margin:0px 2% 15px 0px;}
    .box-sp:nth-child(2n){margin-right:0;}
    .box-sp:nth-child(2n+1){clear:both;}
    .box-product{width:49%;margin:0px 2% 15px 0px;}
    .box-product:nth-child(2n){margin-right:0;}
    .box-product:nth-child(2n+1){clear:both;}
    .box-album{width:49%;margin:0px 2% 15px 0px;}
    .box-album:nth-child(2n){margin-right:0;}
    .box-album:nth-child(2n+1){clear:both;}
    .box-video{width:49%;margin:0px 2% 15px 0px;}
    .box-video:nth-child(2n){margin-right:0;}
    .box-video:nth-child(2n+1){clear:both;}
    }
    @media (max-width:480px){
    .box-sp{width:49%;margin:0px 2% 10px 0px;}
    .box-sp:nth-child(2n){margin-right:0;}
    .box-sp:nth-child(2n+1){clear:both;}
    .box-product{width:49%;margin:0px 2% 10px 0px;}
    .box-product:nth-child(2n){margin-right:0;}
    .box-product:nth-child(2n+1){clear:both;}
    .box-album{width:49%;margin:0px 2% 10px 0px;}
    .box-album:nth-child(2n){margin-right:0;}
    .box-album:nth-child(2n+1){clear:both;}
    .box-video{width:49%;margin:0px 2% 10px 0px;}
    .box-video:nth-child(2n){margin-right:0;}
    .box-video:nth-child(2n+1){clear:both;}
    }
    @media (max-width:374px){
    .lh-con-l,.lh-con-r{width:100%;float:none;margin:0px;padding:0px;}
    .lh-con-r{margin-bottom:10px;}
    .box-sp{width:90%;margin:0px 5% 10px;float:none;}
    .box-product{width:90%;margin:0px 5% 10px;float:none;}
    .box-album{width:90%;margin:0px 5% 10px;float:none;}
    .box-video{width:90%;margin:0px 5% 10px;float:none;}
    }