/* Responsive */
@media (max-width: 1024px) {
	.left-popup{
		width: 100%;
	}
	.right-popup{
		width: 100%;
	}
	.pic_aft{
		margin: 0 5px;
	}
	.slick_bef_af_2{
		margin-top:5px ;
	}
	.left-partner h2 {
			font-size:17px;
	}
	.name-footer h2 {
		font-size:30px;
	}
	.pic_daotao a {
    zoom: .8;
}
	.pic_daotao {
	background-size: contain;
	min-height: auto;
	}
	.wrap-map-fanpage .wrap-content {
	padding: 30px 0;
}

	.khung1-album{
		display: flex;
		justify-content: start;
		flex-wrap: wrap;
		margin: 0 -5px;
	}
	.box1-album{
		width: calc(100%/3 - 10px);
		margin: 0 5px 10px 5px;
	}	
	.left-newsletter {
	width: 100%;
	max-width: 586px;
	margin: auto;
	margin-bottom: 20px;
}

.right-newsletter {
	width: 100%;
	max-width: 586px;
	margin: auto;
}
	.banner-why {
    position: relative;
}
	.box-why:nth-child(1) {
}
	.box-why:nth-child(2) {}
	.box-why:nth-child(3) {}
	.box-why:nth-child(4) {}
	.box-why:nth-child(5) {}
	.box-why:nth-child(6) {}
	
	.box-why {
	position: relative;
	left: unset !important;
	right: unset !important;
	top: unset !important;
	bottom: unset !important;
	width: 100%;
	}
	.bg-bef_af {
	padding: 18px 30px;
	background-size: contain;
}
	.title-pro h2 {
		font-size:16px;
	}
	.name_service {
	font-size: 14px;}
	.info_service {
    background: none;
    padding: 0;
}
	.row-30 {
	margin-left: -10px;
	margin-right: -10px;
}

.col-30 {
	padding-left: 10px;
	padding-right: 10px;
}
	.title-main-home h2 {
    font-size: 25px;
}
.tieuchi_about {
	margin-top: 10px;
}
	.desc_about {
    line-height: 25px;
}
	.title_about {
		font-size: 20px;
	}
	h2.name_about {
    font-size: 40px;
}
	
	.khung-why {
		overflow:hidden;
		height: auto;
	}
	.fix_head .logo-mobile{
		width: 140px;
	}
	.box-footer:nth-child(4) {
	width: 25.833333%;
}
		.box-footer:nth-child(3) {
	width: 25.833333%;
}
	.box-footer:nth-child(2) {
	width: 19.833333%;
}
	
	.frame-fanpage {
	width: 100%;
}
	.frame-map {
	width: 100%;
}
	.footer-article {
		background-size:cover;
	}
	.wrap-aft-bef:after {display:none}
	.footer-article:after {display:none}
	.slideshow {
    margin-top: 0;
}
	.header .wrap-content {
	padding-left: 0px;
}
	.menu-res {
		display:block;
		padding: 0 15px;
		z-index: 11;
		position: relative;
		background: #000;
	}
	.menu {
		display:none
	}
	#hamburger {
		display: block;
	}
	.menu-head {
		display: none;
	}
	.wrap-menu {
		display: none;
	}
	.cart-head {
		padding: 5px;
		font-size: 12px;
	}
	.header {
		background: #000;
	}
	.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;}
	.toolbar{display: block;}
}
@media (max-width: 850px) {
	.footer-news:nth-child(1){width:100%;margin-bottom:10px;}
	.footer-news:nth-child(2){width:100%;margin-bottom:10px;}
	.footer-news:nth-child(3){width:100%;margin-bottom:10px;}
	.footer-news:nth-child(4){width:100%;}
	.copyright{width:100%;text-align:center;}
	.footer-statistic{width:100%;}
}
@media (max-width: 769px) {
		.footer-news:nth-child(3){
    display: flex;
    justify-content: center;
}
	.name-footer h2 {
		font-size:25px;
	}
	.doitacmuaban {
	padding: 10px 0;
	}
	.left-partner h2 {
			font-size:15px;
	}
	.baohiemlk {
	padding: 20px 0;
	margin-top: 10px;
	}
	.right-partner {
	width: 100%;
}
	.left-partner {
		width:100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.box-footer:nth-child(1) {
	width: 50%;
	margin-bottom: 10px;
}

.box-footer:nth-child(2) {
	width: 50%;
}

.box-footer:nth-child(3) {
width: 50%;
}

.box-footer:nth-child(4) {
	width: 50%;
}
	.wrap-album .wrap-content {
	padding-bottom: 30px;
}
	.wrap-aft-bef .wrap-content {
	padding: 30px 0;
}
	.list-product {
	padding-bottom: 30px;
}
	.title-pro h2 {
    padding: 12px 20px;
    font-size: 15px;
}
	.box-title {
		margin-left:0;
		margin-bottom: 15px;
		flex-wrap: wrap;
	}
	.title-pro {
    background: var(--color-hover);
    height: auto;
    margin-top: 0;
    margin-left: 0;
    width: auto;
}
	.left-pro {
	width: 0%;
}

.right-pro {
	width: 100%;
}
	.tieuchi_about ul li {
    width: 50%;
}
	.title_about {
		font-size: 17px;
		margin-bottom: 0;
	}
	h2.name_about {
    font-size: 35px;
}
	.info_about {
	width: 100%;
}
	.about_photo {
		width:100%;
		order:2;
		margin-top: 10px;
	}
	.padding-top-bottom {
	padding: 2rem 0
}

	.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 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
}
@media (max-width: 450px) {
	.footer-powered {
		padding-bottom: 50px;
		font-size: 12px;
	}
	.contact-text {
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 10px;
}
	.row-r-10 {
	margin-left: -0px;
	margin-right: -0px;
}

.col-r-10 {
	padding-left: 0px;
	padding-right: 0px;
}
	.pic_service::after {
	content: '';
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 90%);
	height: 50px;
}

	.title_tieuchi_about:after {
    width: 20px;
}
	.title_tieuchi_about {
		font-size: 13px;
		padding-left: 30px;
		font-weight: 600;
	}
	.title-cat-main span {
		font-size:14px
	}
	.title-pro {
		width:100%;
	}
	.product .price-new {
    margin-right: 0;
}
	.product {
    padding: 3px;
}
	.title-main-home span {
	font-size: 14px;
}
	.info-why {
		width: calc(100% - 140px);
	}
.pic-why:after {
    left: -30px;
}
	.flex-row .pic-why:after {
		right: -30px;
	}
	.banner-why {
    width: 300px;
    height: 300px;
    background-size: cover;
    margin: auto;
}
	.info-feedback {
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
	.pic-feedback {
    margin: auto;
}
	.bottom-feedback{
    display: none;
}
	.frame-feedback {
		background: #f2fff9;
		padding: 10px;
		border: 1px solid var(--color-hover);
		min-height: 0;
	}
	.frame-newsletter {
		background: #f2fff9;
		padding: 10px;
		border: 1px solid var(--color-hover);
		min-height: 0;
	}
	.wrap-newsletter .wrap-content {
	padding: 30px 0;
}

	.box1-album{
		width: calc(100%/2 - 10px);}
	
.title-map h2 {
	font-size: 25px;}
		.pic_daotao a {
    zoom: 1;
}
	.footer-article .wrap-content {
	padding: 50px 0;
	padding-bottom: 10px;
	}
.box-footer:nth-child(1) {
	width: 100%;
	margin-bottom: 10px;
}

.box-footer:nth-child(2) {
	width: 100%;
	margin-bottom: 10px;
}

.box-footer:nth-child(3) {
width: 100%;
	margin-bottom: 10px;
}

.box-footer:nth-child(4) {
	width: 100%;
	margin-bottom: 10px;
}
	.title-main-home {
    background-size: contain;
}
	.row-30 {
	margin-left: -5px;
	margin-right: -5px;
}

.col-30 {
	padding-left: 5px;
	padding-right: 5px;
}
	.footer-map iframe {
    height: 300px;
}
	.box-map {
		background-size:contain;
	}
	.footer-map {
	width: 100%;}
	.pic-about {
	margin-bottom: 5px;
}

	.email-header {
		display:none;
	}
	.policy__list > li {
		width: 100%;
		padding-right: 0px !important;
		border-bottom: 1px solid #f1f1f1 !important;
	}
}
@media (max-width: 369px) {
}