/* Responsive */
@media (max-width: 1200px) {
	.menu ul li a{font-size: 15px;}
	.logo-header {max-width: 110px;}
}
@media (max-width: 1024px) {
	.grid-album{gap: 10px;}
	.product-tool {
        opacity: 1;
        visibility: visible;
        position: initial;
    }
  	.product-tool a span {
        display: none;
    }
	.row-20-cus{
		margin-left: -5px;
		margin-right: -5px;
	}
	.col-20-cus{
		padding-left: 5px;
		padding-right: 5px;
	}
	.wrap-menu,#hamburger {
		display: block !important;
	}
	.danhmucsp,.header,.menu,.menu-head {
		display: none;
	}
	.flex-mmenu {
        display: flex !important;
    }
	.cart-head {
		padding: 5px;
		font-size: 12px;
	}
	.flex-product-main .left-product {
		width: 100%;
		position: static;
	}
	.flex-product-main1 .left-product {margin-bottom: 20px;}
	.flex-product-main .left-product.show {
		transform: translateX(0px);
	}
	.flex-product-main .right-product {
		width: 100%;
		margin-bottom: 20px;
	}
	.box-brand{grid-template-columns: 1fr 1fr 1fr 1fr;}
	.grid-product {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
	.filter{display: block;}
	.left-khuvuc,.right-khuvuc,.content-about {
		width: 100%;
	}
	.wr-phanhoi,.photo-about {
		width: 100%;
	}
	.right-khuvuc{width: 100%;margin-top: 20px;}
	.wr-form{width: 65%;}
	.wr-video{width: 33%;}
	.info-footer .flex-footer .box-footer:nth-child(1){padding: 30px 20px;}
	.wr-phanhoi{max-width: 500px;margin: auto;margin-bottom: 20px;}
	.box-footer{width: 100% !important;}
	.name-service{font-size: 15px;line-height: 22px;}
	.flex-about{margin-bottom: 20px;}
	.wr-tieuchi{width: 75%;}
	.item-video h3,.name-quytrinh,.product .name-product a{font-size: 15px;}
	.title-list-main span{font-size: 12px;}
	.title-main h2{font-size: 35px;}
	.name-khuvuc a{font-size: 16px;}
	.flex-tags a{padding: 5px 8px;}
	.flex-tags{gap:5px}
	.logo-footer{display: none !important;}
}
@media (max-width: 850px) {
	.item-dvu,.small-service,.news-left{width: 100%;}
	.news-right{width: 100%;margin-top: 30px;padding: 10px;}
	.small-service{margin-top: 20px;}
	.name-tieuchi{font-size: 16px;}
	.product .name-product a{font-size: 14px;}
}
@media (max-width: 768px) {
	.wr-video,.wr-form{width: 100%;}
	.wr-video{margin-top: 30px;}
	.swiper-slide:nth-child(2n) .pic-quytrinh:after{left: -30px;}
	.pic-quytrinh:after{font-size: 100px;}
	.pic-quytrinh{width: 120px;height: 120px;padding: 10px;}
	.info-quytrinh{height: 120px;}
	.product{padding: 5px;padding-bottom: 15px;}
	.model{font-size: 13px;}
	.ul-chinh-sach{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 10px;
	}
	.flex-powered{
		flex-direction: column;
		text-align: center;
	}
	.gutter-x-20{--bs-gutter-x: 10px;} 
	.name-quytrinh{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-album,.grid-product, .grid-news {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}
	.price-new-pro-detail{font-size: 18px;}
	.title-pro-detail{font-size: 18px;margin-top: 20px;}
	.title-about h2{font-size: 30px;}
	.photo-about{grid-template-columns: 1fr;}
	.photo-about .view-about{max-width: 160px;}
	.name-dvu{font-size: 16px;}
	.view-about{padding: 7px 20px;}
	.wr-tieuchi{width: 100%;}
	.title-main h2{font-size: 35px;}
	.title-com{font-size: 18px;}
	.theodoi {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 0px 10px;
	}
}
@media (max-width: 576px){
	.box-brand{grid-template-columns: 1fr 1fr 1fr;}
	.theodoi {grid-template-columns: 1fr 1fr;}
	.item-phanho2{margin: 0px 10px;}
	.ds-news h3 a{font-size: 14px;}
	.wrap-about,.pd-60{padding: 30px 0px;}
	.info-footer .flex-footer .box-footer:nth-child(1){padding: 30px 10px;}
	.name-phanhoi,.name-khuvuc a{font-size: 15px}
	.swiper-slide:nth-child(2n) .pic-quytrinh:after{bottom: 20px;}
	.pic-quytrinh {
        width: 100px;
        height: 100px;
        padding: 5px;
    }
	.info-quytrinh{height: 100px;}
	.title-com{font-size: 16px;}
	.title-main h2{font-size: 30px;}
	.name-tieuchi{font-size: 14px;}
	.name-service{
		font-size: 14px;
		-webkit-line-clamp: 1;
		white-space: inherit;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		height: calc(22px*1);
		line-height: 22px;
        margin-bottom: 2px;
	}
	.title-about h2{font-size: 25px;}
	.title-main h1{font-size: 1.4rem;}
	.right-product .grid-product,.grid-album,.grid-product, .grid-news {
		grid-template-columns: repeat(2, 1fr);
	}
	.footer-powered{padding-bottom: 60px;}
}
@media (max-width: 460px) {
	.box-brand{grid-template-columns: 1fr 1fr;}
	.item-phanho2{margin: 0px 5px;}
	.name-phanhoi{font-size: 14px}
	.pic-phanhoi{width: 100px;}
	.pic-phanhoi span{width: 100px;height: 100px;}
	.info-phanhoi {width: calc(100% - 110px);}
}
@media (max-width: 369px) {

}