/* Responsive */
@media(max-width:1024px) {
.visao .hinh-nen { left: 35%; }
.gioithieu .hinh-gt { width: 60%; margin-right: 0; }
.menu { display: none; }
.menu-res { display: block; }
.name-product.text-split { -webkit-line-clamp: 2 !important; }
.search { display: none; }
.hotline-header, .social-header { display: none; }
.search-res { display: block; }
.header-right { display: flex; align-items: center; gap: 15px; }
.header { padding: 5px 0px; }
.logo-header img { max-height: 60px; }
.banner-header img { max-height: 30px; }
.danhmuc { width: 100%; }
.danhmuc > a > h2 { background: none; color: #333 !important; font-size: 15px !important; }
.danhmuc > a > h2::after { display: none; }
/*  -- menu mobile ---*/
.mm-panel { }
.mm-navbar_sticky { }
.menu_mobi_add { }
.menu_mobi_add ul { list-style: none; }
.menu_mobi_add ul li { }
.menu_mobi_add ul li h2 { font-size: 15px; margin-bottom: 0px; }
.menu_mobi_add ul li b { display: inline-block; vertical-align: top; margin-right: 8px; }
.menu_mobi_add ul li b img { display: inline-block; vertical-align: top; }
.menu_mobi_add ul li a { text-decoration: none; color: #fff; display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 10px 40px 10px 0; margin-left: 20px; font-size: 13px; position: relative; text-transform: uppercase; }
.menu_mobi_add ul li a.active2 { color: #ec2d3f; }
.menu_mobi_add ul li a i { position: absolute; height: 100%; right: 0; top: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); width: 40px; text-align: center; padding-top: 13px; transform: rotate(90deg); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.menu_mobi_add ul li a.active2 i { transform: rotate(0deg); border-left: 1px solid rgba(255, 255, 255, 0.2); }
.menu_mobi_add ul ul { display: none; padding-left: 0; }
.menu_mobi_add ul li ul li a { padding-left: 20px; }
.menu_mobi_add ul li ul li ul li a { padding-left: 40px; }
.wrap-slider { padding: 10px 0px 0px; }
.header { position: sticky; top: 0px; z-index: 999; box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%); }
.slick-right-slider .slick-slide { margin-bottom: 10px; }
}
@media(max-width:992px) {
.wrap-product-list { padding: 30px 10px; }
.owl-product-list .owl-dots { margin-top: 20px; }
.left-product { display: none; }
.right-product { width: 100%; }
.wrap-product-category { padding: 30px 10px; margin-bottom: 30px; }
.info-product { padding: 10px 0px 0px; }
.name-product a { font-size: 15px; }
.title-index { flex-wrap: wrap; }
.title-index span { font-size: 16px; width: 100%; border-radius: 10px !important; line-height: 22px; }
.title-index span::after { display: none; }
.tab-product { width: 100%; justify-content: flex-end !important; }
.wrap-gioithieu { margin-bottom: 30px; }
.wrap-gioithieu .wap_1200 { padding: 30px 10px; }
.title-gioithieu span { font-size: 25px; }
.title-gioithieu strong { font-size: 50px; line-height: 60px; }
.mota-gioithieu { font-size: 14px; }
.hotline-gioithieu span { font-size: 20px; }
.xemthem-gioithieu { font-size: 14px; padding: 7px 15px; }
.title-main { margin-bottom: 15px; padding-bottom: 5px; }
.title-main span { font-size: 22px; }
.wrap-news { margin-bottom: 30px; }
.info-news-best { padding: 10px; }
.date-news-best { font-size: 14px; }
.info-news-best h3 a { font-size: 16px; }
.info-news-best p { font-size: 14px; }
.info-blog h3 a { font-size: 15px; }
.info-blog p { font-size: 14px; }
.info-blog p.text-split { -webkit-line-clamp: 3; }
.view-blog { font-size: 14px; }
.footer-news:nth-child(1) { width: 100%; margin-bottom: 20px; }
.footer-news:nth-child(2) { width: 48%; margin-bottom: 20px; }
.footer-news:nth-child(3) { width: 48%; margin-bottom: 20px; }
.footer-news:nth-child(4) { width: 100%; }
.footer-article { padding: 35px 0px; }
.footer-powered .wrap-content { justify-content: center; }
.social-footer { width: 100%; justify-content: center; margin-top: 10px; }
.product { width: calc(25%); }
}
@media(max-width:850px) {
/*  -- menu mobile ---*/
.info-header, .hotline-header { display: none }
.search { width: 97%; margin: auto; border: 1px solid #ccc; }
div.css_flex { margin: 0 0px; }
div.css_flex_product { margin: 0 -5px; }
div.css_baiviet_ngang .news { width: calc(50% - 20px); }
.news { width: 100%; }
.btn-zalo { display: none; }
.left-intro { width: 100%; }
.right-intro { width: 100%; margin-top: 15px; }
.cart-product span { width: 100%; margin: 2px 0; }
.newshome-best { width: 100%; display: none }
.newshome-scroll { width: 100%; }
.header-bottom .wrap-content { padding: 10px; }
.list_monnb a { font-size: 14px; padding: 14px 10px; margin: 2px 3px; }
.btn-phone { display: none }
.scrollToTop, .js-facebook-messenger-box { right: 5px; }
div.box-sanpham-tc { padding: 20px 10px }
div.wap-tin-video { padding: 0 10px }
.title-intro { margin-bottom: 15px }
.newsletter-input { width: 80%; display: inline-block; vertical-align: top; }
.newsletter-button { width: 18%; display: inline-block; vertical-align: top; margin-top: 0; }
.newsletter-button input[type=submit] { padding: 0; width: 100%; line-height: 35px; }
}
@media(max-width:769px) {
.top-contact { flex-wrap: wrap; }
.left-pro-detail, .right-pro-detail, .top-contact .form-contact, .top-contact .article-contact { width: 100%; margin: 0px; }
.left-pro-detail, .top-contact .article-contact { margin-bottom: 30px; }
.visao .hinh-nen { width: 210px; height: 210px; top: 20px; }
.left-slider { width: 100%; margin-bottom: 10px; }
.right-slider { width: 100%; }
.slick-right-slider { margin: 0px -5px; }
.slick-right-slider .slick-slide { margin: 0px 5px; }
.hinh-gt { width: 100%; margin-bottom: 20px; text-align: center; }
.nd-gt { width: 100%; }
.title-gioithieu span { font-size: 20px; }
.title-gioithieu strong { font-size: 40px; line-height: 50px; }
.left-news { width: 100%; margin-bottom: 20px; }
.right-news { width: 100%; }
.product { width: calc(100% / 3); }
}
@media(max-width:576px) {
.pic-news, .info-news { display: block; width: 100%; float: none; text-align: center; margin: 0px; }
.info-news { margin-top: 15px; }
.top-contact .form-contact .button-contact .file-contact span b { max-width: 105px; }
.gioithieu .nd-gt { width: 100%; display: block; }
.gioithieu .hinh-gt { width: 100% !important; display: block; }
.sanpham .flex-bws { display: block; }
.sanpham .hinh-sp { width: 100%; }
.sanpham .sp-list { width: 100%; }
.visao .hinh-nen { display: none; }
.visao .news { width: 100%; }
.visao .tieuchi-lon .news:nth-child(1) { position: unset; }
.visao .tieuchi-lon .news:nth-child(2) { position: unset; }
.visao .tieuchi-lon .news:nth-child(3) { position: unset; }
.visao .tieuchi-lon .news:nth-child(4) { position: unset; }
.visao .tieuchi-lon .news:nth-child(4) .pic-news { float: left; }
.visao .tieuchi-lon .news:nth-child(3) .pic-news { float: left; }
.visao .tieuchi-lon .news:nth-child(1) { text-align: left; }
.visao .tieuchi-lon .news:nth-child(2) { text-align: left; }
.visao .pic-news { margin: 0; float: left; margin-right: 2%; }
.visao .news { text-align: left; }
.visao .tieuchi-lon { height: auto; }
.sanpham .sp-list .pic-product { width: 50%; margin-left: 30px; }
.sanpham .sp-list .product { text-align: center; }
.sanpham .sp-list .td-sp { width: 100%; }
.btn-zalo { bottom: 230px; }
.visao .name-news { font-size: 17px; }
.visao .tieuchi-lon .news:nth-child(3) .pic-news { margin-right: 2%; }
.visao .tieuchi-lon .news:nth-child(4) .pic-news { margin-right: 2%; }
.visao .info-news { margin-top: 25px; text-align: left; }
.slick-prev, .slick-next { display: none !important; }
.visao { overflow: hidden !important; }
.info-blog p.text-split { -webkit-line-clamp: 2; }
.footer-news { width: 100% !important; }
.product { width: 50%; }
}
@media(max-width:369px) {
.cart-pro-detail { flex-wrap: wrap; }
.cart-pro-detail a { width: 100%; text-align: center; margin: 0px !important; font-size: 12px; }
.cart-pro-detail a:first-child { margin-bottom: 5px !important; }
.cart-pro-detail a i { display: none; }
}
@media(min-width:1026px) and (max-width:1369px) {
.gioithieu .hinh-gt { width: 60%; margin-right: -40px !important; }
}