/* Responsive default */
@media (min-width:1025px) {
	.footer { margin-bottom: 0 !important; }
	.logo-mobile, .toolbar { display: none; }
}
@media (max-width:1199px) {
	.flex-product { margin: 0 -5px; width: calc(100% + 10px); }
	.box-product { width: calc(100% / 4 - 10px); margin: 0 5px 10px 5px; }
}
@media (max-width:1024px) {
	.toolbar { display: none; }
	.criteria-num-item { width: 47% !important; }
	.partner-list { margin-top: 10px !important; }
	.padding-top-bottom { padding: 30px 0; }
	.pad-top { padding-top: 30px; }
	.pad-bottom { padding-bottom: 30px; }
	.mg-top { margin-top: 30px; }
	.mg-bottom { margin-bottom: 30px; }
	.title-detail-main { font-size: 20px; }
	.btn-frame { }
	.cart-pro-detail { width: 100%; margin-top: 10px; }
	.pad-bottom { padding-bottom: 30px !important; }
	.pad-top { padding-top: 30px !important; }
	.padding_top_bottom { padding: 30px 0 !important; }
	.btn-frame { width: 41px; height: 41px; right: 10px; }
	.btn-frame i { width: 41px; height: 41px; }
	.btn-frame .kenit-alo-circle {		/*display: none;*/ }
	.btn-frame .kenit-alo-circle-fill {		/*display: none;*/ }
	.btn-phone {		/*bottom: 170px;*/

	/*display: none;*/ }
	.btn-zalo {		/*bottom: 220px;*/

	/*bottom: 170px;*/ }
	.cart-fixed { right: 10px; width: 41px; height: 41px;		/*bottom: 270px;*/ bottom: 170px; }
	.cart-fixed span { width: 20px; height: 20px; line-height: 20px; font-size: 10px; }
	.js-facebook-messenger-box { width: 41px; height: 41px; line-height: 41px; right: 10px; bottom: 120px; display: none; }
	.js-facebook-messenger-box svg#fb-msng-icon { width: 20px; height: 20px; top: calc(50% - 10px); left: calc(50% - 10px); }
	.js-facebook-messenger-box svg#close-icon { width: 10px; height: 10px; top: calc(50% - 5px); left: calc(50% - 5px); }
	.scrollToTop { right: 10px; border-radius: 50%; overflow: hidden; bottom: 70px; }
	.menu { display: none; }
	.menu { position: relative !important; }
	.menu-res { display: block; }
	.title-main span { font-size: 26px; }
	.footer-article { padding: 30px 0; }
	.footer-title:after { width: 100%; }
	.footer-news:nth-child(4) { width: 100%; }
	.footer-news:nth-child(3) { width: 100%; margin-bottom: 20px; }
	.footer-news:nth-child(2) { width: 100%; margin: 20px 0; }
	.footer-news:nth-child(1) { width: 100%; }
	.time-news { display: none; }
	.copyright, .statistic { width: 100%; text-align: center; }
	.footer-ul li { width: calc(100% / 2 - 5px); }
	.footer-ul { display: flex; flex-flow: row wrap; justify-content: space-between; }
	.news { float: none !important; }
	div#right { width: 100%; margin-bottom: 20px; }
	div#left { width: 100%; margin-bottom: 20px; }
	.header-top, .search-header, .hotline-header, .btn-quote { display: none; }
	.header-bottom .wrap-content { justify-content: center !important; }
	.logo-res { width: 80px; }
	.we { padding: 30px 0; }
	.we-photo { width: 100%; }
	.customer-hot .wrap-content, .why .wrap-content { overflow: hidden; }
	.we .wrap-content { flex-wrap: wrap; overflow: hidden; }
	.we-photo img { width: 100%; }
	.we-main { margin: 10px 0 0 0; width: 100%; padding: 20px; height: auto; }
	.btn-we { margin-top: 6px; }
	.we-desc { font-size: 16px; line-height: 1.4; }
	.we-main h2 { font-size: 24px; }
	.service { padding: 30px 0; }
	.project-name { font-size: 24px; }
	.project-slogan { font-size: 14px; margin: 10px auto; }
	.service-photo::after { display: none; }
	.service-info { color: #111; margin-top: 5px; text-align: center; }
	.service-info h3 a { color: #111 !important; }
	.service-slogan { display: none; }
	.service-info h3 { font-size: 14px; margin-right: 0; -webkit-line-clamp: 2; }
	.btn-service { display: none; }
	.title-main-product span { font-size: 24px; }
	.why, .project { padding: 30px 0; }
	.product-slide { padding-top: 30px; padding-bottom: 20px; }
	.why .wrap-content { flex-wrap: wrap; }
	.project-photo { margin-bottom: 5px; }
	.scroll-project { height: auto; }
	.project-item { width: auto; }
	.banner-why { margin-top: 10px; width: 100%; }
	.why-title::before, .why-title::after { display: none; }
	.why-title { position: unset; text-align: center; margin-bottom: 0; padding: 0; }
	.banner-why > img { width: 100%; height: 334px !important; object-fit: cover; }
	.why-right { width: 100%; margin-top: 15px; }
	.why-left { margin-right: 0; width: 100%; }
	.project-slogan { max-width: 100%; }
	.owl-pronb .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 0; }
	.customer-hot { padding: 30px 0; background: url("../images/bg-cta.jpeg") no-repeat; background-size: cover; }
	.partner-list { width: 100%; }
	.customer-desc { font-size: 14px; line-height: 1.4; width: 100%; margin-top: 10px; }
	.customer-title { font-size: 21px; line-height: 24px; width: 100%; padding-bottom: 0; }
	.customer-left { width: 100%; }
	.customer-btn { margin-top: 10px; }
	.partner-list { width: 100%; gap: 0; margin: 0; padding-left: 0; justify-content: space-between; }
	.feedback-item { box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2); padding: 15px; }
	.feedback-desc { font-size: 14px; margin-top: 10px; }
	.feedback-sub { margin: 7px auto; }
	.wrap-intro { padding-top: 10px; padding-bottom: 10px; background-size: cover; }
	.feedback-name { font-size: 16px; margin-bottom: 0; }
	.feedback { padding-top: 30px; padding-bottom: 10px; }
	.left-intro { width: 100%; padding-right: 0; }
	.right-intro { width: 100%; margin-bottom: 0; margin-top: 20px; }
	.form-newsletter { padding: 20px; }
	.form-newsletter h3 { width: 100%; }
	.slogan-newsletter { font-size: 14px; line-height: 1.4; width: 100%; text-align: center; font-weight: 400; margin-bottom: 10px; }
	.news-slick { margin-bottom: 20px; }
	.pro_left, .danhmuc { display: none; }
	.pro_right { width: 100%; }
	.left-news { width: 100%; }
	.ttsl { display: none; }
	.wrap-intro .wrap-content { overflow: hidden; }
	.criteria .wrap-content { overflow: hidden; }
	.search-header-res { display: flex !important; }
	.select-province { width: calc(100% / 3); background-position: 300px; }
	.select-district { width: calc(100% / 3); background-position: 300px; }
	.btn-search-header { width: calc(100% / 3); }
	.search-header-res { padding: 30px 0; }
	.modal-dialog { margin: 1.25rem auto; }
	.toolbar ul li > div { position: absolute; width: 100%; top: -35px; left: 0; display: none; }
	.list_phone { display: grid; grid-template-columns: 1fr 1fr; background: linear-gradient(90deg, #fabd1c 0%, #e45a1c 100%); left: 0; z-index: 222; }
	.list_phone p { margin-bottom: 0; display: flex; align-items: center; font-size: 18px; justify-content: center; }
	.toolbar ul li a { display: block; cursor: pointer; color: #fff; padding: 10px 0; font-weight: 600; text-decoration: none; width: 70%; }
	.logo-mobile { display: block; width: 218px; }
	.footer { margin-bottom: 0 !important; }
	.project { padding-top: 0; }
	.footer-title { margin: 10px 0; }
	.service-list { width: calc(100% + 10px); margin: 0 -5px; }
	.service-item { width: calc(100% / 2 - 10px); margin: 10px 5px 0 5px; }
	.scroll-partner { white-space: nowrap; overflow: auto; margin-top: 10px; }
	.box-partner-list { display: inline-flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
	.partner-item { width: 33%; margin: 0; padding: 5px; }
}
@media (max-width:768px) {
	.box-product-lienquan { width: calc(100% / 3 - 20px); margin: 0 10px 20px 10px; }
	.wrap-video { margin: 0 -5px; }
	.video { width: calc(100% / 2 - 10px); margin: 0 5px 10px 5px; }
	.item-video1 img { height: 250px; }
	.right-intro { width: 100%; }
	.left-intro { width: 100%; margin-bottom: 20px; padding-right: 0; }
	.left-pro-detail, .right-pro-detail, .form-contact, .article-contact { width: 100%; margin: 0px; }
	.left-pro-detail, .top-contact .article-contact { margin-bottom: 30px; }
	.criteria { padding: 20px 0; }
	.news-slick h3 a { -webkit-line-clamp: 1; }
	.map-product { padding-left: 0; width: 100%; }
	.map-product iframe { width: 100%; }
	.tabs-pro-detail { width: 100%; }
}
@media (max-width:640px) {
	.pic-news, .info-news { width: 100%; float: none; }
	.info-news { margin-top: 10px; padding-left: 0; }
	.box-product { width: calc(100% / 3 - 10px); }
}
@media (max-width:480px) {
	.info-news h3 { margin-bottom: 3px; }
	.we-main { padding: 12px; }
	.form-newsletter { padding: 10px; }
	.form-newsletter h3 { font-size: 20px; line-height: 30px; }
	.title-intro span { font-size: 20px; }
	.project-title { font-size: 14px; }
	.padding-top-bottom { padding: 10px 0; }
	.desc-news { margin-top: 0; font-size: 13px; line-height: 1.4; }
	.name-news { font-size: 14px; line-height: 1.4; margin-top: 10px; }
	.service_btn { margin-top: 10px; }
	.customer-title { font-size: 18px; }
	.newsletter-button input[type="submit"] { font-size: 14px; }
	.title-intro { margin-bottom: 10px; }
	.banner-why > img { height: 310px !important; }
	.content-main tbody tr td { display: block; width: 100% !important; }
	.project-slogan { font-size: 12px; }
	.service-info { bottom: 10px; }
	.criteria { padding: 14px 0; }
	.search-header-res { padding: 10px 0; }
	.cart-pro-detail a.addcart { width: 100%; }
	.box-product-lienquan { width: calc(100% / 2 - 20px); margin: 0 10px 20px 10px; }
	.btn-contact-pro a { font-size: 12px; }
	.newshome-scroll { width: 100%; }
	.criteria-item { flex-wrap: wrap; }
	.criteria-num { padding: 16px 0; }
	.criteria-title { margin-bottom: 2px; margin-top: 0; -webkit-line-clamp: 1; }
	.criteria-desc { line-height: 17px; font-size: 13px; }
	.slick-criteria .slick-slide { padding: 0 10px; border-right: 0; }
	.criteria-photo img { margin: 0 auto; }
	.criteria-photo { width: 20%; }
	.criteria-info { width: 80%; padding-left: 10px; }
	.newshome-intro { width: 100%; margin-bottom: 20px; }
	.flex-news { margin: 0 -5px; width: calc(100% + 10px); }
	.news { width: calc(100% / 2 - 10px); margin: 0 5px 10px 5px; }
	.box-product { width: calc(100% / 2 - 10px); }
	.top-contact .form-contact .button-contact .file-contact span b { max-width: 105px; }
	.footer-ul li { width: 100%; }
	.service-info h3 { font-size: 14px; margin-right: 0; -webkit-line-clamp: 2; padding: 4px; line-height: 1.4; }
	.service-info h3 a { font-size: 13px; }
	.criteria-number { font-size: 24px; }
	.slick-why .slick-slide { margin-bottom: 2px; }
	.criteria-num-title { font-size: 16px; margin-bottom: 0; }
	.why-desc { font-size: 14px; line-height: 1.4; }
	.why-name { font-size: 16px; }
	.why-title span:nth-child(2) { font-size: 16px; }
	.why-title span:nth-child(1) { font-size: 18px; font-weight: 700; }
	.partner-list { width: calc(100% + 10px); margin: 0 -5px; gap: 0; }
	.news-slick .img { width: 90px; margin-right: 10px; background: transparent; border: 0; height: 90px; }
	.news-slick .info { width: calc(100% - 100px); padding: 10px; }
	.news-slick h3 a { margin-bottom: 4px; font-size: 15px; line-height: 1.4; -webkit-line-clamp: 1; }
	.news-slick .desc { line-height: 1.4; }
	.new-d { display: none; }
	.news-slick { margin-bottom: 10px; }
	.btn-we { font-size: 13px; margin-top: 10px; height: 34px; }
}
@media (max-width:414px) { }
@media (max-width:375px) {
	.name-product-slide { font-size: 13px; line-height: 16px; text-align: center; }
	.banner-why > img { height: 304px !important; object-fit: cover; }
	.copyright, .statistic { font-size: 10px; }
	.logo-footer-desc { font-size: 13px; line-height: 19px; margin: 12px 0; }
	.footer-ul li a { font-size: 12px; }
	.owl-pronb .owl-stage-outer { padding-bottom: 10px; }
	.project-name { font-size: 18px; }
	.title-main-product { font-size: 20px; }
	.title-main-product span { font-size: 16px; }
	.box-product-slide h3 { position: unset; width: 100%; transform: inherit; padding: 0 4px; }
	.customer-title { font-size: 18px; }
	.box-input-contact { width: 100%; }
	.cart-pro-detail { flex-wrap: wrap; }
	.cart-pro-detail a { width: 100%; text-align: center; margin: 0px !important; }
	.cart-pro-detail a:first-child { margin-bottom: 5px !important; }
	.slick-criteria .slick-slide { border: none; }
	.box-product .name-product { font-size: 13px; margin-bottom: 4px; }
	.criteria-num-title { font-size: 14px; }
	.box-product .name-product span { -webkit-line-clamp: 2; line-height: 1.4; }
	.title-main { margin-bottom: 10px; }
	.title-main span { font-size: 22px; }
}
@media (max-width:372px) {
	.criteria-num-item { width: 46% !important; }
}