/* Responsive */
@media (max-width:1200px) {	
	.right-header { display: flex !important; }
	.menu-head,.header_right{ 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:60px;transition: all 1s;width: auto;}
	#hamburger:before, #hamburger:after, #hamburger span{background: #fff;}
	.slick-prev{ left:10px !important}
	.slick-next{ right:10px !important}
	.offcanvas{ background: var(--color-main); }
	.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: #fff;color: var(--color-main);}
	.menu_header,.frm_search { display:none !important; }
	div.body_w{ margin-top:20px;padding:0 15px }
	.logo-header{ margin-right:20px }
	
	
}
@media (max-width:991px) {
	.info-footer .flex-footer .box-footer{ width:100% !important;margin-bottom: 20px }
	.info-footer .flex-footer .box-footer:nth-child(2){ margin-left:0 }
	#left-product{ width: 100%; }
	#right-product { display:none }
}
@media (max-width:850px) {
	.grid-project{ grid-template-columns: repeat(1, 1fr) }
	.grid-list,.grid-catalogue{ grid-template-columns: repeat(3, 1fr) }
}
@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{ 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_center span{font-size: 25px;}
	.info-news-end{ display:none }
	.info-news{ width:calc(100% - 260px); }
	
}
@media (max-width:675px) {
	.desc_about{ width:100% }
	.grid-list,.grid-catalogue{ grid-template-columns: repeat(2, 1fr) }
	.grid-about{ grid-template-columns: repeat(1, 1fr) }
	.address,.email,.dienthoai{ width:100% !important;padding:0 !important;margin:0 0 10px !important;float: none !important}
	.ShowL .ShowImg,.ShowL .ShowTxt,.ShowL .txt{ width:100%;margin-bottom: 20px;}
}
@media (max-width:575px) {	
	.header_top marquee{ display:none }
	.header_top_right{ padding:5px 0 }
	.grid-project,.grid-catalogue{ grid-template-columns: repeat(2, 1fr) }
	.item_bannerhome,.img-project,.info-project{ width:100% }
}
@media (max-width:500px) {
	.item-news{ flex-wrap:wrap; }
	.img-news{ width:100% }
	.info-news{ width:100%;margin-top:15px }
}
@media (max-width:440px) { 
	.item_center{ width:100% }
	.grid-list{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width:369px) {

}