@media screen and (max-width:1100px) {
    .right-header{width: auto;display: block;}
    div.header{padding: 0px 10px;background: #BF1E2E;}
    div.header a.logo img{height: 80px;}
    div.menu ul{display: none;}
    div.mxh_top{display: none;}
    .menu_baophu { background: #000; opacity: 0.8; z-index: 998; left: 0px; top: 0px; position: fixed; width: 100%; height: 100%; display: none; }
    .icon_menu_mobi {color: #fff;font-size: 16px;text-decoration: none;display: block;cursor: pointer;display: block;cursor: pointer;float: left;text-align: left;display: flex;align-items: center;}
    .icon_menu_mobi i {float: left;margin-right: 9px;/* margin-top: 12px; */}
    div.menu_mobi {display: block;color: #fff;font-size: 18px;text-decoration: none;display: block;/* padding: 0px 10px; */cursor: pointer;display: block;/* height: 40px; *//* line-height: 40px; */cursor: pointer;}
    div.menu_mobi_add { display: block; position: fixed; left: -100%; top: 0; background: #df001f; z-index: 99999; color: #fff; height: 100vh; overflow: auto; line-height: 1.5; padding-top: 40px; padding-bottom: 20px; width: 85%; min-width: 140px; max-width: 440px; box-shadow: inset -4px 0px 8px rgba(0, 0, 0, 0.3); transition: 0.5s; }
    div.menu_mobi_active { left: 0; transition: 0.5s; }
    div.menu_mobi_add ul { list-style: none; }
    div.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 10px; margin-left: 20px; font-size: 13px; position: relative; text-align: left; text-transform: uppercase; }
    div.menu_mobi_add ul li a.active2 { color: yellow; }
    div.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); }
    div.menu_mobi_add ul li a.active2 i { transform: rotate(0deg); border-left: 1px solid rgba(255, 255, 255, 0.2); }
    div.menu_mobi_add ul ul { display: none; }
    div.menu_mobi_add ul li ul li a { padding-left: 20px; }
    div.menu_mobi_add ul li ul li ul li a { padding-left: 40px; }
    .close_menu { position: absolute; top: 5px; right: 7px; font-size: 15px; background: rgba(255, 255, 255, 0.2); width: 25px; text-align: center; line-height: 25px; cursor: pointer; }
    a.home_mobi { display: none; color: #fff; text-decoration: none; float: right; font-size: 20px; }
}
@media screen and (max-width:1024px) {
    div.menu, div.main_content, div.footer, div.copy, div.thongtin, div.wap_header, div.bao_tintuc, div.doitac, div.gioithieu { width: 97%; }
    div.menu ul li a { padding: 0px 20px; }
}
@media screen and (max-width:960px) {
    .modal-body { padding: 5px; }
    .col-2, .col-10 { width: 100%; }
    .form-group { flex-direction: column; }
    .hidden_mobi { display: none; }
    .hidden_destop { display: block; }
    div.left_gh, div.right_gh { width: 100%; float: none; }
    div.wap_menu { height: auto; float: none; padding-bottom: 1px; }
    div.menu ul { display: none; }
    
    div.header_mobi { display: block; }
    div.slider { width: 100%; padding: 0; margin: 0; }
    div#danhmuc { display: none; }
    div.right { width: 100%; float: none; }
    div.left { width: 100%; float: none; }
    div#main_footer { width: 100%; float: none; }
    div#thongke { width: 100%; float: none; margin-top: 20px; }
    div.tt_lh { width: 100%; float: none; }
    div.bando { width: 100%; float: none; }
    .menu_login { display: none; }
    div#fanpage-foot { float: none; width: 100%; margin-top: 20px; }
    .box_news a img { max-width: 120px !important }
    div.wap_sanpham_tc .list { grid-template-columns: 1fr 1fr 1fr; }
    div.wap_sanpham { grid-template-columns: 1fr 1fr 1fr; }
    div.wap_footer { background-size: auto 100%; }
    div.copy-right { padding: 10px; }
    .copy-right .wap_1200{flex-direction: column;text-align: center;}
    div.copy-right .cop-l { width: 100%; }
    .list_thongke{width: 100%;}
    .list_thongke li{padding: 5px 7px 0px;}
    div.copy-right .cop-r { width: 100%; text-align: left; }
    div#main_footer .ten { font-size: 19px; }
    .td_ft { font-size: 17px; }
    div.box-gioithieu .ten-gt { font-size: 25px; }
    div.header { position: relative; left: 0; width: 100%; height: auto; }
    div.mxh_top { display: none }
    div.main_content {width: 100%;float: none;padding: 0px 10px 20px;}
    div.box-gioithieu, div.box-tuyendung { padding: 25px 10px; }
    div.gioithieu-l, div.tuyendung-r { width: 100%; margin-top: 14px; }
    div.gioithieu-r, div.tuyendung-l { width: 100%; }
    
    .chay-duan .slick-next { right: 20px; top: 26%; }
    .chay-duan .slick-prev { left: 20px; top: 26%; }
    div.chay-duan div.item-duan { margin: 10px 5px; }
    div.box-duan { padding: 25px 5px; }
    .box-video .h-l-v { width: 100%; }
    .box-video .h-r-v { width: 100%; margin-top: 3px; }
    div.box-tintuc { padding: 25px 10px; }
    div.grid_news { grid-gap: 10px 10px; }
    div.grid_news .box_news img { width: 100%; margin-bottom: 10px; width: 100%; max-width: 100% !important; }
    .grid_doitac { grid-template-columns: 1fr 1fr 1fr; }
    .wap_in { padding: 20px 10px; grid-gap: 19px 10px; }
    div.box_duan { grid-template-columns: 1fr 1fr; grid-gap: 16px 10px; }
    div.tieude_giua { font-size: 17px; }
    .mn_m { display: block }
    .mn_d { display: none !important; }
    div.menu_mobi_add ul li ul li.li_cap2 { width: 50%; float: left; }
    div.menu_mobi_add ul li ul li.li_cap1 a { border-bottom: 1px solid #fff; text-transform: uppercase; color: #000; font-family: 'muli-b'; }
    div.menu_mobi_add ul li ul li.li_cap1 ul li a { color: #fff }
    div.menu_mobi_add ul li ul li.li_cap2 a { color: #fff }
    div.box-tin-video { padding: 20px 10px; }
    div.grid_tuyendung { grid-template-columns: 1fr 1fr; grid-gap: 20px 10px; }
    .info-product{padding-top: 0px;}
    .name-product{padding-bottom: 15px;margin-bottom: 10px;}
    .name-product a{font-size: 20px;}
    .desc-product{font-size: 14px;margin-bottom: 15px;}
    .desc-product.text-split{-webkit-line-clamp: 4;}
    .readmore-product{line-height: 36px;font-size: 14px;}
    .box-footer:nth-child(1){width: 100%;margin-bottom: 20px;margin-right: 0px;}
    .box-footer:nth-child(2){width: 35%;}
    .box-footer:nth-child(3){width: 60%;}
    ul.ul-footer li{margin-bottom: 10px;}
}
@media screen and (max-width:768px) { 
    .wrap-about{padding: 25px 10px;}
    .title-about{padding-bottom: 10px;margin-bottom: 15px;}
    .title-about p{font-size: 15px;}
    .title-about span{font-size: 22px;}
    .desc-about{font-size: 14px;margin-bottom: 15px;}
    .readmore-about{padding: 7px 15px;}
    .wrap-product{padding: 25px 10px;}
    p.tieude_tc { font-size: 22px; }
    .box-product{margin-bottom: 25px;}
    .wrap-album{padding: 25px 0px;}
    .wrap-album .content-main{flex-direction: column;}
    .left-album{width: 100%;margin-bottom: 15px;}
    .right-album{width: 100%;}
    .box-album span{font-size: 14px !important;padding: 40px 10px 10px;}
    .wrap-bottom{background: #F6F6F6;padding: 0px;}
    .wrap-bottom .wap_1200{flex-direction: column;}
    .left-bottom{width: 100%;background: background: #F6F6F6;padding: 25px 10px;}
    .right-bottom{width: 100%;background: #E3E3E3;padding: 25px 10px;}
    .title-bottom{margin-bottom: 15px;}
    .title-bottom span{font-size: 20px;margin-bottom: 5px;}
    .title-bottom p{font-size: 14px;}

}
@media screen and (max-width:700px) { }
@media screen and (max-width:603px) {
    div.search { position: relative; right: auto; top: auto; background: #fff; border-radius: 2px; height: 30px; width: 100%; }
    div.header a.logo {  }
    div.header .logo_mobi { display: block; margin: auto; width: 100%; line-height: 0; }
    div.thongtin span { display: none; }
    div.box_news {width: 100%;margin: auto;margin-bottom: 15px;}
    div.tintuc { width: 100%; float: none; }
    div.video, div.fanpage { width: 100%; float: none; margin-left: 0; margin-top: 20px; }
    div.wap_sanpham_tc .list { grid-template-columns: 1fr 1fr; }
    div.wap_sanpham { grid-template-columns: 1fr 1fr; }
    .zoom_slick { width: 90%; max-width: 450px; float: none; margin: auto; }
    .product_info { width: 100%; margin-top: 10px; }
    .gh_an { display: none; }
    .box-product{flex-direction: column !important;overflow: hidden;}
    .pic-product{width: 100%;margin-bottom: 10px;}
    .info-product{width: 100%;}
    .name-product a{font-size: 18px;}
    .box-footer:nth-child(1){flex-direction: column;}
    .box-footer:nth-child(2){width: 100%;margin-bottom: 20px;}
    .box-footer:nth-child(3){width: 100%;}
    .logo-footer{width: 100%;margin-bottom: 15px;text-align: center;}
    .contact-footer{width: 100%;}
}
@media screen and (max-width:460px) {
    div.wap_copy { margin-bottom: 45px; }
    #toptop { bottom: 46px; }
    div.doitac img { height: 60px; }
    div.tieude_giua, div#main_footer .ten { font-size: 20px; }
    .map_description { width: 100%; }
    .box_news h3 a { font-size: 14px; }
    .right-album .box-album{flex: 0 0 100%;max-width: 100%;margin-bottom: 15px;}
    .item-contact-bottom{font-size: 16px;}
}
@media screen and (max-width:376px) {
    div.item .sp_gia span.giacu { float: none; display: block; }
}
@media screen and (max-width:320px) { }