@media (max-width:1024px){
.header .header-top{display:none}
.banchay_list{display:none}
.footer-powered{text-align:center}
#footer-map{height:30vh}
.filter_block ul{display:none}
.footer-news{margin-bottom:1rem}
}
@media (max-width:870px){
.boxNews{grid-template-columns:repeat(2,1fr);gap:15px}
.map_container{margin-bottom:15px}
.videofanpage_flex{flex-direction:column;gap:40px}
.fanpage_wrap,.video_wrap{width:100%}
.list_monnb button{font-size:19px}
.list_monnb{gap:15px 25px}
.spacer{margin:40px 0}
.spacerd{padding:40px 0}
.header__slogan{max-width:100%}
.header_flex{flex-direction:column}
.header__item,.socialh{display:none}
.icon-minicart{display:none}
.grid_baiviet{grid-template-columns:repeat(1,1fr)}
div.wap_copy{justify-content:center}
.header{display:none}
.menu{display:none}
.menu-res{display:block}
.comment-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.comment-item-poster{width:auto;margin-right:0;margin-bottom:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.comment-item-letter{width:40px;height:40px;line-height:40px;font-size:13px;margin-bottom:0}
.comment-item-name{margin-bottom:0;margin-left:10px;margin-right:10px}
.comment-item-information{width:100%}
.price-procart{display:none}
.price-procart-rp{display:block}
.quantity-procart{text-align:right}
.logo-mb{display:inline-block;text-align:center}
@-webkit-keyframes my{
0%,100%{opacity:1}
50%{opacity:0}
}
@-moz-keyframes my{
0%,100%{opacity:1}
50%{opacity:0}
}
@-o-keyframes my{
0%,100%{opacity:1}
50%{opacity:0}
}
@keyframes my{
0%,100%{opacity:1}
50%{opacity:0}
}
#arcontactus,#messages-facebook,.hidden_mobi{display:none}
.hidden_destop{display:block}
.menu_baophu{background:#000;opacity:.8;z-index:998;left:0;top:0;position:fixed;width:100%;height:100%;display:none}
.icon_menu_mobi{color:var(--maincolor);font-size:25px;text-decoration:none;width:35px;display:block;cursor:pointer;margin:0;text-align:center}
a.home_mobi{color:#fff;text-decoration:none;float:right;font-size:20px}
.logo-mobi{width:calc(100% - 100px);float:left;display:block;text-align:center;padding:5px 0}
.logo-mobi img{max-width:120px}
a.phone_mobi{color:#fff;text-decoration:none;float:left;font-size:18px}
a.phone_mobi i{margin-right:12px;-webkit-animation:.7s infinite my;-moz-animation:.7s infinite my;-o-animation:.7s infinite my;animation:.7s infinite my}
.search-res{position:relative;width:40px}
.search-res .icon-search{width:40px;height:40px;cursor:pointer;text-align:center;line-height:42px;color:var(--maincolor);font-size:17px;margin:0}
.search-res .icon-search.active{background:var(--maincolor);border-radius:100%;color:#000;border:solid 1px var(--maincolor)}
.search-res .search-grid{position:absolute;top:78px;right:0;width:0;height:38px;overflow:hidden;z-index:2;opacity:0;border-radius:25px;line-height:normal;border:none}
.search-res .search-grid p{float:left;width:35px;height:38px;cursor:pointer;outline:0;border:none;margin:0;font-size:17px;display:block;color:#000;line-height:40px;text-align:center;background:var(--maincolor)}
.search-res .search-grid input{width:calc(100% - 35px);float:right;line-height:38px;outline:0;border:none;color:#fff;font-size:13px;text-indent:10px;background:#242424}
.search-res .search-grid input::-webkit-input-placeholder{color:#ccc}
.search-res .search-grid input:-moz-placeholder{color:#ccc}
.search-res .search-grid input::-moz-placeholder{color:#ccc}
.search-res .search-grid input:-ms-input-placeholder{color:#ccc}
.menu_mobi{color:#fff;font-size:18px;text-decoration:none;padding:0 10px;width:100%;display:flex;align-items:center;justify-content:space-between;height:100%;cursor:pointer;position:sticky;top:0;z-index:990;background:#000}
.menu_mobi_add{position:fixed;top:0;left:-100%;bottom:0;width:480px;max-width:85%;background:url(../images/custom/main_bg.png),#000;box-shadow:0 0 10px rgba(0,0,0,.05);transition:.5s;z-index:999}
.menures_inner{display:flex;flex-direction:column;position:absolute;top:0;bottom:0;height:100%;width:100%}
.menures_header{padding:15px;position:relative;background:#000;display:flex;align-items:center;justify-content: center;}
.menures_content{padding:15px;position:relative;overflow-y:scroll;height:100%;-webkit-overflow-scrolling:touch;-ms-scroll-chaining:none;overscroll-behavior:none}
.menu_mobi_active{left:0;transition:.5s}
.menu_mobi_add ul{list-style:none;padding:0;margin:0}
.menu_mobi_add ul li.li-tim{display:none}
.menu_mobi_add ul li h2{font-size:17px;margin-bottom:0}
.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{color:#fff;display:block;border:1px solid rgb(132 132 132 / 20%);padding:10px 40px 10px 10px;position:relative;font-size:15px;margin-bottom:12px;border-radius:5px;transition:.5s!important;font-weight:500}
.menu_mobi_add ul li a.active2{color:#000;box-shadow:0 0 0 25px var(--maincolor) inset}
.menu_mobi_add ul li a i{position:absolute;right:10px;transform:rotate(90deg);width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:12px;background:var(--maincolor);color:#000;border-radius:50%;top:10px}
.menu_mobi_add ul li a.active2 i{transform:rotate(0);border-left:1px solid rgba(255,255,255,.2);background:#000;color:var(--maincolor)}
.menu_mobi_add ul ul{display:none;padding-left:15px;margin:5px 0 10px 0}
.menu_mobi_add ul li ul li a{padding-left:20px;color:#fff}
.menu_mobi_add ul li ul li ul li a{padding-left:20px}
.menu_mobi_add ul li:last-child a{margin-bottom:0}
.thongtin-mb ul li{list-style:none;color:#fff;font-weight:500;margin-bottom:15px}
.thongtin-mb ul li:last-child{margin-bottom:0}
.thongtin-mb ul li i{font-size:19px;margin-right:10px;color:var(--maincolor)}
.close_menu{color:var(--maincolor);display:inline-block;cursor:pointer;font-size:25px;position:absolute;top:10px;right:10px;width:25px;line-height:25px;text-align:center}
.menures_footer{padding:15px;margin-top:auto;background:#000}
.search{width:97%;margin:10px auto auto;border:1px solid #ed961a;display:none}
.boxProduct{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.wrap-main{overflow:hidden}
.name-product.text-split{font-size:15px}
.left-intro{width:100%}
.footer-news:nth-child(1){width:100%}
.footer-news:nth-child(2),.footer-news:nth-child(3),.footer-news:nth-child(4),.right-intro{width:49%;margin-top:15px}
.cart-product span{width:100%;margin:2px 0}
.cart-pro-detail a{width:100%}
.cart-pro-detail a:first-child{margin-right:0;margin-bottom:.5rem}
.cart-pro-detail a i{display:none}
.header-bottom .wrap-content{padding:10px}
.js-facebook-messenger-box,.scrollToTop{right:5px}
.cart-fixed{bottom:350px}
.wrap-cart{flex-wrap:wrap}
.bottom-cart,.top-cart{width:100%;border-right:0;margin-right:0;padding:0 15px}
.top-cart{margin-bottom:30px}
.copyright,.statistic{width:100%}
.footer-powered .wrap-content{flex-wrap:wrap;padding:10px}
.btn-map{bottom:230px;right:10px;display:none}
div.box-tintuc-video{padding:20px 10px}
.form_contact_input,.form_contact_name{width:100%}
.form_contact_name{border:solid 1px #e2e2e2!important;padding:10px}
.form_contact_input{padding:10px 0}
.grid-contact{display:grid;grid-template-columns:100%;gap:30px}
.grid-pro-detail{display:grid;grid-template-columns:100%;gap:15px}
.grid-pro-detail2{display:grid;grid-template-columns:100%;gap:15px}
.progress-wrap{right:10px;bottom:80px}
.addThis_networkIcon,.hotline-phone-ring-wrap{display:none}
.boxProduct{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.product-image-details{width:100%}
.news .news-image{margin-bottom:1rem}
.name-procart a,.procart-label{font-size:13px}
.top-contact{flex-wrap:wrap;padding:0 15px}
.left-pro-detail,.right-pro-detail,.top-contact .article-contact,.top-contact .form-contact{width:100%;margin:0;position:relative;top:auto}
.left-pro-detail,.top-contact .article-contact{margin-bottom:30px}
.price-procart,.procart-label .quantity-procart p:first-child{display:none}
.price-procart-rp,.procart-label .quantity-procart p:last-child{display:block}
.quantity-procart{width:25%;text-align:right;margin-right:0}
.info-procart{width:65%}
}
@media (max-width:600px){
.footer-article{padding:30px 0}
.news__name.text-split{font-size:15px}
.news__info{padding:10px}
.title-main span{font-size:70px}
.product__hotline{line-height:32px}
.list_monnb button{font-size:15px}
.boxProduct{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.footer-news:nth-child(1),.footer-news:nth-child(2),.footer-news:nth-child(3),.footer-news:nth-child(4){width:100%;margin-top:15px}
.control_slide{display:none}
}
@media (max-width:480px){
.title-main.withBgText{padding-top:33px}
.title-main span{font-size:60px}
.title-main h2{font-size:30px}
.name-news.text-split{font-size:14px;line-height:20px}
.desc-news{font-size:13px;line-height:20px}
.time-news{font-size:12px}
.name-product.text-split,.price-new{font-size:14px}
}