/* Responsive */
@media (max-width: 1200px) {
	.abs-slider span,.abs-slider p{font-size: 50px;margin: 0;}
	.abs-slider span{margin-bottom: 20px;}
	.slogan{right: 10px;line-height: 40px;}
	.name-menu,.product .price-new,.product .name-product a{font-size: 15px;}
	.desc-pro{margin-top: 10px;}
	.title-album{top:30px}
}
@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;
	}
	.phone-call,.header,.menu,.menu-head {
		display: none;
	}
	.flex-mmenu {
        display: flex !important;
    }
	.cart-head {
		padding: 5px;
		font-size: 12px;
	}
	.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;}
	.content-about {
		width: 100%;
		padding-top: 0;
	}
	.photo-about {
		margin-top: 20px;
		width: 100%;
		text-align: center;
	}
	.flex-about{background: url(../images/img1.png) no-repeat right bottom;background-size: 200px;}
	.wr-video{width: 100%;}
	.wr-form{width: 100%;margin-top: 20px;}
	.box-footer:first-child{
		margin-top:0;
	}
	.box-footer{width: 100% !important;margin-top: 20px;}
	.title-album h2,.title-about h2{font-size: 45px;}
	.title-index h2{font-size: 50px;}
	.desc-pro{font-size: 20px;width: 100%;}
	.slogan-album{font-size: 40px;}
	.title-album {
		position: static;
		margin-bottom: 20px;
	}
	.title-album span {
		display: inline-block;
	}
	.footer__social2 {
		position: static;
		justify-content: center;
	}
	.slogan-album {position: static;}
	.grid-news {
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}
}
@media (max-width: 850px) {
	.news-left{width: 100%;}
	.news-right{width: 100%;margin-top: 30px;padding: 10px;}
}
@media (max-width: 768px) {
	.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;} 
	.ds-news h3 a{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 {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}
	.xemtatca,.name-menu,.product .price-new,.product .name-product a,.view-about{font-size: 14px;}
	.title-dk h2,.title-dk h2,.slogan-album,.title-about p{font-size: 35px;}
	.title-index h2{font-size:45px;}
	.abs-slider span, .abs-slider p,.name-footer span,.title-form h2,.title-album h2,.title-about h2{font-size: 40px;}
	.title-index p{font-size: 30px;}
	.product{padding: 5px;}
	.khung-danhmuc{padding: 30px 20px;}
	.title-pro span{font-size: 25px;}
	.info-footer,.title-form p{font-size: 15px;}
	.letter-input{gap:0px 20px}
}
@media (max-width: 576px){
	.pd-70{padding: 30px 0px;}
	.contact-form1{padding: 20px;}
	.web{font-size: 16px;}
	.open p,.icon-call,.title-pro span{font-size: 20px;}
	.info-product {padding: 15px 0px;}
	.name-footer span,.name-footer p,.title-form h2,.title-index h2{font-size: 35px;}
	.title-index p{font-size: 25px;}
	.abs-slider span, .abs-slider p,.title-dk h2,.title-dk h2,.slogan-album,.title-album h2,.title-about p,.title-about h2{font-size: 30px;}
	.img1{margin-top: 25px;}
	.grid-about{gap:0px 10px;margin-bottom: 10px;}
	.slogan{display: none;}
	.title-main span, .title-main h1, .title-main h2,.title-main{font-size: 1.4rem;}
	.grid-album,.grid-product, .grid-news {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 485px) {
	.left-show,.right-show{width: 100%;}
	.right-show{margin-top: 15px;}
}
@media (max-width: 369px) {

}