/* Responsive */
@media (max-width: 1200px) {
	.menu ul li a{padding: 0px 12px;font-size: 14px;}
	.logo-header{width: 18%;}
	.menu{width: 80%;}
	.title-about h2{font-size: 80px;}
	.title-footer,.product .name-product{font-size: 18px;}
	.main-title h2{font-size: 40px;}
	.box-title{max-width: 260px;}
	.wr-video{width: 30%;}
	.sdt a{font-size: 32px;}
}
@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;}
	.avatar,.icon-phone,.header-bottom,.menu,.menu-head {display: none !important;}
	.flex-mmenu {display: flex !important;}
	.cart-head {padding: 5px;font-size: 12px;}
	.wrap-menu,.flex-product-main {display: block !important;}
	.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%;}
	.slogan-top {
		width: 100%;
		padding: 0px 10px;
		font-size: 15px;
	}
	.grid-product {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 12px;
	}
	.wr-video {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0px 20px;
		padding: 30px 0px;
	}
	.box-thongtin2 {
		margin-top: 0;
	}
	.filter{display: block;}
	.photo-about {
		width: 100%;
		text-align: center;
		margin: auto;
		margin-top: 20px;
	}
	.content-tvspa,.content-about,.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;}
	.grid-news{
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}
	.view-about{padding: 10px 15px;}
	.title-about h2{font-size: 70px;}
	.wrap-news .title-index h2,.title-dknt h2,.title-index h2{font-size: 40px;}
	.product .name-product{font-size: 16px;}
	.icon-pro{width: 60px;height: 60px;}
	.product .name-product{padding-right: 40px;}
	.layout-footer {padding-left: 0;}
	.wrap-tvspa{background: url(../images/bg3.jpg) no-repeat right center;padding: 60px 0px;}
	.box-title {
		position: static;
		max-width: 100%;
		text-align: center;
		margin-bottom: 25px;
	}
	.main-title h2 span {
		display: inline-block;
		padding-left: 0;
	}
	.wrap-video-form .wrap-content {
		margin: auto;
		max-width: 1300px;
		width: calc(100% - 30px);
	}
	.wrap-video-form{padding-bottom: 30px;}
	.max-blog{padding: 0;}
}
@media (max-width: 850px) {
	.news-left{width: 100%;}
	.news-right{width: 100%;margin-top: 30px;padding: 10px;}
	.wrap-news .title-index h2,.title-dknt h2,.main-title h2,.title-tvspa h2,.title-index h2{font-size: 35px;}
}
@media (max-width: 768px) {
	.title-pro-detail{font-size: 18px;margin-top: 15px;}
	.ul-chinh-sach{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 0px 10px;
	}
	.flex-powered{
		flex-direction: column;
		text-align: center;
	}
	.gutter-x-20{--bs-gutter-x: 10px;} 
	.ds-news h3 a{font-size: 14px;line-height: 22px;}
	.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-template-columns: repeat(3, 1fr);gap: 10px;}
	.grid-product{grid-template-columns: repeat(2, 1fr);gap: 10px;}
	.grid-news {grid-template-columns: repeat(2, 1fr);}
	.title-about h2{font-size: 60px;}
	.desc-tvspa,.product .name-product,.desc-about{font-size: 15px;}
	.wrap-news .title-index h2,.title-dknt h2,.main-title h2,.title-tvspa h2,.title-index h2{font-size: 30px;}
	.title-dknt p{font-size: 18px;}
	.title-ft,.time,.title-footer,.btn-letter,.title-dknt p,.sdt p{font-size: 16px;}
	.sdt a{font-size: 26px;}
	.btn-letter{height: 50px;}
}
@media (max-width: 576px){
	.pd-70{padding: 30px 0px;}
	.item-news .ds-news{padding: 20px 10px;}
	.wr-video{grid-template-columns: 1fr;gap: 20px 0px;}
	.slogan-tvspa{font-size: 32px;}
	.info-product {padding: 15px 5px;}
	.product{padding: 6px;}
	.wrap-news .title-index h2,.title-dknt h2,.main-title h2,.title-tvspa h2,.title-index h2{font-size: 25px;}
	.title-about h2{font-size: 50px;}
	.title-dknt p,.product .name-product,.slogan-top{font-size: 14px;}
	.title-main{font-size: 1.4rem;}
	.grid-album,.grid-product, .grid-news {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 465px) {
	.icon-pro{width: 50px;height: 50px;}
	.title-about h2{font-size: 40px;}
}
@media (max-width: 400px) {
	.title-tvspa h2, .title-index h2{font-size: 22px;}
}