/* Reponsive */

@media(min-width: 1320px){
    .container.list_content{ width: 1290px !important; margin: 0 auto}
}
@media (max-width: 1240px) {
    .timkiem{ margin-right: 0px;  margin-top: 27px;}
}
@media (min-width: 1200px) {
    .container{ width: 1200px; margin: 0 auto}
    .box-newssp:nth-child(4n){margin-right: 0;}
    .box-newssp:nth-child(4n+1){clear: both;}
    .box-news:nth-child(2n){margin-right: 0;}
    .box-news:nth-child(2n+1){clear: both;}
    .w-sub .item:nth-child(3n){margin-right: 0;}
    .w-sub .item:nth-child(3n+1){clear: both;}
    .box-sp:nth-child(4n){margin-right: 0;}
    .box-sp:nth-child(4n+1){clear: both !important; }
}
@media (max-width: 1222px) {
    .container{ width: 100%; padding-left: 15px; padding-left: 15px;}
}
@media (max-width: 1210px) {
    .box-gioithieu-des{ display: none;}
    .box-gioithieu-mobile{ display: block !important;}
}
@media (max-width: 1199px) {
    #container{ padding: 20px 15px;}
    .w-dichvu,#lienhe,#dichvu,#doitac,.ft-t,.ft,.banner-t,#footer,#container-tt{ padding-left: 15px; padding-right: 15px;}
    #menu{ z-index: 120;}
    .banner-ab{right: 5px;}
    #menu.fix{width: 100%;left: 0;}
    .taikhoan .left,.taikhoan .right{width: 100%;float: none; margin: 0px 0px 20px;}
    .box-sp-p{ margin:0 auto !important;}
    .menu ul li a {padding: 8px 10px}
    
}
@media (max-width: 1040px) {
    .menu-left{ display: none;}
    .menu-center{ width: calc(100% - 80px);}
    .link_web ul li{ font-size: 18px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .sm-blue a{ padding: 0px 9px !important; line-height: 50px !important;}
    .sm-blue ul a{ line-height: 30px !important;}
    .menu-r{padding-top: 8px;}
    .menu-r img{top: 17px;}
    .box-sp{width: 32.5%; }
    .box-sp:nth-child(3n){margin-right: 0;}
    .box-sp:nth-child(3n+1){clear: both;}

    .box-sp1:nth-child(4n){margin-right: 0;}
    .box-sp1:nth-child(4n+1){clear: both;}

    .banner-r-b ul li a{padding: 0px;}
    .banner-r-b ul li.has-sub{background: none;}
    .w-sub{width: 400px;}
    .w-sub .item{width: 48%;margin: 0px 4% 10px 0px;}
    .w-sub .item:nth-child(2n){margin-right: 0;}
    .w-sub .item:nth-child(2n+1){clear: both;}
    .box-vs{width: 24%;margin: 0px 1.33% 15px 0px;}
    .box-vs:nth-child(4n){margin-right: 0;}
    .box-vs:nth-child(4n+1){clear: both;}
    .box-spi{width: 24%;margin: 0px 1.33% 15px 0px;}
    .box-spi:nth-child(4n){margin-right: 0;}
    .box-spi:nth-child(4n+1){clear: both;}
    .box-sp-s{width: 100%;}
    .box-newssp{width: 24%;margin: 0px 1.33% 15px 0px;}
    .box-newssp:nth-child(4n){margin-right: 0;}
    .box-newssp:nth-child(4n+1){clear: both;}

    .box-news:nth-child(2n){margin-right: 0;}
    .box-news:nth-child(2n+1){clear: both;}
    .main-titi a { padding: 0px 20px ;}
    .main-titi > a:first-child.active {  font-size: 14px;  padding: 0px 18px 0 32px ;}
  
}
@media(max-width: 1024px) {
    .news-tc, .introduction-tc{width: 100%; float: none; margin-bottom: 20px;}
    .img-banner {text-align: left;}
    .dm-sp_mb{ display: block !important; }
    .menu_phu .li_f { display: none;}
    .menu_phu ul li a { padding-left: 5px; padding-right: 5px;}
    .info1{ text-align: center}
    .item_c1{ margin: 0 auto}
    .bn-left .info {
        margin-top: 15%;
    }
    

}
@media (min-width: 992px) {
    .sub-arrow{display: none !important;}
}

@media (max-width: 991px) {
    #smenu{display: block; position: absolute; top: 65px; right: 5px; z-index: 99}
    #smenu a{font-family: RB; color: #FF0; font-size: 18px;}
    #menu,#banner{position: static !important;}
    .menu-l{width: 100%;float: none; margin: 0px;}
    #menu, .menu,.banner-r,.banner-ab{display: none;}
    .right{ display: block; margin-top: 15px; width: 100%; text-align: center;}
    .right #order-detail{ max-width: 400px; margin: 0 auto; margin-bottom: 20px; float: none !important;}
    .banner-l{width: 100%;float: none;}
    .left{width: 100%;float: none;}
    .box-news{width: 100%;float: none; margin: 0px 0px 20px 0px;}
    .taikhoan .left{display: block !important;}
    #slide{margin: 0px;}
    .menu-des{ display: none !important; }
    .box-menu{ display: block !important;}
    .line{ display: none !important;}
    #menu{ background: none;}

    .menu-col-l{ width: 100%;  float: none;}
    .menu-col-r{ display: none;}
    .col-detail-r{ display: none;}
    .col-detail-l{ width: 100%}
   
    .boxnametab .nametab.active {font-size: 13px !important;}
    .main-titi > a:first-child.active {font-size: 13px !important;}
    .khung-timkiem{ position: relative;top: 0;right: calc(50% - 145px); text-align: center; z-index: 999;width: 100%;}
    .hotline{  display: none}
    .timkiem{ display: none;}
    .menu-left{ width: 100%; text-align: center;}
    .menu-right{ width: 100%;}
    .menu-right .des{ display: none}
    .menu-right ul.sm-blue  li a{ text-align: left !important; text-transform: none !important}
    #banner-top {display: none;}
    .ft-1, .ft-2, .ft-3, .ft-4{ margin-left: 0px;}
    .ft-1, .ft-3{ width: calc(60% - 15px); margin-right: 15px;margin-bottom: 15px;}
    .ft-2, .ft-4{ width: 40%; margin-right: 0; margin-bottom: 15px;}
    .ft-2:after{clear: both;content: ''; }
    .main-titl{display: block !important}
    .box-tinnb h3 a { font-size: 15px;}

    .smenu,#menu-mobile{ display:block;}
    .menu-header{   
        border-top: none;
    }
    .main-home{
        padding: 0px 10px;
    }
    .col-lienhe1{ margin-bottom: 20px;}
    .ft-3{ display: none !important;}
    .col-news-left, .col-video-left{ width: calc(50% - 20px);}
    .col-tin-l, .col-tin-r{ width: 100% ; margin-right: 0px; margin-bottom: 20px;}
    .tintuc_video{ background: #FFF !important; color: #000 !important}
    .name-news-tc a { color: #000}
    .main-tit-l { font-size: 19px !important}

    .box-info-dv{ display: none;}
    .box-logo{ background: transparent;left: 5.5%}
    .box-dangky .email-dk-l{ display: none;}
    .box-dangky .email-dk-r{ width: 100%; padding-left: 15px; padding-right: 15px;}
    .col-e-l {width: calc(100% - 130px);}
   
    .col-tin-tc{ width: calc((100% - 30px)/2); margin-right: 30px;}
    .col-tin-tc:nth-child(1){ width: 100%; margin-bottom: 20px; margin-right: 0px;}
    .col-tin-tc:nth-child(3){ margin-right: 0px;}
    .cont_dm_mb .item{ width: 50%; float: left; border: solid 3px #fff; box-sizing: border-box; position: relative;}

    .timeline{list-style:none;/*padding:5px 0 20px*/;position:relative; margin-left: 0px; width: 100% !important; float: left; margin-right: 0px}

    .box-news-tc{ width: 100%; margin-right: 0px; }
}
@media (min-width: 768px) and (max-width: 991px){
    .box-sp{width: 32.5%; }
    .box-sp:nth-child(3n){margin-right: 0;}
    .box-sp:nth-child(3n+1){clear: both;}
    .box-newssp:nth-child(3n){margin-right: 0;}
    .box-newssp:nth-child(3n+1){clear: both;}
    .box-duan,.box-tk{width: 33.3%;}
    .main-tit h3,.i-tit h2{font-size: 24px;}
    .box-spi{width: 30.3%;margin: 0px 4.5% 15px 0px;}
    .box-spi:nth-child(3n){margin-right: 0;}
    .box-spi:nth-child(3n+1){clear: both;}
    .box-newssp{width: 30.3%;margin: 0px 4.5% 15px 0px;}
    .box-newssp:nth-child(3n){margin-right: 0;}
    .box-newssp:nth-child(3n+1){clear: both;}
    .menu-c2{ display: none;}
}
@media(max-width: 850px){
    .logo img { width: 130px !important;}
}
@media(min-width: 800px){
    .box-gioithieu-mobile .cont_dm{ padding: 10px !important}
    .box-gioithieu-mobile .cont_dm .item{ width: calc((100% - 30px)/3) ; float: left; margin: 10px auto !important; margin-right: 15px !important }
    .box-gioithieu-mobile .cont_dm .item:nth-child(3n){margin-right: 0px !important;}
    .box-gioithieu-mobile .cont_dm .item img{ width: 100%}
}
@media(max-width: 800px){
    .main-tintuc, .main-video{ width: 100%; margin-right: 0px; margin-bottom: 20px; padding-left: 15px; padding-right: 15px;}
    .cont-tuyendung{ min-height: auto !important}
    .title-gt{ margin-bottom: 20px !important; font-size: 24px;}
    .gt-right {
        padding-top: 30px;
    }
    .logo-mobile, .info-mobile{ display: block !important}
    .logo-mobile img{ width: 135px; margin-left: 20px; padding: 5px;}
    .bn-left{ display: none;}
    .cont-chinhanh .location { font-size: 15px;}
    .box-gioithieu-mobile .cont_dm{ padding: 10px !important}
    .box-gioithieu-mobile .cont_dm .item{ width: 48% !important; float: left !important; margin: 10px auto !important;}
    .box-gioithieu-mobile .cont_dm .item:nth-child(2n){ float: right !important;}
    .box-gioithieu-mobile .cont_dm .item img{ width: 100%}

}

@media (max-width: 768px) {
    .ft-1,.ft-2,.ft-3{width: 100%;float: none; margin: 0px 0px 20px 0px;}
    .shotline,.banner-t{display: none;}
    .gt-info{ padding: 0px 15px; background: #FFF;}
    .ct-l,.ct-r,.lh-l,.lh-r{width: 100%;float: none; margin: 0px 0px 15px 0px;padding: 0; border: none;}
    .lienhe-l,.lienhe-r{width: 100%;float: none;}
    .lienhe-l .button{display: none;}
    .main-tit h3,.i-tit h2{font-size: 15px;}
    .box-newssp h3{font-size: 18px;}
    .amazingslider-description-1,.amazingslider-title-1,#sanphaml{display: none !important;}
    #doitac .item,.ft-t-1,.ft-t-2,.ft-t-3,.ft-1,.ft-2,.ft-3,.ft-4{width: 100%;float: none; margin: 0px 0px 20px 0px;display: block; text-align: center;}
    .ft-4{ display: none}
    .ft-2 ul li{ background: none !important;}

    .ct-img-list{ width: 50px; }
    .bft-l { width: 100%; float: none; margin-bottom: 15px;}
    .bft-r { width: 100%; float: none; }
    .menu-r{ display: none;}
    .logo{ position: relative; width: 100% ; text-align: center; float: none; top:0px;}
    .box-bv { position: relative; text-align: center;}
    .img-banner img{ max-width: 100%}
    .hotline{  display: none}
   
    #footer-bottom .fb_left { text-align: center !important;}
    #footer1{ display: block !important}
    .title_fb{ background-position: center bottom;}
    .fb_left, .fb_right{ width: 100% !important; margin-bottom: 10px; text-align: center !important;}
    .fb_right{ margin-bottom: 80px;}
    .bn-left, .bn-right{ width: 100%; margin-right: 0px;}
    .bn-left .info { font-size: 23px !important; line-height: 35px; text-align: center;}
    .br_none {display: none !important;}
    .link_web { text-align: center; margin-top: 20px;}
    .bn-right img { margin-top: 5px;}
    .img-banner{ text-align: center;}
    .map-left, .map-right{ width: 100%; }
    .box-tinn.box-newssp{ width: 48%; margin-right: 4%; }
    .box-tinn.box-newssp:nth-child(2n){ margin-right: 0px;}
    .box-tinn.box-newssp:nth-child(2n+1){ clear: both;}
    .logo-menu img{ width: 110px;}
    .map-left{ height: auto !important}

}
@media (max-width: 750px) {
    .i-f{
        text-align: center !important; 
    }
    .i-f li{ list-style: none !important;}
    .copyright, .thongke_f{ text-align: center !important; width: 100% !important}
    .hotro_des{ display: none;}
    .col-tin-left, .col-tin-right{ width: 100%; float: none; margin-right: 0px; margin-bottom: 20px}
    .xemthem2 a { font-size: 18px; padding: 12px 15px;}
    .xemthem a { font-size: 13px;}
    #banner{min-height: 90px !important}
}

@media (max-width: 680px) {
    .li_con{ display: block !important;}
    .cont-left{ display: none;}
    .cont-right{width: 100% ; float: none; text-align: center;}
    .se-bot div input[type="text"] { width: 400px;}
    .box-plugin{ display: none !important}
    .banner-bot { text-align: center;}
    .banner-bot img{ max-width: 100% !important}
    /*.lang_mb{ display: block; text-align: center; width: 100%}*/
    .col-news-left, .col-video-left{ width: calc(100%); margin-right: 0px; margin-bottom: 20px}
    .col-tin,.col-tin-tc{ width: 100% !important; margin-right: 0px; margin-bottom: 20px;}
    .box_list .item { width: 100%; margin-bottom: 20px; margin-right: 0px;}
    .box-sp{width: 48%; }
    .box-sp:nth-child(2n){margin-right: 0;}
    .box-sp:nth-child(2n+1){clear: both;}
    .cont_spnb{ padding: 0px 15px;}
    .content_home{ bottom: 130px;}
}
@media (max-width: 580px) {
    .banner-top{display: none;}
    .li_mb{ display: block !important;}
    .box-gioithieu-mobile .cont_dm .item{ width: 95% !important; float: none !important; margin: 10px auto !important;}
    .box-gioithieu-mobile .cont_dm .item img{ width: 100%}
    .info2{ display: none !important; }

}
@media (min-width: 480px) and (max-width: 767px){
    .box-spi{width: 48%;margin: 0px 4% 15px 0px;}
    .box-spi:nth-child(2n){margin-right: 0;}
    .box-spi:nth-child(2n+1){clear: both;}
    .box-newssp{width: 48%;margin: 0px 4% 15px 0px;}
    .box-newssp:nth-child(2n){margin-right: 0;}
    .box-newssp:nth-child(2n+1){clear: both;}
    ul#grid > li{width: 48%; margin-right: 4%;}
    ul#grid > li:nth-child(2n) {margin-right: 0px;}
    ul#grid > li:nth-child(2n+1) {clear: both;}
    
   
}
@media (max-width: 480px) {
    .box-sp{width: 100%; margin: 0px 0px 20px 0px;}
    .pro_left{ width: 100%; float: none !important; margin-bottom: 10px;}
    .pro_left:after{ clear: both;}
    .pro_right{ width: 100%; float: none !important; }
    .box-item-us{ width: 100%; float: none; margin-right: 0px;margin-bottom: 15px;}
    .hinh-in, .noidung-in{ width: 100%; float: none; margin-right: 0px;}
    .noidung-in{ margin: 10px;}
    .box-news-img{ width: 100%; margin-bottom: 20px; margin-right: 0px; float: none;}
    .box-news-img img{ width: 100%}
     #smenu{display: block; position: absolute; top: 60px; right: 5px; z-index: 99}
    .support_home .items { width: 100%; margin-right: 0px; margin-bottom: 15px;}
    .slick-doitac .box-dt{ text-align: center;}
    .i-mail { width: 250px}
    .product_price-info {display: none;}
    
     .se-bot div input[type="text"] { width: 95%; margin: 0 auto;}
    .box-news-tc { width: 100%; margin-bottom: 20px; margin-right: 0px;}
    .box-spi, .box-newssp{width: 95% !important;margin: 0px auto 15px !important; float: none}
    
    .item_banner img{ width: 200px;}
    .box-tinn.box-newssp{ width: 100%; margin-right: 0%; }
    .name-news-tc a{ font-size: 18px !important; line-height: 26px;}
    .mota_tin{ font-size: 13px; line-height: 20px;}
    .list-menu .list .item { font-size: 14px;}
    .list-menu .list > div { padding: 5px;}
    .product-btn-buy div.addnowkm { font-size: 13px;}
    .pro_item_monan .name{
        width: calc(100% - 140px) !important;
        height: 100%;
        padding-top: 10px; 
        float: left;
        text-align: left; 
    }
    .pro_item {
        padding-bottom: 10px;
        margin-bottom: 10px;
        display: block;
        width: 100%;
        float: left;
    }
    .pro_item_monan .box-size.box-size-monan {
        width: 140px !important;
        float: right;
        position: relative;
        right: 0px;
        top: 0px;
        margin-top: 10px; 
    }
    .cont-chinhanh .location { font-size: 13px;}
}

@media (min-width: 375px) and (max-width: 767px){
    /*.box-sp{width: 50%;}*/
    .box-sp:nth-child(2n){margin-right: 0;}
    .box-sp:nth-child(2n+1){clear: both;}
    .box-newssp{width: 48%;margin: 0px 4% 15px 0px;}
    .box-newssp:nth-child(2n){margin-right: 0;}
    .box-newssp:nth-child(2n+1){clear: both;}
    .main-tit h3,.i-tit h2{font-size: 18px;}
    .box-vs{width: 48%;margin: 0px 4% 15px 0px;}
    .box-vs:nth-child(2n){margin-right: 0;}
    .box-vs:nth-child(2n+1){clear: both;}
    
    /*.box-spi:nth-child(2n){margin-right: 0;}
    .box-spi:nth-child(2n+1){clear: both;}*/
    .box-sp-s{width: 100%;}

    
}

@media (max-width: 374px) {
    .lh-con-l,.lh-con-r{width: 100%;float: none;margin: 0px; padding: 0px;}
    .lh-con-r{margin-bottom: 10px;}
    .box-sp{width: 90%; margin: 0px 5% 20px;float: none;}
    .box-newssp{width: 90%; margin: 0px 5% 20px;float: none;}
    .box-vs{width: 90%; margin: 0px 5% 20px;float: none;}
    .box-spi{width: 90%; margin: 0px 5% 20px;float: none;}
    .box-newssp{width: 90%; margin: 0px 5% 20px;float: none;}
    .hotline_top{ display: none;}
    
}