/* Responsive */
@media (max-width:1200px) {
	.right-header { display: flex !important; }
	.menu-head, .slogan_header, .slideshow a:before { display: none; }
	.menu, .title-footer::before,.title_center span::before,.title_album span::before,.box_producthot::before,.menuhome_left { 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; }
	.header { position: relative; top: 0; left: 0; background: var(--color-main); padding: 5px 0 }
	.header .wrap-content { padding-right: 0 }
	.logo-header img { max-height: 40px }

	/*	#hamburger:before, #hamburger:after, #hamburger span{background: var(--color-hover);}*/
	.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=!string!viewBox=!string!fill=!string!%3e%3cpath d=!string!/%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 }
	.info-slider-left h3 { font-size: 80px }
	.info-slider-left p, .info-slider-right a span { font-size: 30px }
	.title_menu { font-size: 80px }
	.img_branch { display: none }
	.box_branch { margin: 0 auto;width:100% }
	.title_center span, .title_branch span { font-size: 60px; }
	.item_feedback { margin: 0 !important }
	.slideshow { margin-top: 0; }
	.wrap-content-slider { padding: 0; width: 100% }
	
}
@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 }
	.info-slider-left h3 { font-size: 60px }
	.info-slider-left p, .info-slider-right a span { font-size: 20px }
	.info-slider-left p { line-height: 25px }
	.menuhome_right, .menuhome_left { width: 100% }
	.menuhome_left { margin-bottom: 20px }
	.title_center { width: 100%; line-height: unset; text-align: center; margin: 0 !important }
	.title_center span { line-height: unset; }
	.box_center { width: 100% }
	.albumhome .wrap-content::before { display: none }
	.title_album { position: relative; width: 100%; padding-right: 0; font-size: 40px; text-align: center; bottom: 0; margin-bottom: 20px; }
	.box_albumhome { width: 100% }
	.about_left, .about_right { width: 100%; padding: 20px !important; border-radius: 15px !important; text-align: left; }
	.about_right { margin-top: 20px; margin-bottom: 20px }
	.img_about { position: relative; top: 0; left: 0; transform: unset; width: 100%; text-align: center; }
	.desc-about-right { text-align: left }
	.about_left::after, .about_left::before, .abouthome::before { display: none; }
	.toolbar, .rps-lg--visible { display: block !important; }
	.info-footer { padding-bottom: 70px }
}
@media (max-width:850px) {
	.title_center span, .title_branch span { font-size: 40px; }
}
@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_newsletter h3, .title_album span, .title_process h3, .title_process h1 { font-size: 35px; }
	.info-slider-left { width: 100%; text-align: center; margin-top: 70px; line-height: unset; margin-bottom: 0 }
	.info-slider-left h3 { font-size: 40px; }
	.info-slider-right { width: 100%; margin-top: 15px }
	.title_product { width: 100%; text-align: center; }
	.title_product img { margin: 0 auto 20px; max-width: 200px }
	.box_producthot, .title_menu { width: 100% }
	.title_menu { font-size: 50px; line-height: unset; }
	.box-list-product { width: 100%; margin: 0 0 10px !important; border-radius: 15px !important; }
	.title_branch span, .title_center span { font-size: 35px; margin-bottom: 20px }
	.slideshow:after { display: none }
	.slideshow a { mask-image: none; }
	.info-slider-left { margin-top: 20px }
	.info-slider-left h3 { margin: 0; font-size: 25px }
	.title_branch span::before{ bottom: calc(100% - 15px) }
	.title_feedback span::before{ bottom:calc(100% - 15px) }
}
@media (max-width:675px) {
	.hotline { display: none }
	.title_menu { font-size: 35px; }
	.info_product h3 a, .btn-booking, .box-list-product h3 { font-size: 20px; }
	.box-list-product ul li span { font-size: 17px }
}
@media (max-width:575px) {
	.title_product img { max-width: 150px }
}
@media (max-width:440px) {
	.item_center { width: 100% }
}
@media (max-width:369px) { }