/* Responsive */
@media (max-width: 1001px){
	.header.menu-fix{position: fixed;top: 0px;left: 0px;width: 100%;background:#FFF2E1;z-index: 9;}
	.productmenu-title{writing-mode: unset;font-size: 30px;}
	.productmenu-title:before{content: unset;}
	.productmenu-box:nth-child(1){position: unset;text-align: center;}
	.header-mobile{
		display: flex;
		align-items: center;
		flex-direction: column;
		.header-company-name{display: flex !important}
		.logo-header{display: flex !important;width: 100px;}
	}
	.thuvienanh{margin: 30px 0px;}
	.productmenu{padding: 60px 0px}
	.intro{padding-bottom: 30px;background-size: cover;}
	.thuvienanh-txt-4{display: block;font-size: 30px;}
	.thuvienanh-item > *{display: none;}
	.thuvienanh .wrap-content{grid-template-columns: 1fr 1fr;gap: 15px}
	.thuvienanh-item {margin: 0px !important;width: 100%;height: 100%;padding: 0px !important;}
	.thuvienanh-item *{width: 100%;height: 100% !important;object-fit: cover;aspect-ratio: 2/3;}
	.thuvienanh-img{display: block !important;margin: 0px !important;}
	.video-feedback,
	.tintuc{margin: 30px 0px;}
	.footer-powered .wrap-content{flex-wrap: wrap;text-align: center;}
	.footer-line{display: none;}
	.footer-layout .wrap-content{grid-template-columns: 1fr;}
	.feedback-txt-1{font-size: 18px;-webkit-line-clamp: 2;}
	.feedback-title{font-size: 30px;margin-right: 0px;}
	.feedback-slide{margin: 20px 0px 0px 0px;}
	.video-slide{max-width: calc(100% - 100px);}
	.video-feedback .wrap-content{grid-template-columns: 1fr;gap: 20px;}
	.la1{max-width: 30vw !important;bottom: -8%;}
	.productmenu-box:nth-child(2){margin: 0px}
	.product .name-product{
    -webkit-line-clamp: 2;
    font-size: 13px;
}
	.bestseller{padding: 20px 0px;}
	.bestseller-title div{margin: 0px;font-size: 20px;}
	.bestseller-title div:before{content: unset;}
	.best-next{right:-0px}
.best-prev{left:-0px}
	.mm-page{overflow-x: hidden;max-width: 100vw;}
	.intro-txt-3{font-size: 30px}
	.intro-img-item{padding: 10px}
	.intro .wrap-content{grid-template-columns: 1fr;gap: 20px}
	.intro-box:nth-child(2){margin-top: 0px;}
	.menu{display: none;}
	.header-company-name{display: none;}
	.logo-header{}
/*  -- menu mobile ---*/
.logo-mb{padding: 0 20px;display: block;text-align: center;}
.logo-mb img{max-width:100px}
.thongtin-mb{}
.thongtin-mb ul{padding: 0 20px !important;}
.thongtin-mb ul li{list-style: none;color: #333;margin-bottom: 12px;}
.thongtin-mb ul li i{font-size: 15px;margin-right: 10px;color: #333;} 
@-webkit-keyframes my {  0% {opacity:1}  50% {opacity:0  }  100% {opacity:1  }  }
@-moz-keyframes my {   0% {opacity:1}  50% {opacity:0  }   100% {opacity:1  }   }
@-o-keyframes my {   0% {opacity:1}   50% {opacity:0  }   100% {opacity:1  }   }
@keyframes my {  0% {opacity:1}   50% {opacity:0  }   100% {opacity:1  }  }	
.hidden_mobi,#arcontactus,#messages-facebook,.quick_contact{display: none;}
.hidden_destop{display: block;}
.menu_baophu { background: #000; opacity: 0.8;
    z-index: 998; left: 0px; top: 0px;
    position: fixed; width: 100%; height: 100%; display: none; }
.icon_menu_mobi{
    color: var(--maincolor);font-size: 25px;text-decoration: none;width: 50px;display: block;cursor:pointer;float: left;margin: 0;margin-top: 15px;	}
.icon_menu_mobi i {float: left;margin-top: 8px;}

a.home_mobi {color: var(--color-main);text-decoration:none;float:right;font-size: 20px;}
.logo-mobi{flex: 1;display: inline-block;padding: 5px 0;text-align: center;}
.logo-mobi a{
    /* display: inline-block; */
}
.logo-mobi img{
    display: inline-block;
    max-width: 250px !important;
}
a.phone_mobi {color:#fff;text-decoration:none;float:left;font-size: 18px;}
a.phone_mobi i{ margin-right: 12px; -webkit-animation: my 700ms infinite; -moz-animation: my 700ms infinite;  -o-animation: my 700ms infinite; 
     animation: my 700ms infinite; }
 /* Search RP */	
.mm-panel{}
.mm-navbar_sticky{}
/*  -- menu mobile ---*/
.header .header-bottom{}
.header .header-bottom .wrap-content{justify-content: center;}
.header .header-bottom .logo-header{display: none;}
.header .header-bottom .logo-header img{}
.header .header-bottom .banner-header{}
.header .header-bottom .banner-header img{}
.menu{display:none}
.menu-res{display:block}
.menu-respon{position:relative;display: flex;align-items: center;}
.menu-respon .icon-menu{width: 50px;height: 48px;cursor:pointer;line-height: 43px;text-align: center;margin:0px;display: block;text-transform: uppercase;font-weight: 800;border: 1px solid #fff;border-radius: 10px;letter-spacing: 4px;font-size: 20px;}
.menu-respon .icon-menu img{width: 32px;vertical-align: middle;filter: brightness(0) saturate(100%) invert(10%) sepia(77%) saturate(5843%) hue-rotate(348deg) brightness(108%) contrast(94%);-webkit-filter: brightness(0) saturate(100%) invert(10%) sepia(77%) saturate(5843%) hue-rotate(348deg) brightness(108%) contrast(94%);-moz-filter: brightness(0) saturate(100%) invert(10%) sepia(77%) saturate(5843%) hue-rotate(348deg) brightness(108%) contrast(94%);}
.comment-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.comment-item-poster{width:auto;margin-right:0px;margin-bottom:0.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.comment-item-letter{width:40px;height:40px;line-height:40px;font-size:13px;margin-bottom:0}
.comment-item-name{margin-bottom:0px;margin-left:10px;margin-right:10px}
.comment-item-information{width:100%}
.price-procart{display:none}
  .price-procart-rp{display:block}
.quantity-procart{text-align:right}
.top-cart{margin-bottom:2rem}
.search-respon{position:relative;width: 40px;}
.search-respon .icon-search{width: 40px;height:40px;cursor:pointer;text-align: center;line-height: 40px;margin:0px;}
.search-respon .icon-search img{width: 60%;height: 60%;vertical-align: middle;filter: brightness(0) saturate(100%) invert(10%) sepia(77%) saturate(5843%) hue-rotate(348deg) brightness(108%) contrast(94%);-webkit-filter: brightness(0) saturate(100%) invert(10%) sepia(77%) saturate(5843%) hue-rotate(348deg) brightness(108%) contrast(94%);-moz-filter: brightness(0) saturate(100%) invert(10%) sepia(77%) saturate(5843%) hue-rotate(348deg) brightness(108%) contrast(94%);}
.search-respon .icon-search i{color: var(--maincolor);font-size:17px;}
.search-respon .icon-search.active{}
.search-respon .search-grid{position: absolute;height: 45px;overflow:hidden;background:#fff;z-index:2;line-height:normal;width: 0;right: 0;top: 100%;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.search-respon .search-grid p{float: right;width: 55px;height: 45px;cursor:pointer;outline:none;border:none;margin:0px;display:block;line-height: 45px;text-align:center;border-left: 2px solid var(--color-main);}
.search-respon .search-grid p img{width: 40%;height:50%;vertical-align: middle;}
.search-respon .search-grid input{width: calc(100% - 55px);float: left;line-height: 45px;outline:none;border:none;color: #000;font-size: 13px;padding: 0 10px;}
.search-respon .search-grid input::-webkit-input-placeholder{color:#000}
.search-respon .search-grid input:-moz-placeholder{color:#000}
.search-respon .search-grid input::-moz-placeholder{color:#000}
.search-respon .search-grid input:-ms-input-placeholder{color:#000}
.menu_mobi {color: #fff;font-size: 18px;text-decoration: none;width: 100%;cursor: pointer;height: auto;position: -webkit-sticky;position: sticky;top:0;z-index:999;display: flex;justify-content: space-between;align-items: center;background: #fff;padding: 0 6px;}
.menu_mobi_add {display:block;position: fixed;left: -100%;top: 0;background: #fff;z-index: 99999;color: #fff;height: 100vh;overflow: auto;overflow-x: hidden;line-height: 1.5;padding: 40px 0px 20px 0px;width: 85%;max-width: 40px;max-width: 340px;box-shadow: inset -4px 0px 8px rgba(0,0,0,0.3);transition: 0.5s;/* overflow: hidden; */}
.menu_mobi_active {left: 0;}
.menu_mobi_add ul {list-style: none;padding: 0}
.menu_mobi_add ul li .li-tim, .menu_mobi_add ul li a.logo-header{display:none}
.menu_mobi_add ul li .li-cn, .menu_mobi_add ul li.li-mobi{display:block}
.menu_mobi_add ul li h2{font-size: 17px;margin-bottom: 0}
.menu_mobi_add ul li b{display:inline-block;vertical-align: top;margin-right: 8px}
.menu_mobi_add ul li b img{ display: inline-block; vertical-align: top; }
.menu_mobi_add ul li a {color: #333;display: block;border-bottom: 1px solid rgb(132 132 132 / 20%);padding: 13px 40px 13px 15px;position: relative;font-size: 14px;font-weight: 700;text-transform: uppercase;}
.menu_mobi_add ul li a.active2 {color: var(--color-main);}
.menu_mobi_add ul li a span{position:absolute;height:100%;right:0;top:0;width: 47px;line-height: 47px;text-align:center;border-left: 1px solid rgb(132 132 132 / 20%);}
.menu_mobi_add ul li a span i{transform:rotate(90deg);}
.menu_mobi_add ul li a.active2 span i{ transform:rotate(0deg);}
.menu_mobi_add ul ul {display:none;padding-left: 0}
.menu_mobi_add ul li ul li a {padding-left: 30px;color: #333;}
.menu_mobi_add ul li ul li ul li a {padding-left: 45px;}
.close_menu {position: absolute;top: 5px;right: 7px;font-size: 15px;background: #6c040c;width: 25px;text-align: center;line-height: 25px;cursor: pointer}
/*  -- menu mobile ---*//*  -- menu mobile ---*/
	#hamburger{display:block;}
	.menu-head{display:none;}
	.wrap-menu{display:none;}
	.cart-head{padding:5px;font-size:12px;}
	.header{padding:10px 0px;}
	.flex-product-main{display:block;}
	.flex-product-main .left-product{display: none;}
	.flex-product-main .left-product.show{transform:translateX(0px);}
	.flex-product-main .right-product{width:100%;}
	.grid-product, .grid-product-index{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
	.filter{display:block;}
	.mm-panel{}
	.mm-navbar_sticky{}
	.header{
    display: none;
}
	.wap-partner{}
	.wap-partnermobi{display: flex;flex-wrap: wrap;}
	.partnerHome{width: calc(100%/3 - 12px);}
	.fsearch-show{display: none;}
	.flex_hotline, .flex_cart{display: none;}
	.logo{
    width: 100%;
    text-align: center;}
	.flex_slide >div:nth-child(1){display: none;}
	.flex_slide >div:nth-child(2){width: 100%;}
	.wrap-content{margin: auto;width: 100%;padding: 0  10px;}
	.social-header{display: none !important;}
	.search{display: none;}
.footer-layout{padding: 30px 0;}
.footer-info{width: 100% !important;margin-bottom: 20px;text-align: center;}
.contact-map{margin-top: 0;}
div.box-hethong .ht-left{width: 100%;position: relative;top: inherit;}
.box-chinhanh{width: 100%;}
.td-chinhanh{font-size: 20px;}
div.box-hethong .ht-left .item-ht{padding: 10px 10px;font-size: 14px;width: 100%;}
.box-hethong2 .ht-left{width: 100%;}
.box-hethong2 .ht-right{width: 100%;}
.wap-parameter, .grid-pro-detail .right-right-pro-detail{width: 100%;margin-top: 20px;}
.tabs-pro-detail{width: 100%;}
.header-top{display: none;}
.lang-header-ul img{max-width: 30px !important;}
.left-newsDetail{width: 100%;}
.right-newsDetail{width: 100%;margin-top: 20px;}
.slick-newsDetail{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;}
.title-main span{font-size: 20px;}
.left-menu, .right-menu{width: 100%;display: block;}
.social-footer{justify-content: center;}
.logo-footer{max-width: 80%;margin: auto;}
.w-houseModelTB .houseModelHome2{width: calc(50% - 10px);margin: 10px 5px;}
.w-houseModelTB .houseModelHome2:nth-child(3){display: none;}

}
@media (max-width: 850px){
	.album-d{grid-template-columns: 2fr;}
	.intro-txt-2{font-size: 12px;}
	.productmenu-menu{max-height: 230px;}
	.productmenu-pricenew{font-size: 15px;}
	.productmenu-priceold{font-size: 11px;bottom: -10px;}
	.productmenu-menu{gap: 15px}
	.bestseller-title span,
	.intro-txt-1{font-size: 40px;}
	.bestseller-title span{gap: 10px}
	.intro-txt-1 div{font-size: 20px;}
	.product-d{grid-template-columns: repeat(2, 1fr);}
	.info-header{display: none;}
	.info-header:nth-child(1){display: block;width: 100%;padding: 10px 0;}
	.wrap-Newsletter{padding: 20px 0;}
	.left-Newsletter{width: 100%;}
	.right-Newsletter{width: 100%;padding: 30px 20px 0;margin-top: 20px;border-radius: 25px;}
	.w-input .newsletter-input{width: 100%;}
	.info-newsletters{width: 100%;}
	.newsletter-button input[type="submit"]{width: 100%;font-size: 15px;}
	.left-aboutHome{width: 100%;}
	.right-aboutHome{display: none;}
	.wrap-aboutHome{padding: 30px 0;}
	.title-aboutHome{
    padding-left: 0;
    font-size: 16px;
}
	.name-aboutHome{
    font-size: 26px;
}
	.view-aboutHome{
    font-size: 13px;
    padding: 8px 17px;
}
	.slick-about{
    margin: 20px auto 0;
}
.wap-criteria{
}
.criteria{
    margin: 6px;
    width: calc(100% - 12px);
}
.desc-criteria{
    font-size: 25px;
}
.wrap-serviceHome{
    padding: 120px 0 30px;
}
.title-main-index h2{
    font-size: 22px;
    margin-bottom: 0.6rem;
}	
.title-main-index span{
    font-size: 17px;
}	
.copyright-wrap{justify-content: center;}
#footer-map{margin: 10px auto;width: 100%;height: auto;}
#footer-map iframe{}
.newsHome{width: calc(50% - 10px);margin: 10px 5px;}
.wrap-criteria2{
    padding: 30px 0;
}
.wap-criteria2{
    gap: 10px;
    margin-bottom: 20px;
}
.criteria2{
    width: calc(50% - 5px);
}
.desc-criteria2{
    font-size: 25px;
}
.name-criteria2{font-size: 15px;}
.newsletter-input{width: calc(100% - 10px);margin-bottom: 15px;}
.newsletter-button{width: calc(100% - 10px);margin: 0 5px;}
.wrap-serviceHome{
    padding: 30px 0 20px;
}
.slogan-index{font-size: 14px;}
.slick-service{margin: 0;}
.serviceList{margin: 5px 5px;}
.name-serviceList{font-size: 20px;}
.wrap-contrucsHome{padding: 20px 0;}
.product-list a, .product-list h2{
    padding: 5px 10px;
    font-size: 14px;
    margin: 0 2px 7px;
}
.contrucsHome{width: calc(50% - 10px);margin: 10px 5px;}
.name-contrucsHome{font-size: 14px;}
.view-more-product a{
    font-size: 14px;
    padding: 6px 16px;
}
.wrap-houseModel{
    padding: 20px 0 30px;
}
.left-houseModel{display: none;}
.right-houseModel{width: 100%;}
.slick-houseModel .info-houseModel{padding-right: 0;}
.houseModelHome{width: 100% !important;}
.houseModelHome .name-houseModel{font-size: 15px;}
.houseModelHome .desc-houseModel{font-size: 14px;}
.wrap-whyUsAlbum{
	
padding: 30px 0 0;
	
margin-bottom: 40px;
}
.left-whyUsAlbum{width: 100%;}
.right-whyUsAlbum{width: 100%;margin-top: 20px;}
.name-whyUs{font-size: 14px;}
.slick-album{width: 100%;}
.slick-album-2{display: none;}
.wap-Quote{bottom: -40px;}
.quote{padding: 10px 10px;width: calc(50% - 10px);margin: 5px 5px;}
.pic-quote{
    zoom: 0.7;
}
.name-quote{font-size: 15px;}
.wrap-produce{padding: 30px 0 20px;}
.wap-produce{width: 604px;zoom: 0.5;}
.produce{
    height: auto !important;
}
.name-newsHome{
    font-size: 15px;
}
.desc-newsHome{font-size: 14px;}
.wrap-partner{padding: 20px 0 30px;}
.slick-prev{left: 0;}
.slick-next{right: 0;}
.footer-title{font-size: 15px;}
.houseModel{width: calc(50% - 10px);margin: 5px 5px;}
.info-houseModel{padding: 10px 10px;}
.stt-produce{font-size: 20px;}
.name-produce{font-size: 15px;}
div.box-hethong .ht-left{right: 0;text-align: left;}


}
@media (max-width:769px){
	.tintuc-txt-2{height: 30px;}
	.tintuc-txt-1{-webkit-line-clamp: 2}
	.tintuc-slide{margin: 0px -5px}
	.tintuc-item{margin: 0px 5px;}
	.tintuc-title{font-size: 30px;}
	.tintuc-title img{display: none;}
	.bestseller-slide{margin: 0px -5px;}
	.bestseller .product{margin: 0px 5px;}
	.product-number{font-size: 40px;}
	.bestseller-title span,
	.intro-txt-1{font-size: 30px;}
	.text-cart{display:none;}
	.grid-pro-detail{display:block;}
	.grid-pro-detail .left-pro-detail{width:100%;padding:0px;border-right:none;}
	.slick_photo1{text-align:center;}
	.grid-pro-detail .right-pro-detail{width:100%;}
	.right-product .grid-product, .grid-product, .grid-product-index{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
	.partnerHome{width: calc(100%/2 - 12px);}
}
@media (max-width:600px){
	.play-ic{max-width: 50% !important;}
	.productmenu-item{margin: 0px 5px;}
	.productmenu-txt-1{font-size: 20px;}
	.feedback-img .scale-img{width: 95px;top: 25px;left: 10px;}
	.feedback-img{width: 130px;height: 160px;}
	.productmenu-item{padding: 30px 20px;}
	.intro-txt-1 div{font-size: 15px;}
	.wap-produce{zoom: 0.5;}
	.stt-produce{font-size: 14px;}
	.name-produce{font-size: 12px;}
}
@media (max-width:440px){
	.policy__list > li{width:100%;padding-right:0px !important;border-bottom:1px solid #f1f1f1 !important;}
	.wap-produce{zoom: 0.5;}
	.stt-produce{font-size: 14px;}
	.name-produce{font-size: 12px;}
}
@media (max-width:369px){
}