/* Responsive */
@media (max-width: 1200px) {
	.name-slider{font-size: 50px}
	.desc-slider{font-size: 15px;line-height: 24px;letter-spacing: 0;}
	.button-slider a{font-size: 15px;padding: 12px 20px;}
	.button-slider{gap:10px}
	.title-main h2,.title-index h2 p{font-size: 40px;}
	.slogan-form{font-size: 30px;}
	.wap_feedback .swiper-button-next, .wap_feedback .swiper-button-prev {
    width: 40px;
    height: 40px;
    top: calc(50% - 20px);
	right: 0;
	}
	.wap_feedback .swiper-button-prev{left:0px}
	.name-blognb,.name-albumnb{font-size: 15px;}
	.footer-top{font-size: 16px;}
}
@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;
	}
	#hamburger {
		display: block;
	}
	.info-footer .flex-footer .box-footer:nth-child(3),.header,.menu,.menu-head {
		display: none;
	}
	.flex-mmenu {
        display: flex !important;
    }
	.wrap-menu{display: block !important;width: 100%;z-index: 999;position: relative;}
	.name-slider{font-size: 40px;}
	.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%;
	}
	.photo-about {
		margin-top: 20px;
		width: 100%;
		text-align: center;
	}
	.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;}
	.right-blog .title-main h2,.title-main h2,.title-index h2 p{font-size: 35px;}
	.open,.footer__social1,.left-blog,.right-blog,.title-index,.slogan-web{width: 100%;}
	.open,.slogan-web{margin-bottom: 20px;}
	.name-tchi{font-size: 16px;}
	.info-tchi{padding: 15px;}
	.grid-dichvu{gap:15px}
	.title-list-main span{padding: 10px 15px;}
	.slogan-form{font-size: 25px;}
	.solieu{font-size: 50px;}
	.chucvu{line-height: 22px;}
}
@media (max-width: 850px) {
	.news-left{width: 100%;}
	.news-right{width: 100%;margin-top: 30px;padding: 10px;}
	.name-tchi{font-size: 14px;padding: 10px 15px;}
	.wrap-hinhanh .swiper-slide-active{height: 220px;}
}
@media (max-width: 768px) {
	.wrap-dichvu{display: none;}
	.wrap-dichvumb{display: block !important;}
	.slider-container {
		margin-bottom: 70px;
		height: 300px;
	}
	.slider-item {width: 85%;}
	.nav-button {
		width: 40px;
		height: 40px;
		font-size: 20px;
	}
	.wrap-hinhanh .swiper-slide-active{height: auto;}
	.name-solieu{font-size: 15px;}
	.solieu{font-size: 40px;}
	.slogan-form{font-size: 20px;}
	.grid-dichvu{grid-template-rows: auto;gap:10px}
	.info-tchi span{display: none;}
	.name-tchi{width: 100%;}
	.button-slider{display: none;}
	.name-slider{font-size: 30px;}
	.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, .grid-news {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}
	.right-blog .title-main h2,.title-about h2,.title-main h2,.title-index h2 p{font-size: 30px;}
	.title-index h2{font-size: 25px;}
	.name-feedback,.btn-letter,.product .name-product a,.productList .slogan-web{font-size: 15px;}
	.wr-form{padding: 30px 20px;}
	.wrap-hinhanh .box-title {margin-bottom: 20px !important;}
	.desc-feedback{font-size: 14px;}
}
@media (max-width: 576px){
	.slider-item{left: 45%;}
	.right-blog .title-main h2 span{width: 45px;height: 45px;}
	.price-new-pro-detail,.title-pro-detail{font-size: 18px;}
	.info-albumnb{padding: 15px;}
	.solieu{font-size: 32px;}
	.wr-form{padding: 30px 15px;}
	.slogan-form{font-size: 16px;background-size: 40px;padding: 20px 50px;}
	.product .name-product a{font-size: 14px;line-height: 20px;}
	.title-about p{margin-bottom: 10px;font-size: 15px;}
	.name-blognb,.footer-top,.name-albumnb,.name-feedback,.btn-letter,.title-list-main span,.productList .slogan-web{font-size: 14px;}
	.slogan-web{line-height: 24px;}
	.title-index h2{font-size: 20px;}
	.right-blog .title-main h2,.title-dknt h2,.title-about h2,.title-main h2,.title-index h2 p{font-size: 25px;}
	.wrap-form,.pd-70,.wrap-about{padding: 30px 0px;}
	.wap_solieu .wrap-content{padding-bottom: 30px;}
	.wrap-news{padding-top: 30px}
	.grid-quytrinh{gap:10px}
	.item-quytrinh{font-size: 15px;padding: 15px 10px;}
	.title-main h1{font-size: 1.4rem;}
	.grid-album,.grid-product, .grid-news {
		grid-template-columns: repeat(2, 1fr);
	}
	.name-slider{font-size: 20px;letter-spacing: 0;margin-bottom: 6px;}
	.desc-slider{font-size: 12px;font-weight: 200;}
	.item-blognb{padding: 10px;}
	.wrap-hinhanh .wrap-content{padding: 30px 20px;}
	.desc-blognb{line-height: 22px;}
	.footer__social1 span{display: block;width: 100%;margin-bottom: 10px;}
	.open svg {
		width: 25px;
		height: 25px;
		margin-right: 10px;
	}
	.line-clamp-4{-webkit-line-clamp: 4;}
	.chucvu{margin-bottom: 5px;font-size: 12px;}
	.desc-feedback{font-size: 13px;line-height: 24px;}
	.xtatca{font-size: 14px;padding: 8px 20px;}
}
@media (max-width: 465px) {
	.right-blog .title-main h2, .title-dknt h2, .title-about h2, .title-main h2, .title-index h2 p{font-size: 22px;}
	.info-footer .flex-footer .box-footer:nth-child(1) .title-footer{font-size: 20px;}
	.name-tchi {
        font-size: 12px;
        padding: 7px 15px;
    }
	.info-tchi{padding: 10px;}
}
@media (max-width: 369px) {

}