@media only screen and (max-width:1200px) {
	.menu, .header-mid-right, .hotline, .header-top, .header-bottom, .criteria { display: none !important }
	.right-header { display: flex !important; }
	#main-body { overflow-x: hidden; position: relative; }
	.header, #hamburger, .search-res { display: block }
	.header{ padding: 0; background: #fff;}
	.slick-prev { left: 0 !important }
	.slick-next { right: 0 !important }
	.logo-header img { max-height: 60px; width: auto }
	.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; }
}

@media (max-width:1024px) {
	.contact-input { margin-bottom: 15px; }
	.flex-cus, .row-video, .row-20 { margin-left: -5px; margin-right: -5px; }
	.mg-cus, .mg-video, .col-20 { padding-left: 5px; padding-right: 5px; }
	.content-text img { height: auto !important; }
	.padding-top-bottom { padding: 2rem 0; }
	.pad-top { padding-top: 2rem; }
	.pad-bottom { padding-bottom: 2rem; }
	.mg-top { margin-top: 2rem; }
	.mg-bottom { margin-bottom: 2rem; }
	.title-detail-main { font-size: 20px; }
	.scrollToTop, #messages-facebook, .btn-frame, .slogan_tableprice { display: none !important; }
	.btn-booking-ft { display: block !important; bottom: 70px }
	.cart-pro-detail { width: 100%; margin-top: 10px; }
	.product-tool { opacity: 1; visibility: visible; position: initial; }
	.product-tool a span, .slideshow-right { display: none; }
	.title-main span { font-size: 30px; }
	.desc-abouthome{ margin-bottom: 15px;}
}

@media (max-width:992px) {
	.othernews { position: initial; }
	.footer-title:after { width: 100%; }
	#fanpage-facebook { overflow: hidden; }
	.footer-news:nth-child(1) { width: 100%; margin-bottom: 25px; }
	.footer-news:nth-child(2), .footer-news:nth-child(3), .footer-news:nth-child(4) { width: calc(33.33% - 15px); margin-bottom: 20px; }
	.social-footer { justify-content: start; }
	.footer-bottom { padding-bottom: 70px; }
	.title-news { margin-bottom: 20px; }
	.number-title-news { font-size: 120px; line-height: 100px; }
	.sub-title-news { margin-bottom: 0px; }
	.sub-title-news span { font-size: 50px; }
	.sub-title-news p { font-size: 16px; }
	.desc-title-news { margin-bottom: 15px; }
	.view-news { font-size: 14px; }
	.grid-pro-detail .left-pro-detail { width: 100%; text-align: center; margin-bottom: 30px; }
	.grid-pro-detail .right-pro-detail { width: 100%; }
	.left-content-detail { width: 100%; margin-bottom: 20px; }
	.right-content-detail { width: 100%; }
	.contact-detail { flex-direction: column-reverse; }
	.left-contact-detail { width: unset; }
	.right-contact-detail { width: unset; margin-bottom: 30px; }
	.row-contact { justify-content: center; }
	.contact-item { width: 100%; margin: 5px; }
	.contact-item span { word-break: break-all; }
	.title-sale span, .title-main1 span, .title-main span, .title-main h1, .title-detail h1, .title-criteria span, .title-partner span { font-size: 25px }
	.item-partner { width: calc((100% - 80px) / 5); }
	
	/* About Home */
	.abouthome { padding: 30px 0; }
	.about-left, .about-right { width: 100%; }
	.about-left { margin-bottom: 15px; }
	
	/* List Home */
	.item-listhome { width: calc((100% - 75px) / 6); }
	
	/* Why & Brand */
	.whyhome { padding: 40px 0; }
	.whyhome-left, .whyhome-right { width: 100%; }
	.whyhome-left { margin-bottom: 30px; }
	
	/* News Home */
	.newshome { padding: 40px 0; }
	.newsleft, .newsright,.contact-left,.contact-right { width: 100%; }
	.contact-left,.newsleft { margin-bottom: 25px; }

	.contact-flex{ display: block }
	.partnerhome{ padding: 10px 0 }
	.item-partner img{ max-height: 40px }
}

@media (max-width:850px) {
	.box-partnerhome { gap: 10px; }
	.item-partner { width: calc((100% - 30px) / 4); }
}

@media (max-width:768px) {
	
	.left-pro-detail, .top-contact .article-contact { margin-bottom: 30px; }
	.pic-news { width: 160px; }
	.name-news { font-size: 15px; }
	.desc-news.text-split { -webkit-line-clamp: 2; }
	.wrap-news { padding: 25px 0px; }
	.wrap-product-hot .wrap-content { padding: 10px; }
	.left-content-detail { padding: 20px 10px; }
	.title-product-detail { font-size: 15px; }
	.title-right { font-size: 15px; }
	.product-2 { padding: 7px 0px; }
	
	/* List Home */
	.item-listhome { width: calc((100% - 45px) / 4); }
	
	/* Service */
	.listservice { padding: 30px 0 45px; }
	.item-servicelist a span { font-size: 14px; padding: 40px 10px 10px; }
	
	/* Product Tabs */
	.box-list { padding: 25px 0 15px; }
	.title-list span { font-size: 20px; padding: 0 10px 0 0; }
	.title-list a { padding: 0 18px; line-height: 34px; font-size: 14px; }
	.box_tab_cat .click_tab { padding: 0 14px; line-height: 36px; font-size: 14px; }
	
	/* Why Home */
	.box-whyhome { gap: 15px; }
	.img-whyhome { flex: 0 0 60px; width: 60px; height: 60px; }
	.img-whyhome img { width: 32px; }
	.info-whyhome h3 { font-size: 15px; }
	.info-whyhome span { font-size: 13px; }
	
	/* News Home */
	.img-newshome { width: 140px; }
	.info-newshome { width: calc(100% - 150px); }
	.slick-newsright { display: none; margin-left: -8px; margin-right: -8px; margin-top: 0; margin-bottom: 0; }
	.slick-newsright .col-12 { padding: 0 8px; }
	
	/* Footer */
	.footer-news:nth-child(2), .footer-news:nth-child(3), .footer-news:nth-child(4) { width: 100%; margin-bottom: 20px; }
	.footer-article { padding: 40px 0 20px; }
	.footer-powered { padding: 15px 0; font-size: 13px; }
}

@media (max-width:675px) {
	.title-sale span, .title-main1 span, .title-main span, .title-main h1, .title-detail h1, .title-criteria span, .title-partner span { font-size: 20px }
	.info-news h3 a { font-size: 16px; line-height: 20px; height: 40px; }
	.info-news span { font-size: 14px; }
	.title-criteria p, .title-main p, .title-sale p { font-size: 14px !important; }
	.info-criteriahome h3 { font-size: 16px; }
	.info-criteriahome span { font-size: 14px; }
	.item-partner { width: calc((100% - 20px) / 3); }
	.footer-ul li a,.title_footer{font-size: 14px;}
	/* About Home */
	.title-about span { font-size: 24px; }
	.title-about h3 { font-size: 20px; }
	.more-about { padding: 0 20px; line-height: 38px; font-size: 15px; }
}

@media (max-width:576px) {
	.toast-cus { left: 5px; width: calc(100% - 10px); }
	.box-readmore { width: calc(100% - 5px); }
	.newshome-scroll { width: 100%; }
	.newshome-intro { width: 100%; margin-bottom: 20px; }
	.top-contact .form-contact .button-contact .file-contact span b { max-width: 105px; }
	.installment-product { font-size: 13px; }
	.properties-procart { font-size: 13px; }
	.order-price p { width: 100%; }
	.product-item { grid-template-columns: 50px auto 20%; grid-gap: 10px; }
	.product-item__info { gap: 0px; font-size: 13px; }
	.pro-history { width: 100%; }
	.total-price_wrapper { width: 100%; margin-bottom: 0px; margin-top: 10px; }
	.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
	.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.row-product, .row-news, .row-service, .row-video, .row-album { margin: 0px -7px; }
	.col-product, .col-news, .col-service, .col-video, .col-album { padding: 0px 7px; margin-bottom: 20px; }
	.contact-product a:nth-child(1) { font-size: 13px; }
	
	
	
	/* List Home */
	.box-listhome{ gap: 10px; }
	.item-listhome { width: calc((100% - 20px) / 3); }
	
	/* Product Tabs */	
	.box_tab_cat .click_tab { padding: 0 12px; line-height: 32px; font-size: 13px; }
	
	/* Why Home */
	.box-whyhome { grid-template-columns: repeat(1, 1fr); gap: 12px; }
	
	/* News Home */
	.img-newshome { width: 100%; margin-bottom: 10px; }
	.info-newshome { width: 100%; }
	.info-newshome h3 a, .info-newsleft h3 a { font-size: 14px; }
	.info-newshome span, .info-newsleft span { font-size: 14px; }
	
	/* Footer */
	.title_ft { font-size: 20px; }
	.box-titlelink { display: flex; flex-wrap: wrap; gap: 6px; }
	.box-titlelink a { font-size: 13px; display: inline-block; padding: 3px 8px; background: rgba(255,255,255,0.1); border-radius: 4px; color: #fff; }
}

@media (max-width:400px) {
	.col-service { flex: 0 0 100%; max-width: 100%; }
	.col-album { flex: 0 0 100%; max-width: 100%; }
	.col-video { flex: 0 0 100%; max-width: 100%; }	
	.item-partner { width: calc((100% - 10px) / 2); }
}

@media (max-width:370px) {
	.col-product { flex: 0 0 100%; max-width: 100%; }
}