@media (min-width:1200px){
}
@media (max-width:1199px){
	#search{right:15px;}
	#container{padding:20px 15px;}
	.box-dt{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){
	.icon-service {
		width: 200px;
		height: 200px;
	}
	.box-service {
		width: 100%;
		padding: 5px;
		text-align: center;
	}
	.news-total-container {
		margin: 0 -5px;
	}
	.boxs-news {
		width: calc(100% / 4);
		padding: 18px 5px;
	}
	.name-news {
		font-size: 16px;
		padding-bottom: 0px;
		font-weight: 700;
	}
	.box-slides {
		padding-left: 0;
	}
	.title-slider {
		left: 1%;
	}
	.title-slider .title {
		font-size: 25px;
		max-width: 418px;
		line-height: 25px;
	}
	.button-slides a {
		display: block;
		line-height: 40px;
		font-size: 14px !important;
	}
	#banner {display: flex;padding: 10px 0;}
	.wrap-product-in {margin:-5px;}
	.box-product-in {padding: 5px;}
	#header,.banner-ab,#menu,.right,.product-total-left{display:none;}
	.product-total-right {width: 100%;}
	#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%;}
	.box-projectList {
		width: calc(100% / 2);
		padding: 10px 0;
	}
	.wrap-projectList {
		padding-top: 30px;
	}
	.content-projectList a i {
		font-size: 25px;
	}
	.box-food {
		padding: 0px 5px;
	}
	.slick-news {margin: 0 -5px;}
	.title-main h1, .title-main h2, .title-main span {
		font-size: 30px;
		line-height: 40px;
	}
}
@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){
	.wrap-fOA {
		margin: -5px;
	}
	.box-fOA {
		width: calc(100% / 2);
		padding: 5px;
	}
	.col-1-criteria {
		width: 100%;
		margin-bottom: 20px;
	}
	.col-2-criteria {
		width: 100%;
	}
	.box-project-in {
		padding: 3px;
		width: calc(100% / 2);
	}
	.title-project {flex-wrap: wrap;}
	.title-project .category-project {
		justify-content: center;
		width: 100%;
	}
	.title-project h2 {margin: 0 auto 20px;border: 0px; }
	.box-table-price {
		width: calc(100% / 2);
	}
	.boxs-news {
		width: calc(100% / 3);
		padding: 18px 5px;
	}
	.newsletter-input-oggy {
		margin-bottom: 5px;
		margin: 0 5px 10px;
	}
	.row-input {
		display: flex;
		margin: 0 -5px;
	}
	.col-1-calender {
		width: 100%;
	}
	.col-2-calender {
		width: 100%;
		margin-top: 30px;
	}
	.main-food {
		padding: 30px 0;
	}
	.content-food {
		padding: 15px 0 0;
	}
	.main-quotePrice {
		padding: 30px 0;
	}
	.content-start h2 {
		font-size: 25px;
		margin-bottom: 3px;
	}
	.content-start {
		width: 100%;
	}
	.btn-lienhe {
		margin:20px auto 0; 
	}
	.title-start {
		width: 100%;
		padding: 21px 0px;
		border-right: 0px solid white;
	}
	.owl-doitac {width: 100%;}
	#project {
		padding: 30px 0;
	}
	.grid-row {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(3, 200px);
		grid-gap: 5px 5px;
		padding-bottom: 30px;
	}
	.content-project {
		width: 90%;
	}
	.content-project h3 {
		font-size: 15px;
	}
	.main-about-us {
		padding: 30px 0;
	}
	.col-1-about-us {
		width: 100%;
		margin: auto;
	}
	.col-2-about-us {
		margin-top: 20px;
		width: 100%;
	}
	.box-product-in {width: calc(100% / 3);}
	.pic-hot-news,.desc-hot-news{width: 100%;}
    .desc-hot-news{padding: 15px;}
    .box-hot-news{margin-bottom: 25px;}
    .news-total-container{margin:-8px;}
    /* .boxs-news{width:calc(100% / 2); padding: 8px;} */
	.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:100%;}
	.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;}
	/* .boxs-news {
		margin: -5px;
		width: 100%;
		padding: 0;
	} */
	/* .box-news {
		padding: 5px;
	} */
	/* .boxs-news-special {
		width: 100%;
		margin-left: 0;
		order: -1;
	} */
}
@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){
	    .slick-hinhanhsp .slick-slide {
        margin: 0px 6px;
    }
	.left-pro-detail {
        flex-direction: row-reverse;
        display: flex;
        flex-wrap: wrap;
    }
    .left-left-prodetail {
        width: 100%;
        margin: 0;
        padding: 0px 6px;
        margin-top: 10px;
    }
    .right-left-prodetail {
        width: 100%;
        margin: 0;
        order: -1;
    }
    .hinhanhsp-next {
        color: var(--color-main);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        line-height: 20px;
        right: -10px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #fff;
    }
    .hinhanhsp-prev {
        padding: 0;
        color: var(--color-main);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        line-height: 20px;
        left: -10px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #fff;
    }
	.title-main h1, .title-main h2, .title-main span {
        font-size: 21px;
        line-height: 40px;
    }
	.box-project-in {
		padding: 3px;
		width: calc(100% / 1);
	}
	.icon-service {
        width: 170px;
        height: 170px;
        border: 6px solid  #efefef;
    }
	.boxs-news {
		width: calc(100% / 2);
		padding: 18px 5px;
	}
	.center-contact {
		width: 100%;
		margin: auto;
	}
	.top-contact {
		padding: 20px;
	}
	.box-table-price {
        width: calc(100% / 1);
    }
	.box-product-in {width: calc(100% / 2);}
	.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;}
}