@media (max-width:1199px){
    #search{right:15px;}
    #container{padding:20px 15px;}
    .box-dt{max-width:95%;}
    .box-tintuc{max-width:95%;}
    .group-contact-footer{
        margin: 0 -10px;
    }
    .input-contact-footer{
        padding: 0 10px;
    }
    .group-contact-footer textarea{
        margin: 0 10px;
    }
    }
    @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;}
    #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%;}
        .intro-left,.intro-right{width:100%;}
        .intro-left{margin-bottom:15px;}
        .stretched-text {
            font-size: 100px;
        }
        .text-fixed{font-size: 200px;}
    }
    @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){
    .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{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}
    .box-news{width:100%;float:none;margin:0 0 20px;}
    .pic-news{width:35%;}
    .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;}
        .slideshow-title{font-size:20px;line-height:25px;left:0px;transform:translateX(0px);max-width: unset;padding: 0px 8%;}
    .news-content:nth-child(1),.news-content:nth-child(2){padding:0px;margin: -5px;}
    .news-image,.news-content:nth-child(2) .news-image{padding:0px;}
        .news-items,.album-items,.procedure-click-total{width:calc(100% / 2);}
        .news-image:after{display:none;}
        .news-content{margin:-5px;}
        .news-items{padding:5px;}
    #project,#news{padding:15px 0px;}
        .form-contact-footer > span{display:none;}
        .footer-contact-title,.form-contact-footer{width:100%;padding: 0px;}
    .footer-contact-title{margin-bottom:20px;}
        .footer-menu{flex-wrap:wrap;}
        .footer-menu ul{width:100%;}
        .footer-logo-title{flex-wrap:wrap;}
        .logo-footer,.footer-tit{text-align: center;width:100%;transform: translate(0px,0px);}
        .project-items,.procedure-title-list{width:100%;}
        .project-content{margin:0px;}
        .main-menu ul{flex:unset;width:100%;padding-left:10%;}
        .list-project-album-content{flex-wrap:wrap;}
        .list-project-album-left,.list-project-album-right{width:100%;}
        .list-project-album-item,.procedure-total-left,.procedure-total-right{width:100%;}
        .list-project-album-right,.procedure-total-left{margin-top:10px;}
        #list-project-album{padding:20px 0px;}
        .input-procedure,.procedure-items{width:100%;}
        .procedure-group{display:flex; flex-wrap:wrap;}
        .input-procedure-group{margin-bottom: 10px;flex-wrap:wrap;}
        .btn-procedure{margin: 0px;}
        .content-sumenh{padding-right: 0px;}

        .slideshow .main-slider-arrow{display: none;}
          #nav-menu{width:300px;transition: .5s all;right:-100%; visibility:hidden;}
        .main-menu{visibility:visible; opacity:1;}
   .main-menu{width:300px;}
        #nav-menu.open .main-menu{margin: 0px;}
                #nav-menu.open{width:unset;right:0px; visibility:visible;}
                #nav-fix{transition: .5s all;}
        #nav-fix.open{top:0px;}
        .stretched-text {
            font-size: 40px;
        }
        .text-fixed{font-size: 100px;}
        .intro-detail-items{flex-wrap:wrap;padding: 20px 0px;}
        .intro-detail-image,.intro-detail-desc{width:100%;}
        .intro-detail-items:nth-child(even) .intro-detail-desc{order:0;}
    .service-detail-left,.service-detail-right{background:unset;width:100%;padding: 20px 0px;}
.service-detail-left span{width:100%;}
#service-procedure{padding:30px 0px;}
        .service-procedure-items{width:calc(100% / 2);}
        .service-procedure-content:after,.service-procedure-content:before{display:none;}
        .slideshow{min-height: 230px;}
        .cb-slideshow, .cb-slideshow:after{height: 230px;}
    }

    @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;}
        .group-contact-btn label{width:100%;}
        .group-contact-btn > button{margin-left:0px;}
        .text-fixed{font-size: 40px;}
      .stretched-text {
            font-size: 25px;
        }

        .service-procedure-items{width:100%;}
        .modal-content-body{background-position:0%;}
        .modal-content-header{max-height: 300px;}
        .input-contact-footer{
            width: 100%;
            margin-bottom: 10px;
        }
    }
    @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;}
    .text-fixed{font-size: 26px;}
    }