.hotline_mb{color:#fff}
.cart-fixed-mb{margin-top:10px}
.logo-header-mb{ background: var(--color-chudao); border-bottom: 1px solid #fff;
 width:100%;display:none;z-index:9999;padding:10px;}
.bd-gioithieu-mb{display:none}

.banner-header{ display: inline-block;  text-transform: uppercase; font-family: 'MoB'; color: #fff; }
.banner-header h2{ font-size: 30px; }


/* Responsive */
 
@media(max-width:1200px){
.wrap-in .content-main-dt img{width:100%!important;height:100%!important}
  .row-5,.row,.row-15,.row-10{margin:0}
  .top{padding:0 10px}
  .slick-spkm .slick-prev,.slick-spkm .slick-next{width:0!important;height:0!important}
  .slick-spkm .slick-prev:before,.slick-spkm .slick-next:before{display:none!important}
  .wrap-in,.wrap-main-k,.wrap-main,.wrap-content,.wrap-main-gt{padding-left:10px!important;padding-right:10px!important}



  .header,.box-register-email1,.footer,.bg_bgsize{background-size:auto 100% !important;min-height:auto}
 
   
  .item_tieuchi{ margin-bottom: 10px; }
 
  .all_pro .control-owl button.owl-prev{left:10px !important;        width: 25px;
        height: 25px;
        background-size: 100%;}
  .all_pro .control-owl button.owl-next{right:10px !important;        width: 25px;
        height: 25px;
        background-size: 100%;}

  .bg_dknt:before{ width: 0px; }
  .all_dknt{ width: 100%; }
  .bg_dknt  { padding: 10px 0px !important;  }
  .flex_bd_gt{ display: block; }
 
  .bd-gioithieu{ padding: 0px; height: unset; margin-bottom: 30px; }
   
   
  .all_filed .owl-prev{ left: 0px !important; }
  .all_filed .owl-next{ right: 0px !important; }
}
@media(max-width:1024px){
  .wrap-home{
    max-width: 100vw;
    overflow: hidden;
}
.app-d.active {
  opacity: 1;
  visibility: visible;
}
.app-d {
  bottom: 100%;
  top: unset;
  transform: unset;
  left: 0px;
  width: 100%;
  text-align: left;
  border-radius: 0;
  opacity: 0;
  visibility: hidden;
}
  .bg_gt,.bg_serv,.header-fixed{min-height:auto}
  .form-contact .row:nth-child(1) .input-contact{width:49%;float:left;padding:0}
  .form-contact .row:nth-child(1) .input-contact:nth-child(2){float:right}
  .form-contact .row:nth-child(2) .input-contact{width:49%;float:left;padding:0}
  .form-contact .row:nth-child(2) .input-contact:nth-child(2){float:right}
  .footer-powered{line-height:20px}
  .logo-header{padding:0;margin-top:0}
  .header-top{display:none}
  .slick-prev:before,.slick-next:before{width:0;content:''}
  .hotline{float:right}
  .search{width:60%;margin-right:10px}
  .grid_5_lg{display:grid;grid-template-columns:repeat(5,1fr)}
  .paddingg_10_lg{grid-gap:10px}
  .album_mt{display:none}
  .album_dt{display:block}
  /**/
   .footer-bottom .fl-between{display:inherit}
  /**/
       
  /**/
       .all_partner .control-owl button.owl-prev{left:0}
  .all_partner .control-owl button.owl-next{right:0}
  .title-serv:before{height:0;border-left:none}
  .title-serv{padding-top:0;margin-bottom:20px}
  .title_gt_s{display:none}
  .all_spnb .owl-prev{left:0!important}
  .all_spnb .owl-next{right:0!important}
  .bg_album{padding-top:1px!important;padding-bottom:1px!important}
  .bg_cus{padding-top:1px!important;padding-bottom:1px!important}
  .slick-pro .slick-prev{left:0;width:0}
  .slick-pro .slick-next{right:0;width:0}
  .product-slide{padding:0 5px}
  .bg_km:before{width:0}
  .bg_gt{padding-bottom:1px!important;padding-top:1px!important}
  .bg_info:before{width:0}
  .bg_partner{padding:1px 0!important}
  .left_tieuchi{width:100%}
  .right_tieuchi{width:100%;padding-left:0}
  .all_gt{display:block}
   
  .all_article1:after{width:0}
   
  .bd_article{width:100%}
   
  .image-gioithieu2{display:none}
  .bd-gioithieu-img{min-height:unset}
  .title_gt:after{font-size:100px}


  .logo_gt{ display: none; }

  .bg_tieuchi{ padding: 0px; }

  .img-kienthuc{ display: none; }
  .right-kienthuc{ width: 100%; }

  .bg_kienthuc{ background: var(--color-chudao) }
  .title-album{ width: 100%; }
  .right_video{ width: 100%; padding-left: 0px; float: none;}

  .banner-header{ width: 100%; float: none; }
   
  .title_gt h2{ font-size: 28px; }
  .right_fixed { 
    bottom: 120px;}


 
  .hinhgioithieu{ width: 100%; margin-bottom: 10px;}
  .left-gt{ width: 100%;  padding-left: 0px;  }

  .title_gt{ left: 0px; padding: 0px; }
  .bg_cus .wrap-main:after{ right: 0px; }
  .slick-cus-for .slick-prev{ left: 0px; top:  -6%}
  .slick-cus-nav .slick-next{ right: 0px;top:  -16% }
}
@media(max-width:991px){
  .top-cart{border-right:none;padding:0}
  .bottom-cart{padding:0}
  .contact-article{margin-bottom:10px}
  .contact-text{float:left}
  .contact-text,.contact-form{padding:0}
  .grid_3_md{display:grid;grid-template-columns:repeat(3,1fr)}
  .paddingg_20_md{grid-gap:20px}
  .menu{display:none}
  .menu-res{display:block}
  .header{height:auto;text-align:center}
  .footer-article .wrap-content{padding-top:1px}
  .header-top{display:none}
  .footer-article{display:block;width:100%}
  .left{width:100%;padding-right:0;display: none;}
  .right{width:100%;padding-left:0;margin-top:20px}
  .grid_4_md{grid-template-columns:repeat(4,1fr)}
  .grid_2_md{grid-template-columns:repeat(2,1fr)}
  .flex-md{display:block}
  /**/
      .flex_odd_even .right_spcap1{padding-right:0}
  .album_mt{display:none}
  .album_dt{display:block}
  /**/
      .header{display:none}
  .logo-header-mb{display:inline-flex;text-align:center;align-items:center;justify-content:center}
  .slideshow:after{width:0}
  .footer-news:nth-child(1),.footer-news:nth-child(2){width:100%;text-align-last: left;}
  .footer-news:last-child{width:100%;top:0}
  /*.all_album{display:none}
  .all_album_mb{display:block}
  */
   
  /**/
  .title_gt_s{margin-bottom:20px}
   
  .album_mb{display:block}
  /*.news-shadow-lrn-article{display:block}
  .news-shadow-lrn-image{width:100%}
  .news-shadow-lrn-info{width:100%;position:relative}
  */
  /**/
                  .left-tt{width:100%;padding-right:0}
  .right-tt{width:100%;padding-left:0}
  .all_article{display:block}
  .left-article{width:100%;margin-bottom:20px}
  .right-article{width:100%;padding-right:0}
  ul.tabs_proslide_ajax_iphone li{margin:0 5px}
  ul.tabs_proslide_ajax li{margin:0 5px}
  .bg_sp2cap .left_spcap1{display:none}
  .bg_sp2cap .center_spcap1{width:100%;padding-left:0}
  .title_album{text-align:center;margin-top:0}
  .title_album span{padding-left:0;font-size:25px}
  .title_album p{padding-left:0;font-size:25px}
  .more_ab{margin-top:30px}
  .bg_album:after{width:0}
  .bg_cus:after{width:0}
  .left_intro{width:100%;padding:0;margin-bottom:10px}
  .right_intro{width:100%;padding-left:0}
  .title_album span:before{width:0;border:none}
  .left-cus{width:100%;margin-bottom:30px; padding-right: 0px;}
  .right-cus{width:100%;padding-left:0}
  .title-pro span:before{width:0}
  .title-pro span:after{width:0}
  
  .bg_cus .all-cus:after{width:0}
  .img_visao{display:none}
  .footer{padding-top:10px!important}
  #fanpage-facebook{border-radius:0}
   
  .bg_article{padding-top:10px!important}
  .left-why{width:100%;margin-bottom:10px}
  .right-why{width:100%}

  .bg_qc{ top: 0px; margin-bottom: 0px; }
.left-footer-news{ margin-bottom: 30px; }
  .right-footer-news
  { width: 100%;padding-left: 0px; }


  .right_slide{ width: 100%; padding-left: 0px; }
  .left-top-slide{ width: 100%; padding-right: 0px; }
  .right-top-slide{ display: none; }
  .bottom-slide{ margin-top: 10px; }

  .slideshow{ min-height: unset; margin-bottom: 0px; }
 .bg_album{ margin-top: 0px; }
 .bg_album .title-pro{text-align: center;}

 .bg_dknt{/* background: #1abefa; */}
 .left_dknt{        width: unset; max-width: 470px; margin: 0 auto; float: none; margin-bottom: 20px;}
 .right_dknt{ width: 100%; padding-left: 0px;}
#footer-map{width:100%; margin-top: 10px;}

.footer{ background: var(--color-chudao) }
.newsletter-button{ float: none; }

.left-pro-in{ width: 100%; padding-right: 0px; }
.right-pro-in{ width: 100%; }
.left-dknt{ margin-bottom: 30px; }
.right-dknt{ width: 100%; padding-left: 0px; }

.slick-cus-for{ width: 33.33%; }
.center-cus{  width: 33.33%; padding: 0 10px; }
.slick-cus-nav{  width: 33.33%; }
}
@media(max-width:900px){
  .copyright{width:100%;margin-bottom:10px}
  .statistic{width:100%}
  .bg_gt .fl-between{display:block}
  .thanh_toan{float:none}
}
@media(max-width:850px){
  .news{width:100%;float:none!important;padding:0}
  .footer-powered{padding:5px 0;text-align:center}
  .footer-powered .wrap-content{padding:10px}
  .copyright{width:100%;margin-bottom:5px;line-height:20px}
   
  #fanpage-facebook{margin-top:0}
  .tabs_banchay{width:100%}
  .copyright:before{right:inherit;left:0}
  .copyright:after{left:inherit;right:0}
  .top_contact_home a{background-size:100% 100%;width:46%;margin:0 1%}
}
@media(max-width:768px){
  .top-contact{flex-wrap:wrap}
  .tbl-pro-detail-child.price-pro-detail p .price-new-pro-detail{font-size:16px}
  .tbl-pro-detail-child.price-pro-detail p .price-old-pro-detail{font-size:15px;padding-left:10px}
  .left-pro-detail,.right-pro-detail,.top-contact .form-contact,.top-contact .article-contact{width:100%;margin:0;padding:0}
  .left-pro-detail,.top-contact .article-contact{margin-bottom:30px}
  span#copy{width:100%}
  div.thongke{width:100%;text-align:center}
}
@media(max-width:767px){
  .item_why:nth-child(1), .item_why:nth-child(2), .item_why:nth-child(3){ margin: 0px; }


  .grid_1_sm{grid-template-columns:repeat(1,1fr)}
  .grid_2_sm{grid-template-columns:repeat(2,1fr)}
  .paddingg_0_sm{grid-gap:0}
  .paddingg_10_sm{grid-gap:10px}
  .paddingg_50_sm{grid-gap:50px}

  
  .footer-news{margin-bottom:30px}
  .footer-news:nth-child(1){width:100%;padding-top:0}
  .footer-news:nth-child(2){width:100%;padding-top:0}
  .footer-news:nth-child(3){width:100%;padding-right:0}
  .footer-news:nth-child(4){width:100%;padding-right:0}
  .footer-news:last-child{width:100%; }
  .newsletter-input input{width:100%;margin-right:0}
  .left-intro{width:100%;padding-right:0;margin-bottom:10px}
  .right-intro{width:100%}
  .header-top{display:none}
  .box_serv{grid-template-columns:100%}
  .right-intro{background-size:100% 100%}
  .title_intro span:before,.title_intro span:after{width:0}
  /*.newsletter-input input[type=email]{width:100%}
  */
     
  /**/
   #video-right{display:none}
  #video-fotorama{display:block}
  .video:nth-child(3n+1){clear:none}
  .video:nth-child(2n+1){clear:both}
  .grid_3_sm{grid-template-columns:repeat(3,1fr)}
  .all-gt5{padding:30px}
  .logo-footer{text-align:center}
  /**/
      .logo-header-mb{display:block}
  .left_intro{width:100%;margin-bottom:10px}
  .right_intro{width:100%}
  .title_gt h3{font-size:30px}
  /**/
   .all_gt{display:block}
  .noidunggioithieu{text-align:left}
  .noidunggioithieu > span{text-align:left}
  .more_xt{float:left;margin-top:10px}
  .title-video span{font-size:20px}
  
  .item_article{margin-bottom:10px}
  .bd-gioithieu{display:block;margin-bottom:20px}
     
  .left_new_detail{width:100%;padding-right:0}
  .right_new_detail{width:100%}
  .title_why span{font-size:30px}
   
   
  .all_dknt1{ width: 100%; padding-right: 0px; }

  .title_dknt1{ width: 100%; margin-bottom: 10px; }
  .all_dknt form{ width: 100%; }


.social2{ margin-top: 0px !important;  }
 
    .banner-header h2{font-size: 20px;  }
    .left-spcap1{ width: 100%; padding-right: 0px; margin-bottom: 10px; }
    .all_spcap1{ width: 100%; padding-left: 0px; }
    .right_news_detail{ width: 100%; }

    .all_cus{ display: inline; }
    .center-cus{          width: 100%;
        
        text-align: center;
        padding: 0px; margin-bottom: 20px;}
    .slick-cus-for{ width: 49%; float: left; margin-bottom: 30px;}
    .slick-cus-nav{ width: 49%; float: right; margin-bottom: 30px; }
    .center-cus .col_p_list{  max-width: 314px;        margin: 0 auto;  }
    .hotline_dknt{ display: block; width: unset; }
    .hotline_dknt a{ float: left; margin-bottom: 10px; }
    .bg_spcap1:before {
   border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}
}
@media(max-width:700px){
  .serv_rep{display:none}
  .serv_mb{display:block}
  .item_serv .img_p{float:left;margin-left:0;margin-right:30px}
  .all_video_nav{position:relative}
  .ngaythang{display:none}
  .newsnb_l:before,.newsnb_l:after{width:0}
  .newsnb_l{width:100%!important}
  /*    .newsletter-input{width:100%}
  .newsletter-button{width:100%;margin-top:10px}
  */
   .title_dknt h3{font-size:35px}
}
@media(max-width:600px){
  .footer-ul{padding-right:0}
  .title_price span{font-size:25px}
  .left-intro{width:100%;padding-right:0}
  .center-intro{width:100%}
  .right-intro{width:100%}
  .newshome-scroll .vert .simply-scroll-list li{height:auto!important}
  ul.tabs li h3{font-size:18px;line-height:30px}
  .newshome-best{width:100%;padding:0;margin-bottom:10px}
  .slick-news{width:100%;padding-left:0}
  /**/
      .left_gt{width:100%;padding-right:0;margin-bottom:10px}
  .right_gt{width:100%;padding-left:0}
  .title_video span:after,.title_video span:before{width:0}
  .serv_mt{display:none}
  .serv_dt{display:block}
  .item_serv_dt{width:100%}
  .item_duan:first-child{width:100%;padding-right:0;padding-left:20px}
  .item_duan{width:50%}
   
   
  .title-dknt{width:100%;padding-right:0; }
  .title-album{ margin-bottom:   40px; }

  .title-album:after{         width: 100%;
        background-size: 100%; }
}
@media(max-width:575px){
  .grid_2_sm{display:grid;grid-template-columns:repeat(2,1fr)}
  .grid_1_xs{display:grid;grid-template-columns:repeat(1,1fr)}
  .news-image{float:left;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;padding:0}
  .news-info{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;margin-top:0;padding-right:0}
  .footer-news:last-child{padding-left:0}
  .bdh-gioithieu{min-height:unset}
  .title_dknt span{font-size:20px}
  .grid_2_xs{grid-template-columns:repeat(2,1fr)}
  
  .paddingg_50_xs{grid-gap:50px}


  .paddingg_10_xs{grid-gap:10px}
  .paddingg_5_xs{grid-gap:5px}
  .paddingg_0_xs{grid-gap:0px}
  .left_intro{width:100%;padding-right:0}
  .right_intro{width:100%;padding-left:0}
  /**/
          .social{display:none}
  /**/
          .grid_1_xs{grid-template-columns:repeat(1,1fr)}
  .all_tieuchi:before,.all_tieuchi:after{width:0}
  .item_tieuchi{width:100%;padding-top:0;margin-bottom:10px;min-height:unset}
  .left_cus{width:100%;padding-right:0;margin-bottom:10px}
  .right_cus{width:100%;padding-left:0}
  .all-album-for{width:100%;padding-right:0;margin-bottom:10px}
  .all-album-nav{width:100%}
  .all-album-nav .item_album{padding:0 5px}
  /**/
   .title-spnb{font-size:20px;top:-22px}
  .title-spcap1 span{font-size:20px}
  .title-cus span{font-size:20px}
  .title-serv span{font-size:25px}
  .right_dknt .newsletter-input{width:100%}
  .title-tags1{margin-right:0}
  .footer-tags-lists{clear:both}
  .right_proc{width:100%;margin:10px 0; }
  .title_project span{font-size:20px}
  .footer-news1:nth-child(1){width:100%;padding-left:0;margin-bottom:20px}
  .footer-news1:nth-child(2){width:100%}
  .title-sp2cap span{font-size:25px}
   
  .item_article{width:100%}
  .bd_article.flex_odd_even{flex-direction:unset;text-align:left!important}
   

  .newsletter-input{ width: 100%; margin-bottom: 10px; margin-right: 0px; margin-top: 0px;}
  .newsletter-button{ width: 100%; }

  
  .title-why span{ font-size: 23px; }

  .item_why{ margin-bottom: 20px !important; }
 
.bd-dmcap1 h3{ padding: 5px; }

.title-cruit span{ font-size: 25px; }
.bottom-news-shadow-info{ display: inline-block; width: 100%; padding: 10px 0px; }
.title-filed span{ font-size: 25px; }
 .title-partner{ margin-bottom: 10px; }
.all_partner{ width: 100%; }
.center_spcap1{ padding: 10px; }
}
@media(max-width:500px){
  .header-fixed .wrap-main-k{display:inherit;align-items:unset;justify-content:unset;width:100%;text-align:center}
  .logo-header{margin-top:0;width:100%;margin-right:0;float:left}
  .banner{width:100%}
  .pic-newshome-best{width:100%;float:none}
  .intro-newshome{padding-left:10px}
  .title_gt:before{bottom:30px;font-size:77px}
  .newshome-normal{padding:10px}
  .pic-newshome-normal{width:100%}
  .info-newshome-normal{width:100%}
  .right-intro{min-height:auto}
  .logo-header img{max-width:100px}
  .title_spcap1 span,.title_video span,.title-main-dt span,.title-main span{font-size:20px}
  .control-owl.control-news button.owl-next,.control-owl.control-news button.owl-prev{width:0}
  /**/
       .news-shadow-right{padding:0 10px}
  /**/
       .product-list{padding:0}
  .content-prolist{padding:5px}
  /**/
     .price-product{display:block}
  .news-shadow-lrn-info{padding:10px}
  .title-dknt span{font-size:20px}
  .title-spnb{width:100%;position:relative;text-align:center}
  .all_spnb{padding:0;border:none}
   
  .title_gt h2{font-size:25px}
  .title_gt p{font-size:32px}
  .left_tieuchi span{font-size:20px}
  .left_tieuchi p{font-size:50px}
  .left_tieuchi p:after{width:0}
  .bg_cus:after{width:0}
  .item_cus .bd_cus{padding-right:0}
  .images_cus{padding-left:0;padding-bottom:0;margin-bottom:10px}
  .images_cus:before{width:0}
  .right_intro:after{width:0}
  .left_tieuchi b{font-size:25px}
  .bg_spcap1:after{width:0}
  .bg_tieuchi:after{left:10px}
  .price-product .price-new p{font-size:15px}
   
   
  .news-shadow-image{position:relative;bottom:0}
  .right_top_news span{color:#000}
  .wrap-in .cusab-shadow{padding:0}
  .title-album{text-align:center}
  .title-album span{font-size:25px}
  .bd-dknt{padding:45px 10px}
  .date_news p{font-size:15px;line-height:unset}
  .date_news{width:unset}
  .title-cus p,.title-pro span{font-size:18px}
   
  
  .des_article h3 p{font-size:20px}
  .des_article h3{font-size:15px}
  .des_article span{font-size:12px}
  .all_date{display:block}
  .title-effect{width:47px;height:47px;top:-8px}
  .title-intro .title-intro-top{font-size:20px}
  .title_gt span{font-size:20px}
  .social_footer ul li{width:100%}
  .title_dknt p{font-size:15px}
  .title-serv:after{font-size:80px}
  .title-serv p{font-size:24px}
   
  .title-why:after{font-size:62px}
   
  .title_dv h3 {
    font-size: 18px;}
    .more_why{ font-size: 14px; }
    .title-kienthuc span{ font-size: 25px; }
    .left-footer-news{ width: 100%; }
     
  

.title-spcap1{ overflow: unset; background: transparent; margin-bottom: 40px;}
    .more_spcap1 {
    
    margin: 0px;
    text-align: right;
    width: 100%;
}
.cart-product .cart-add{font-size: 10px;}

}
@media(max-width:440px){
  ul.tabs_proslide_ajax li h3{
    font-size: 13px;
    padding: 8px 10px;
}
  .des_product{padding:10px}
  .price-new,.price-old{font-size:14px}
  .hotline_gt{width:100%;text-align:left}
  a.more_xt{margin-left:0;float:none;margin-top:10px}
  .bottom_gt{text-align:center}
  .title_spbc span{font-size:20px}
  .title_spnb span{font-size:17px}
   
  /**/
    
  .title_quitrinh span{font-size:20px}
  .news-shadow-lrn-desc{font-size:14px}
  .title-footer{font-size:28px}
  .video_item{padding:0}
  .tab-project-slide .items-tab{padding-top:125px}
  .tab-project-content{padding-left:0;padding-right:0}
   
  .name_ykkhachhang p{font-size:20px}
  .item_cus .des_cus h3{font-size:18px}
  .des_cus{  width: 100%; }
  .project-shadow-article:before{bottom:90px}
  .cus-shadow-lrn-image{width:120px}
  .cus-shadow-lrn-info{width:calc(100% - 120px);padding-left:10px;padding-right:50px}
  .cus-shadow-lrn:nth-child(2n) .cus-shadow-lrn-info{padding-left:50px}

  .title-spcap1 span:after{ width: 0px; }
  .title-spcap1 span{ border-radius: 50px; }
.item_cus .des_cus h3 a{ font-size: 12px; }
}

@media(max-width:400px){
  .more_pro{ margin-bottom: 10px; margin-top: 10px; }
}