/* Responsive */
@media (max-width:1200px) {	
	.right-header { display: flex !important; }
	.menu-head,.header_top{ display: none !important; }
	.menu, .title-footer::before { display: none; }
	.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(-270px); bottom: 0px; overflow-x: hidden; background: #fff; box-shadow: 0px 0px 5px #000; transition: all 0.5s; padding: 15px; }
	.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; }
	.swiper-button-prev { left: 10px !important; }
	.swiper-button-next { right: 10px !important; }		
	.logo-header img{ max-height:100px;transition: all 1s;width: auto;}
	#hamburger:before, #hamburger:after, #hamburger span{background: var(--color-main);}
	.slick-prev{ left: 10px !important}
	.slick-next{ right: 10px !important}
	.offcanvas{ background: #000; }
	.btn-close{ background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat }
	.menu-mobile ul li a{ color:#fff;border-bottom:1px solid #fee3bc29;color:#fff; }
	.menu-mobile ul li .scroll{ background: var(--color-hover);color: var(--color-main);}
	.header_right { display:none !important; }
	.slogan_about{ display:none }
	
	
}
@media (max-width:991px) {
	.info-footer .flex-footer .box-footer{ width:100% !important;margin-bottom: 20px }
	.about-left{ width:100%;margin-bottom:20px; }
	.about-right{ width:100% }
}
@media (max-width:850px) {
	.newsletter_left{ width:100%;margin-bottom:20px; }
	.newsletter_right,.centerhome_left{ width:100% }
	.centerhome_right{ display:none }
	
}
@media (max-width:769px) {
	.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; }
	.item-news { padding: 5px; }
	.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(2, 1fr); gap: 10px; }
	.info-footer .flex-footer { display: block; }
	.title_product span,.title_center h3, .title-main span, .title-detail h1,.title-product > span,.title_newsletter h3,.info_criteria p{font-size: 25px;}
	.worktime{ bottom:0 }
	.product-price,.info_product h3 a{ font-size:20px }
}
@media (max-width:675px) {
	.title_about > span{ font-size:20px }
	.title_about h3 span:nth-child(2),.title_about h3 span:nth-child(1){ font-size:30px }
	.slick_menuhome .col-12{ padding:0 5px }
	.item_menuhome { border: 4px solid var(--color-main); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); z-index: 9; transition: all 1s; transition: all 1s; margin: 0 }
	.slick_menuhome .slick-current.slick-center .item_menuhome { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); z-index: 9; transition: all 1s; transition: all 1s }
	.title-main{ margin-bottom:20px }
	.item_feedback{ padding: 0 }
	.info_feedback span{ display: -webkit-box }
}	
@media (max-width:575px) {	
	.about-right { flex-wrap: wrap; }
	.about-right a { width: 100%; margin: 5px 0; }
	.about-right a:nth-child(1)::before { display: none }
	.worktime{ position: relative;margin-top:10px }
	.title_about h3 span:nth-child(2),.title_about h3 span:nth-child(1),.title_ft span:nth-child(2),.title_ft span:nth-child(1){ font-size:25px }
	.img-news{ width:100%;margin-bottom:15px }
	.info-news{ width:100% }
}
@media (max-width:440px) { 
	.item_center{ width:100% }
	.grid-product, .grid-news{ grid-template-columns: repeat(1, 1fr) }
	.title_about h3 span:nth-child(2),.title_about h3 span:nth-child(1),.title_ft span:nth-child(2),.title_ft span:nth-child(1){ font-size:20px }
}
@media (max-width:369px) { }