/* Responsive */
@media (max-width:1001px){
	.colortrend-d{grid-template-columns: repeat(4, 1fr);}
	header{height: auto;}
	.header-lang{margin-left: auto;}
	.slideshow-txt div div:nth-child(1){font-size:40px;}
	.slideshow-txt div div:nth-child(2){font-size:48px;}
	.slideshow-txt div div:nth-child(3){font-size:40px;}
	.slideshow-txt div div:nth-child(4){margin-bottom:20px;font-size:16px;}
	.info-footer .wrap-content{grid-template-columns:1fr}
	.feedback-item{padding:20px;}
	.why-txt-1{font-size:20px;}
	.why-item{padding:20px 0px;}
	.title-index{margin-bottom:20px;}
	.colortrend-top-slide{margin-bottom:20px;margin-right:5%;}
	.colortrend-bottom-slide{margin-left:5%;}
	.about-img-txt div:nth-child(1){font-size:45px;}
	.about-img-txt{padding:10px 10px;}
	.about-txt-2,
	.about-txt-1{font-size:45px;}
	.about .wrap-content{grid-template-columns:1fr;gap:30px}
	.mapindex,
	.newsindex,
	.play,
	.feedback,
	.project,
	.colortrend,
	.listProductNb{margin:30px 0px;}
	.product-list{gap:10px 20px;margin:10px 0px;}
	.title-index h2{font-size:45px;}
	.header-top .wrap-content{flex-wrap:wrap;gap:5px 10px;}
	.header-store{margin-left:0;}
	.info-footer,
	.customerFb,
	.about,
	section > div.wrap-content.my-margin{padding:30px 0px;}
	.offcanvas.show{z-index:9999999;max-width:80%;}
	.header-mobile .wrap-content{display:flex;align-items:center;justify-content:space-between;padding:7px 0px;}
	.header .wrap-content{padding:0px;gap:30px;justify-content:center;}
	.header-mobile.menu-fix{position:fixed;width:100%;top:0px;left:0px;z-index:9;}
	#hamburger{display:block;}
	.header .wrap-content .search,
	.header-hotline,
	.menu-head,
	.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{position:fixed;z-index:999;top:0px;left:0px;transform:translateX(-250px);bottom:0px;overflow-x:hidden;background:#fff;box-shadow:0px 0px 5px #000;transition:all 0.5s;}
	.flex-product-main .left-product.show{transform:translateX(0px);}
	.flex-product-main .right-product{width:100%;}
	.grid-product{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
	.filter{display:block;}
	.search{width:70%;max-width:400px;border:#fff solid 2px;}
	.search input{width:calc(100% - 50px);}
	.search label{width:50px;height:40px;display:flex;align-items:center;justify-content:center;}
}
@media (max-width:850px){
	.askelum-d{grid-template-columns: 1fr;}
	.colortrend-d{grid-template-columns: repeat(3, 1fr);}
	.project-txt h3{-webkit-line-clamp:2;font-size:35px;}
	.colortrend-more{margin-top:20px;}
	.title-index a{width:200px;height:50px;font-size:17px;}
	.news-left{width:100%;}
	.news-right{width:100%;margin-top:30px;padding:10px;}
}
@media (max-width:769px){
	.slideshow-txt div div:nth-child(5) span{height:45px;font-size:18px;}
	.slideshow-txt div div:nth-child(1){font-size:30px;}
	.slideshow-txt div div:nth-child(2){font-size:38px;}
	.slideshow-txt div div:nth-child(3){font-size:30px;margin-bottom:5px;}
	.slideshow-txt div div:nth-child(4){margin-bottom:10px;font-size:14px;}
	.footer-powered .wrap-content{padding:20px 0px;flex-wrap:wrap;text-align:center;justify-items:center;gap:10px;}
	.footer-social{width:100%;justify-content:center;}
	.play-txt{padding:10px!important;}
	.play-txt h3{-webkit-line-clamp:3;font-size:17px!important;}
	.color-txt{padding:10px;}
	.about-img-txt div:nth-child(1){font-size:35px;}
	.product .name-product{-webkit-line-clamp:2;}
	.product .pic-product{padding:5px;margin-bottom:10px;}
	.title-index h2{font-size:35px;}
	section > div.wrap-content.my-margin{padding:20px 0px;}
	.tabs-pro-detail .tab-content{padding:10px;}
	#social{transform:scale(85%);transform-origin:bottom right}
	.contact-group{transform:scale(75%);transform-origin:left bottom;}
	.gutter-x-20{--bs-gutter-x:10px;}
	.flex-about{flex-wrap:wrap;}
	.content-about{width:100%;}
	.photo-about{margin-top:20px;width:100%;text-align:center;}
	.flex-video{flex-wrap:wrap;}
	.wr-video{width:100%;}
	.wr-form{width:100%;margin-top:20px;}
	.item-news{padding:5px;}
	.ds-news h3{font-size:14px;}
	.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%;}
	.grid-product,
	.grid-news{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
	.info-footer .flex-footer{display:block;}
	.box-footer{}
}
@media (max-width:600px){
	.askelium-d{grid-template-columns: repeat(4, 1fr);}
	.colortrend-d{grid-template-columns: repeat(2, 1fr);}
	.header-info{width:100%;font-size: 14px;}
	.slideshow-txt div div:nth-child(5) span{height:35px;font-size:15px;width:fit-content!important;padding:0px 20px;}
	.slideshow-txt div div:nth-child(1){font-size:20px;}
	.slideshow-txt div div:nth-child(2){font-size:28px;}
	.slideshow-txt div div:nth-child(3){font-size:20px;}
	.slideshow-txt div div:nth-child(4){margin-bottom:10px;font-size:14px;}
	.newsindex-txt h3{font-size:16px;-webkit-line-clamp:2;}
	.customerFb-item{padding:20px;}
	.feedback-item div:nth-child(1){font-size:19px;margin-bottom:20px;}
	.why-txt-1 svg{max-width:10px;}
	.why-txt-1{font-size:17px;}
	.why-item{padding:10px 0px;}
	.project-txt h3{-webkit-line-clamp:2;font-size:25px;}
	.color-txt h3{-webkit-line-clamp:2;font-size:18px;}
	.title-index a{width:180px}
	.about-txt-3{-webkit-line-clamp:5;}
	.about-txt-2,
	.about-txt-1{font-size:35px;}
	.title-index h2{font-size:30px;}
}
@media (max-width:520px){
	.slideshow-txt div div:nth-child(5) span{font-size:14px;height:auto;padding:3px 10px;}
	.feedback-item div:nth-child(1){-webkit-line-clamp:5;font-size:17px;}
	.about-img-txt div:nth-child(1){font-size:25px;}
}
@media (max-width:440px){
	.slideshow-txt div div:nth-child(5) span{font-size:12px;}
	.slideshow-txt div div:nth-child(1){font-size:15px;}
	.slideshow-txt div div:nth-child(2){font-size:20px;}
	.slideshow-txt div div:nth-child(3){font-size:15px;}
	.project-txt h3{font-size:20px;}
	.about-txt-2{font-size:30px;-webkit-line-clamp:3;}
	.about-txt-1{font-size:20px;}
}
@media (max-width:369px){
}
