/* Responsive */
@media (max-width:1200px) {	
	.right-header { display: flex !important; align-items:center;justify-content:space-between;gap:15px }
	.menu-head,.slogan_header,.slideshow a:before{ display: none; }
	.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; }	
	
	#hamburger:before, #hamburger:after, #hamburger span{background: var(--color-main);}
	.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:var(--color-hover);color:#000 }*/
	.logo-header img{ height:70px }
	.header.fix { z-index: 999; top: 0; left: 0; width: 100%; -webkit-animation: fadeInDown 1.3s ease backwards; -moz-animation: fadeInDown 1.3s ease backwards; -o-animation: fadeInDown 1.3s ease backwards; -ms-animation: fadeInDown 1.3s ease backwards; -webkit-box-shadow: 0px 5px 5px 0px rgb(148 145 148 / 38%); -moz-box-shadow: 0px 5px 5px 0px rgb(148 145 148 / 38%); box-shadow: 0px 5px 5px 0px rgb(148 145 148 / 38%); position: fixed; background: #fff}
	.box_number{ margin-top:20px; max-width:100% }
	.title_about h3,.title_capacity h3{ font-size:40px; }
	.title_capacity h3{ line-height:unset; }

}
@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 }
	.address_header{ display:none }
	.capacity_left,.capacity_right,.partnerhome_left,.partnerhome_right{ width:100% }
	.item_feedback{ margin: 10px 0 !important;top:0 !important }
	.col-left{ display:none }
	.col-right{ width: 100%; }
}
@media (max-width:850px) {
	
	
}
@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,.grid-project { 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_newsletter h3,.title_album span{font-size: 30px;}
	.title-main h3{ font-size:16px; }
	.mail_header{ display:none; }
	.abouthome{ padding:30px 0; }
	.item_number h3{ font-size:40px; }
	.about_left,.about_right{ width:100% }
	.about_left{ margin-bottom:20px; }
	.title_about h3, .title_capacity h3{ font-size:30px; }
	.desc_capacity{ margin-bottom:20px; }
	.footer-powered{ padding:10px 0; }
	.footer-powered p{ width:100% }
}
@media (max-width:675px) {
	.item_number p{ font-size:15px }
	.item_number h3{ font-size:30px; }
	.title-product > a{ display:none }
	.title-product-left p{ font-size:25px; }
}
@media (max-width:575px) {		
	.hotline{ display:none }
	.item-project h3 a{ font-size:15px; }
}
@media (max-width:440px) { 
	.item_center,.item_feedback{ width:100% }
	.grid-product { grid-template-columns: repeat(1, 1fr);}
}
@media (max-width:369px) { }