/* 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;
	}

	.flex-mmenu {}

	.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) {
	.about-cols:nth-child(2) {
		order: 1;
	}
	
	.about-cols:nth-child(1) {
		order: 2;
	}
	
	.about-content {
		padding-left: 10px;
	}
	
	.about-view {
		margin-left: 0;
	}
	
	.about-title p {
		font-size: 14px;
	}
	
	.about-title h2 {
		font-size: 28px;
	}
	
	.about-desc {
		font-size: 14px;
	}
	
	.title-home h2 {
		font-size: 28px;
	}
	
	.title-home p {
		font-size: 14px;
	}
	
	.title-home {
		margin-bottom: 12px;
	}
	
	.product {
		padding: 0 6px 6px 6px;
	}
	
	.product .name-product a {
		font-size: 14px;
	}
	
	.product .price-new {
		font-size: 15px;
	}
	
	.box-criteria {
		aspect-ratio: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	}
	
	.criteria-card {
		position: relative;
		left: unset !important;
		bottom: unset !important;
		top: unset !important;
		right: unset !important;
		transform: unset !important;
		width: calc(50% - 5px);
	}
	
	.criteria-card__name {
		font-size: 14px;
	}
	
	.banner-criteria img {
		margin: 0;
	}
	
	.title-v2 h3 {
		font-size: 28px;
		margin-bottom: 12px;
	}
	
	.bottom-feedback {
		margin: 0 auto;
		margin-top: 10px;
	}
	
	.feedback-card {
		gap: 10px;
		grid-template-columns: 43% minmax(0, 1fr);
	}
	
	.feedback-card__name span {
		padding: 8px;
		font-size: 16px;
	}
	
	.feedback-card__name {
		margin-left: 0;
		margin-bottom: 10px;
	}
	
	.feedback-card__info svg {
		display: none;
	}
	
	.feedback-card__desc {
		text-align: left;
		font-size: 13px;
	}
	
	.news-card__name {
		font-size: 15px;
	}
	
	.title-album {
		position: relative;
		top: initial;
		font-size: 28px;
	}
	
	.text-album {
		position: relative;
		margin-bottom: 12px;
		font-size: 24px;
	}
	
	.name-footer {
		font-size: 24px;
	}
	.wrap-menu {
		padding: 4px 0;
	}
}

@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) {}