/* Responsive */
@media (max-width: 1200px) {
	.product .name-product a,.name-tchi{font-size: 16px;}
}
@media (max-width: 1024px) {
	.grid-album{gap:10px}
	.banner-logo {padding: 10px;}
	.banner-logo p {
		font-size: 20px;
		margin-bottom: 5px;
	}
	.banner-logo span {
		font-size: 22px;
	}
	.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;
	}
	#hamburger {
		display: block;
	}
	.menu,.menu-head {
		display: none;
	}
	.flex-mmenu {
        display: flex !important;
    }
	.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);
	}
	.wr-feedback,.wr-blog,.flex-product-main .right-product {
		width: 100%;
	}
	.wr-blog{margin-top: 20px;}
	.grid-product {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
	.filter{display: block;}
	.title-about h2{font-size: 40px;}
	.title-about p{font-size: 30px;}
	.view-about{padding: 4px;padding-left: 25px;}
	.photo-about2,.content-about2{width: 100%;}
	.photo-about2{padding-top: 20px;}
	.logo-2 {
		right: 0;
		max-width: 150px;
	}
	.title-album
	{
		position: static;
		width: 100%;
	}
	.mxh {margin-top: 35px;}
}
@media (max-width: 850px) {
	.news-left{width: 100%;}
	.news-right{width: 100%;margin-top: 30px;padding: 10px;}
	.content-about {
		width: 100%;
	}
	.photo-about {
		margin-top: 20px;
		width: 100%;
		text-align: center;
	}
}
@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;} 
	.flex-video{
		flex-wrap: wrap;
	}
	.wr-video{width: 100%;}
	.wr-form{width: 100%;margin-top: 20px;}
	.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%;
		margin-top: 20px;
	}
	.grid-product, .grid-news {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}
	.info-footer .flex-footer{
		display: block;
	}
	.box-footer:first-child{
		margin-top:0;
	}
	.box-footer{width: 100% !important;margin-top: 20px;}
	.div-fanpage{
		width: 300px;
		overflow: hidden;
		margin: auto;
	}
	.title-detail h1{
		font-size: 1.4rem;
	}
	.title-footer2 h2,.title-about2 h2,.title-index h2,.title-about h2{font-size: 35px;}
	.title-footer2 p,.box-title p,.title-about p{font-size: 25px;}
	.box-title span{font-size: 50px}
	.box-title{top:unset}
	.view-about2{display: none !important;}
	.product .pic-product{margin-bottom: 10px;}
	.content-about2{padding: 30px 10px;}
	.icon-phone span{font-size: 20px;}
	.logo-2 {
        right: 0;
        max-width: 100px;
    }
	.wr-blog .name-blog,.name-blog{font-size: 16px;}
	.view-about{margin-top: 10px;}
}
@media (max-width: 576px){
	.box-footer span{width: 40px;height: 40px;}
	.ttin-ft{width: calc(100% - 50px);}
	.box-footer span svg {width: 18px;height: 18px;}
	.wrap-news .title-index h2,.title-index h2{min-height: 55px;background-size: auto 100% !important;}
	.price-new-pro-detail{font-size: 18px;}
	.title-pro-detail{font-size: 22px;}
	.title-main h1{font-size: 1.4rem;}
	.item-news-all .ds-news h3 a{font-size: 14px;}
	.ds-news h3 a{font-size: 15px;line-height:22px;}
	.view-about span{width: 28px;height: 28px;}
	.wap_tieuchi{margin-top: 30px;}
	.wrap-about{padding: 30px 0px;}
	.productList{margin-bottom: 30px;}
	.wrap-about2{padding: 40px 0px;padding-bottom: 150px;}
	.wrap_hinhanh {padding: 10px 0px;padding-bottom: 60px;}
	.wrap-news{padding-bottom: 20px;}
	.title-footer2{margin-bottom: 20px;}
	.footer__social1 a {padding-right: 5px;}
	.title-footer2 p,.box-title p{font-size: 20px;}
	.box-title span{font-size: 40px;}
	.photo-about a:nth-child(1){max-width: 70%;}
	.photo-about a:nth-child(2){max-width: 80%;}
	.ttin-ft,.desc-feedback,.desc-about2,.product .name-product a,.name-tchi,.desc-about{font-size: 15px;}
	.title-footer2 h2,.title-about2 h2,.title-index h2,.title-about h2{font-size: 30px;}
	.title-about p{font-size: 25px;}
	.grid-album,.grid-product, .grid-news {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 480px) {
	.fix_head .banner-logo{padding: 15px;}
	.fix_head .banner-logo p,.fix_head .banner-logo span{font-size: 20px;}
	.pic-feedback{width: 100px;height: 100px;}
	.ds-feedback {width: calc(100% - 110px);}
	.title-about p{font-size: 20px;}
	.title-about2 h2,.title-index h2,.title-about h2{font-size: 25px;}
	.wr-blog .name-blog,.name-blog{font-size: 15px;line-height: 22px;}
	.wr-blog .name-blog,.time-nb{margin-bottom: 0;}
}
@media (max-width: 369px) {

}