@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; }
	.cart-fixed { display: none; }
	.toolbar { display: block; }
	.toolbar-app { display: block; }
	.scrollToTop, #messages-facebook, .btn-frame { display: none !important; }
	.pad-bottom { padding-bottom: 2rem !important; }
	.pad-top { padding-top: 2rem !important; }
	.padding-top-bottom { padding: 2rem 0 !important; }
	.menu { display: none; }
	.menu-res { display: block; }
	.product-tool { opacity: 1; visibility: visible; position: initial; }
	.product-tool a span { display: none; }
	.head-bottom { position: sticky; top: 0px; z-index: 999; box-shadow: 0 1px 5px 0 rgb(0 0 0 / 10%); padding: 5px 10px; }
	.right-head { display: flex; }
	.banner-head, .hotline-head { display: none; }
	.logo-head img { max-height: 60px; }
	.head-top { display: none; }
	.footer, .slideshow, .wrap-home>div { overflow: hidden; }
	.head { display: block; }
	.head .wrap-content { height: 70px; }
	.head.head-fix { position: fixed !important; top: 0; left: 0; width: 100%; animation: slide-down 0.7s; z-index: 999; background: #fff; box-shadow: 0 1px 5px #33333378; }
	.slideshow-video { position: relative; }
	#ninja-slider .slider-inner video { position: absolute; right: 0; bottom: 0; width: 100%; max-height: 100%; height: 100%; object-fit: cover; }
	#ninja-slider ul { height: auto !important; max-height: 100%; }
	.slideshow-image { height: 100%; max-height: 100%; }
	.slideshow-image p img { max-height: 100%; height: auto !important; object-fit: cover; }
	.wrap-filter { margin-top: 0; }
	.wrap-filter:before { display: none; }
	.box-filter-list { width: 100%; }
	.box-filter-list { justify-content: space-between; }
	.box-filter-range { width: 85%; margin: 30px auto 0; }
	.box-filter-list:before { width: 100%; left: 0; }
	.box-guarantee { max-width: 92%; }
	.box-title-product:before, .box-title-product:after, .box-title-product>div:before { display: none; }
	.box-title-product { display: block; padding: 0; }
	.box-title-product>span { text-align: center; display: block; margin-top: 0; max-width: 100%; margin-bottom: 20px; width: 100%;}
	.box-title-product>div { width: 100%; }
	.product-ul { width: 85%; }
	.product-li { clip-path: polygon(14.5% 0%, 100% 0%, 85% 100%, 0% 100%); }
	.box-main-product.box-main-product-odd .box-title-product .product-li { clip-path: polygon(0 0, 85.5% 0, 100% 100%, 14.5% 100%); }
	.box-product { display: block; }
	.product-left { display: none; }
	.product-right { width: 100%; }
	.item-product .scale-img { padding: 0; }
	.wrap-criteria { margin-top: 0; }
	.row-criteria { display: block; }
	.criteria-left { width: 100%; }
	.criteria-right { width: 75%; margin: 40px auto 0; }
	#FormNewsletter { background-size: 100% 100%; }
	#FormNewsletter .d-flex { width: 90%; }
	.newsletter-left { width: 75%; }
	.grid-album { grid-template-columns: repeat(3, 1fr); }
	.content-feedback:before { background-size: 100% 100%; width: 100%; }
	.content-feedback { padding-right: 75px; padding-left: 15px; }
	.map-ul:before { display: none; }
	.map-ul { grid-template-columns: repeat(1, 1fr); }
	.footer-powered { padding-bottom: 70px; }
	.item-map:nth-child(2) { border-top: 1px solid #fff; padding: 17px 0; }
	.box_solang { width: 110px; margin: 0px 10px 0px 0px; }
	/*.lookup-warranty.btn-frame { display: block !important; bottom: 70px; }*/
	.zalo-chat-widget{bottom: 110px !important; left: 10px !important;}
	.grid-products{grid-template-columns: repeat(4,1fr); }
}
@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: 20px; }
	.footer-news:nth-child(2) { width: 48%; }
	.footer-news:nth-child(3) { width: 48%; }
	.footer-news:nth-child(4) { width: 48%; }
	.time-news { display: none; }
	.copyright, .statistic { width: 100%; text-align: center; }
	.footer-ul li { }
	.footer-copyright { width: 100%; text-align: center; }
	.footer-statistic { width: 100%; text-align: center; margin-top: 5px; }
	.left-intro { width: 100%; margin-bottom: 20px; padding-right: 0; }
	.right-intro { width: 100%; }
}
@media (max-width:768px) {
	.left-pro-detail, .right-pro-detail { width: 100%; margin: 0px; }
	.left-pro-detail, .top-contact .article-contact { margin-bottom: 30px; }
	.pic-news { width: 160px; }
	.info-news { width: calc(100% - 160px); padding-left: 10px; }
	.name-news { font-size: 15px; }
	.desc-news.text-split { -webkit-line-clamp: 2; }
	.wrap-filter, .wrap-criteria, .wrap-album, .wrap-news, .wrap-feedback { padding: 30px 0; }
	.wrap-guarantee { padding: 30px 0 5px; }
	.wrap-product { margin-bottom: 30px; }
	.box-guarantee { max-width: 100%; }
	.title-guarantee span { font-size: 45px; }
	.box-main-product { margin-top: 30px; }
	.grid-products { grid-gap: 15px; }
	.product-li { clip-path: polygon(19% 0%, 100% 0%, 81% 100%, 0% 100%); }
	.box-main-product.box-main-product-odd .box-title-product .product-li { clip-path: polygon(0 0, 80% 0, 100% 100%, 17.5% 100%); }
	.box-title-product>span, .title-main-criteria span, .title-main-album span, .news-left span, .title-main span { font-size: 33px; }
	.product-li span { font-size: 16px; }
	.name-product { font-size: 18px; }
	.name-brand { font-size: 14px; margin-bottom: 10px; }
	.price-new { font-size: 14px; }
	.box-main-product.box-main-product-odd .product-li:after { right: 19px; transform: rotate(-42deg); top: -8px; }
	.grid-product { grid-template-columns: repeat(3, 1fr); grid-gap: 20px 10px; }
	.title-main-album p, .news-left b, .title-main b { font-size: 23px; }
	.title-main-criteria p { font-size: 20px; }
	.criteria-right { width: 100%; }
	.box-regis { width: 80%; }
	.info-regis b { font-size: 23px; }
	.grid-album { grid-template-columns: repeat(2, 1fr); }
	.social-album a span { font-size: 16px; }
	.row-news { display: block; }
	.news-left { width: 100%; margin: 0 0 20px; text-align: center; }
	.news-right { width: 100%; }
	.slide-2, .slide-3 { margin: 0 -10px; }
	.slide-2 .slick-slide, .slide-3 .slick-slide { margin: 0 10px; }
	.content-news a { font-size: 18px; }
	.content-feedback:before { display: none; }
	.content-feedback { padding: 0; }
	.title-feedback span { font-size: 18px; }
	.footer-top>.d-flex { display: grid !important; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; }
	.info-footer { margin-bottom: 0; }
	.item-map { margin: 0 15px; }
	.footer-article { padding: 30px 0; background: var(--second-color); }
	.footer-powered { padding-bottom: 50px; }
	.title-main { margin-bottom: 1rem; }
	.wrap-main { margin: 20px auto; }
	.box-filter-list li .check-filter-list { margin-left: 0; margin-bottom: 20px; }
	.box-filter-range { margin-left: 25px; }
	.title-pro-detail { font-size: 25px; }
	.width-20 { width: 20%; }
	.tbl_search { width: 100%; display: block; overflow-x: auto; white-space: nowrap; }
	.fix-tbl_search { display: block; }
	.footer-statistic {display: none;}
}
@media (max-width:660px) {
	.box-filter-main { grid-template-columns: repeat(3, 1fr); }
	.box-filter:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
	.box-filter:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
	.box-filter:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
	.box-filter:nth-child(4) { grid-area: 2 / 1 / 3 / 2; }
	.box-filter:nth-child(5) { grid-area: 2 / 2 / 3 / 3; }
	.box-filter:nth-child(6) { grid-area: 2 / 3 / 3 / 4; }
	.box-filter:nth-child(7) { grid-area: 3 / 1 / 4 / 2; }
	.btn-filter { grid-area: 3 / 3 / 4 / 4; }
	.title-guarantee span { font-size: 35px; }
	.search-guarantee input { font-size: 22px; height: 70px; text-indent:; }
	.search-guarantee div p:nth-child(1) { padding: 13.5px 50px; font-size: 20px; }
	.search-guarantee div button { font-size: 20px; width: 140px; padding: 16px 0; padding-right: 26px; }
	.search-guarantee div button:before { height: 57px; width: 55px; right: -55px; }
	.search-guarantee div:before { zoom: 0.6; }
	.product-li.active:before, .product-li.active:after, .product-li:before, .product-li:after { display: none; }
	.product-li, .box-main-product.box-main-product-odd .box-title-product .product-li { clip-path: none; }
	.slide-4 { margin: 0 -6px; }
	.slide-4 .slick-slide { margin: 0 6px; }
	.name-product { font-size: 16px; }
	.content-product>div { display: block; text-align: left; }
	.product-li { padding: 10px 0; border: 1px solid #000; }
	.product-li span { padding: 0 5px; }
	.product-li span { font-size: 14px; }
	.name-brand { margin: 4px 0; font-size: 13px; }
	.grid-products, .grid-product { grid-gap: 20px 8px; }
	.box-filter-list li .check-filter-list span { font-size: 15px; }
	.btn-filter button { font-size: 17px; }
	.infomation-top { flex-wrap: wrap; margin-bottom: 10px; }
	.infomation-top div { margin-bottom: 10px; }
	.box-intro { margin: 20px 0 0; display: inline-block; }
	.box-intro a:nth-child(3) { display: inline-block; width: calc(100% - 260px); margin-left: 10px !important; }
}
@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; }
	.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; }
	.newsletter-left { width: 68%; }
	.box-regis { display: none; }
	#FormNewsletter { padding: 50px 0 60px; }
	.social-album a span { font-size: 13px; }
	.content-news a { font-size: 16px; }
	.box-title-product>span, .title-main-criteria span, .title-main-album span, .news-left span, .title-main span { font-size: 30px; }
	.title-main-album p, .news-left b, .title-main b { font-size: 20px; margin-bottom: 0; }
	.title-map span { font-size: 14px; }
	.footer-powered { padding-bottom: 70px; }
	.logo-head { zoom: 0.8; }
	.cart-menu span { font-size: 11px; height: 20px; width: 20px; line-height: 20px; top: -8px; right: -10px; }
	.name-news a { font-size: 16px; }
	body { font-size: 14px; }
	.grid-criteria { grid-template-columns: repeat(1, 1fr); grid-gap: 10px 20px; }
	#FormNewsletter .d-flex { display: block !important; }
	.newsletter-left { width: 100%; }
	.newsletter-button input[type="submit"] { height: 50px; width: 100%; font-size: 15px; }
	.width-20 { width: 30%; }
	.width-80 { width: 70%; }
	.tbl_search th, .tbl_search td { padding: 10px 2%; }
	.logo-head img { zoom: 0.8; }
	.wrap-filter.filter-detail { padding: 15px 0; }
	.filter-detail .form-filter { position: relative; padding-bottom: 50px; }
	.box-filter-range { margin-top: 15px; }
	.filter-detail .box-filter-main { display: block; overflow-x: overlay; white-space: nowrap; margin-top: 10px; padding-bottom: 10px; }
	.filter-detail .box-filter { display: inline-block; margin: 0 5px; }
	.filter-detail .box-filter-main::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; border-radius: 50px; }
	.filter-detail .box-filter-main::-webkit-scrollbar { height: 6px; background-color: #F5F5F5; }
	.filter-detail .box-filter-main::-webkit-scrollbar-thumb { background-color: var(--main-color); }
	.filter-detail .btn-filter { position: absolute; width: 100%; bottom: 0; left: 0; }
	.filter-detail .box-filter-list li .check-filter-list { margin-bottom: 10px; }
	.filter-detail .box-filter>div p { padding: 10px; }
	.filter-detail .btn-filter button { padding: 8px 0; }
	.filter-detail .box-filter-list li .check-filter-list span { font-style: 14px; }
	.filter-detail .box-filter-list li .check-filter-list:before, .filter-detail .box-filter-list li .check-filter-list.active:after { zoom: 0.9; }

	.box-intro { margin: 20px 0 0; display:block; }
	.box-intro a{display: block;}
	.box-intro a:nth-child(3) { margin-left: 0 !important; width: 80%; margin-top: 10px;}


	.box-filter-main { grid-template-columns: repeat(2, 1fr); }
	.box-filter:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
	.box-filter:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
	.box-filter:nth-child(3) { grid-area: 2 / 1 / 3 / 2; }
	.box-filter:nth-child(4) { grid-area: 2 / 2 / 3 / 3; }
	.box-filter:nth-child(5) { grid-area: 3 / 1 / 4 / 2; }
	.box-filter:nth-child(6) { grid-area: 3 / 2 / 4 / 3; }
	.box-filter:nth-child(7) { grid-area: 4 / 1 / 5 / 2; }
	.btn-filter { grid-area: 4 / 2 / 5 / 3; }
}
@media (max-width:426px) {
	.col-news { flex: 0 0 100%; max-width: 100%; }
	.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%; }
	.pic-news { width: 100%; margin-bottom: 10px; }
	.info-news { width: 100%; padding-left: 0px; }
	.title-guarantee span { font-size: 30px; }
	.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { font-size: 12px; }
	.search-guarantee input:nth-child(1) { width: 100%; }
	.search-guarantee div { margin: 30px 55px 30px 9px; }
	.search-guarantee div p:nth-child(1) { font-size: 17px; padding: 10px 40px; }
	.search-guarantee div button { font-size: 17px; padding: 8px 0 13px; padding-right: 14px; width: 110px; }
	.search-guarantee div button:before { height: 46px; width: 40px; right: -40px; }
	.search-guarantee input { font-size: 20px; }
	.search-guarantee div:before { zoom: 0.5; }
	.box-title-product a, .box-main-product.box-main-product-odd .box-title-product a { display: none; }
	.box-title-product>div { display: block !important; }
	.product-ul { width: 100%; }
	.grid-products, .grid-product { grid-template-columns: repeat(2, 1fr); }
	.box-product { margin-top: 16px; }
	.box-title-product>span, .title-main-criteria span, .title-main-album span, .news-left span, .title-main span { font-size: 25px; }
	.title-main-criteria p { font-size: 18px; }
	.newsletter-button:before { border: 1px solid #fff; }
	.title-main-album span { margin-bottom: 10px; }
	.social-album a { display: block; text-align: center; zoom: 0.85; }
	.social-album a span { display: none; }
	.slide-2, .slide-3 { margin: 0 -7px; }
	.slide-2 .slick-slide, .slide-3 .slick-slide { margin: 0 7px; }
	.logo-footer { margin-bottom: 30px; zoom: 0.8; }
	.info-footer span { font-size: 14px; }
	.title-map { width: 67%; }
	.btn-map { width: 31%; font-size: 12px; }
	.map-ul { padding: 10px 0; }
	.item-map, .item-map:nth-child(2) { margin: 0 10px; padding: 10px 0; }
	.infomation-top { display: block; margin-bottom: 0; }
	.infomation-top>div { margin-bottom: 5px; }
}
@media (max-width:370px) {
	.col-product { flex: 0 0 100%; max-width: 100%; }
	.box-intro a:nth-child(3) { margin-left: 0 !important; width: 100%; margin-top: 10px;}

}
