/* Responsive */
@media (max-width: 1024px) {
	.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;
	}
	.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);
	}

	.flex-product-main .right-product {
		width: 100%;
	}

	.grid-product {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
	.filter{display: block;}
}
@media (max-width: 992px) {
	.newsletter-form-content {
		padding: 20px 10px;
	}
	
	.newsletter-title h2 {
		font-size: 24px;
	}
	
	.newsletter-title p {
		font-size: 14px;
	}
	
	.newsletter-title {
		margin-bottom: 10px;
	}
	
	.big-video {
		padding: 0;
	}
	
	.k-video svg:nth-child(1) {
		display: none;
	}
	
	.k-video svg:nth-child(2) {
		display: none;
	}
	
	.title-video {
		position: relative;
		top: unset;
		transform: translateY(0);
		writing-mode: horizontal-tb;
		font-size: 35px;
		text-align: center;
		display: block;
	}
	
	.name-footer span:nth-child(2) {
		font-size: 26px;
	}
	
	.content-footer {
		font-size: 14px;
	}
	
	.title-footer {
		font-size: 16px;
	}
	
	.title-page {
		font-size: 16px;
	}
	.big-criteria::after {
		display: none;
	}
	
	.criteria-card {
		margin-bottom: 10px;
		grid-template-columns: 90px 0px minmax(0, 1fr);
	}
	
	.criteria-card svg {opacity: 0;}
	
	.criteria-card__info {
		padding: 10px 14px;
		gap: 10px;
		grid-template-columns: minmax(0, 1fr) 40px;
	}
	
	.criteria-card__name {
		font-size: 14px;
	}
	
	.criteria-card__desc {
		font-size: 13px;
	}
	
	.number-criteria-card {
		font-size: 20px;
		width: 40px;
		height: 40px;
	}
	
	.title-criteria h2 span:nth-child(3) {
		font-size: 24px;
	}
	
	.title-home h2 {
		gap: 4px;
		font-size: 22px;
	}
	
	.title-home p {
		font-size: 14px;
	}
	
	.title-home {
		margin-bottom: 12px;
	}
	.slideshow {
		margin-top: 0;
	}
	
	.about-title p {
		font-size: 23px;
	}
	
	.about-title h2 {
		font-size: 25px;
	}
	
	.about-desc {
		font-size: 14px;
	}
	
	.title-proce p {
		font-size: 26px;
	}
	
	.title-proce h2 {
		font-size: 18px;
	}
	
	.proce-card__name {
		font-size: 13px;
	}
	
	.proce-card {
		padding: 0 15px;
	}
	
	.top-service {
		position: relative;
		margin-bottom: 12px;
	}
	
	.top-service p {
		font-size: 19px;
		line-height: normal;
		margin-bottom: 8px;
	}
	
	.service-card__info {
		padding: 10px;
		margin-left: -30px;
		margin-bottom: 20px;
	}
	
	.service-card__name {
		font-size: 16px;
	}
	
	.service-card__desc {
		font-size: 13px;
		-webkit-line-clamp: 2;
	}
	
	.service-card__view {
		display: none;
	}
	
	.title-criteria h2 span:nth-child(1) {
		font-size: 26px;
	}
	
	.title-criteria h2 span:nth-child(1) {
		font-size: 25px;
	}
}
@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;} 
	.flex-about {
		flex-wrap: wrap;
	}
	.content-about {
		width: 100%;
	}
	
	.photo-about {
		margin-top: 20px;
		width: 100%;
		text-align: center;
	}
	.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%;
	}
	.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;
	}
}
@media (max-width: 576px){
	.grid-product, .grid-news {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 440px) {
	
}
@media (max-width: 369px) {

}