@media (min-width: 1025px) {
   .toolbar {
      display: none;
   }
}
.footer_mobile {
    display: none;
}

.section.ab_section.ft_ab_section.fp-section.fp-table.active {
    display: none;
}

.section.ab_section.fp-section.fp-table.active {
    height: 100vh !important;
}

@media (max-width: 1024px) {
   .contact-input {
      margin-bottom: 15px;
   }
   .flex-cus,
   .row-video,
   .row-20 {
      margin-left: -5px;
      margin-right: -5px;
   }

   .mg-cus,
   .mg-video,
   .col-20 {
      padding-left: 5px;
      padding-right: 5px;
   }

   .content-text img {
      height: auto !important;
   }

   .padding-top-bottom {
      padding: 2rem 0;
   }

   .pad-top {
      padding-top: 2rem;
   }

   .pad-bottom {
      padding-bottom: 2rem;
   }

   .mg-top {
      margin-top: 2rem;
   }

   .mg-bottom {
      margin-bottom: 2rem;
   }

   .title-detail-main {
      font-size: 20px;
   }

   .cart-fixed {
      bottom: 220px;
   }

   .btn-frame {
      display: none;
   }

   .cart-pro-detail {
      width: 100%;
      margin-top: 10px;
   }

   .pad-bottom {
      padding-bottom: 2rem !important;
   }

   .pad-top {
      padding-top: 2rem !important;
   }

   .padding-top-bottom {
      padding: 20px 0 !important;
   }

   .menu {
      display: none;
   }

   .menu-res {
      display: block;
      display: none;
   }

   .product-tool {
      opacity: 1;
      visibility: visible;
      position: initial;
   }

   .product-tool a span {
      display: none;
   }
   a.logo-head-mobile {
       max-width: 95px;
   }

   .menu-res .search-res .icon-search {
       color: #224099;
   }
   .wrap-truyenthong{padding: 30px;padding-left: 10px;padding-right: 10px;}
   .footer_mobile{display: block !important;}
      .footer.footer.footer_mobile {
       /* padding-top: 25px !important; */
   }
   .ft_desk{display: none !important;}
   .header{display: block;padding: 0;}
   .slick-prev:before, .slick-next:before{display: none;}
   a.logo-head-mobile img {
       max-width: 75px;
   }
}

@media (max-width: 992px) {
   .othernews {
      position: initial;
   }
   .footer-title:after {
      width: 100%;
   }

   #fanpage-facebook {
      width: 300px;
      overflow: hidden;
      margin: auto;
   }

   .footer-news:nth-child(4) {
      width: 100%;
      margin-top: 20px;
   }

   .footer-news:nth-child(3) {
      width: 100%;
      margin-bottom: 10px;
   }

   .footer-news:nth-child(2) {
      width: 100%;
      margin: 20px 0;
   }

   .footer-news:nth-child(1) {
      width: 100%;
      text-align: center;
   }

   .time-news {
      display: none;
   }

   .copyright,
   .statistic {
      width: 100%;
      text-align: center;
   }

   .footer-ul li {
      width: calc(100% / 2 - 5px);
   }

   .footer-ul {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
   }
   .left_about{width: 100%;padding: 30px 10px;overflow: hidden;}
   .right_about{width: 100%;}
   .brand_thienphuoc{
      max-width: 100%;
      padding: 30px;
      padding-left: 10px;
      padding-right: 10px;
   }
   .left_sp{width: 100%;margin-bottom: 30px;}
   .right_sp{width: 100%;margin-right: 0;}
   a.xct_sp{margin-top: 20px;}
   .wrap_sp{padding: 30px 0px;}
   .left_udsp{width: 100%;}
   .right_udsp{width: 100%;}
   .wrap_ungdungsp:after{position: relative;}
   .wrap_ungdungsp{
       padding-top: 30px;
       padding-bottom: 10px;
   }
   .title_udsp{margin-bottom: 10px;font-size: 27px;}
   .left_truyenthong{width: 100%;margin-bottom: 30px;}
   .right_truyenthong{width: 100%;margin-right: 0;padding-bottom: 0;}
   .xemthem_tthong{margin-top: 20px;}
   .slider.slider-video1{
       width: 100%;
   }
      .slider.slider-video2{
       width: 100%;
   }
   .left_tv{
       width: 100%;
       margin-bottom: 30px;
   }
      .right_tv{
       width: 100% !important;
       align-items: center !important;
       justify-content: center !important;
   }
   a.lienhe_tuvan{margin-top: 15px;}
   .mot_img img{width: 100%;}
   .mot_img{width: auto;margin-left: 15px;}
   .menu_desk.d-flex.justify-content-center {
       display: block;
       white-space: nowrap;
       width: 100%;
       overflow: auto;
   }
   .footer-news:nth-child(5){width: 100%;margin-top: -1px;}
   .footer-news:nth-child(6){width: 100%;margin-top: 15px;}
   div.content-main-ab{padding: 0;}
   .clearfix.text-box.text-one{padding-top: 10px;flex-wrap: wrap;}
   div.pic-content{width: 100%;/* margin-bottom: 10px; */}
   div.pic-chairman{width: 100%;}
   .slide_desktop{display: none;}
   .slide_mobile{display: block;}
   .info-slide{display: none;}
   .slide_mobile img {
       /* height: 100vh; */
   }

   .slide_mobile .slide-text {
       /* height: 100vh; */
   }
   h2.title_partner{font-size: 20px;}
   .wrap-product{padding: 10px 0 !important;}
   .text_run_web{margin-top: 20px;}
   .title_truyenthong{margin-bottom: 30px;}
   .wrap-content.wrap-tuvan{padding: 30px 0;}
   .footer{padding-bottom: 55px;}
   .timkiem_sp.search_mobile {display: block}
   .right_dm{/* max-width: 100%; */margin: auto;width: 100%;}
   .timkiem_sp1{display: none;}
   .left_dm .box-product {
       width: calc(100% / 3 - 20px);
   }
   ul#tabsProDetail {
       padding: 0;
       list-style: none;
       margin: auto;
       white-space: nowrap;
       overflow-x: scroll;
       width: 100%;
       margin-top: 12px;
       max-width: 100%;
       display: block;
   }
   .tabs-pro-detail .nav-tabs .nav-link{padding:10px 20px}
   li.nav-item{width: auto;display: inline-block !important;}
   .name-news.text-split{/* min-height: 45px; */}
   .items_nbsd{margin-bottom: 30px}
   .box_newssd{margin-top: 30px}
   a.pic-news {
    width: 190px;
   }

   .info-news {
       width: calc(100% - 210px);
   }
   .items_newssss{justify-content: space-between;}
   .video iframe {
       width: 100%;
       object-fit: cover !important;
   }

   .video {
       margin-bottom: 0 !important;
   }
   .contact-text{text-align: center;margin-bottom: 30px}
   .items_vp.d-flex{margin-bottom: 15px}
   div#show_load .name-news.text-split{min-height: auto}
    div.content-main-ab .pic-content h2 {
        display: none
    }

    .container_bage {
        height: auto;
        top: 42px;
    }

    div.content-main-ab {
        height: auto;
        padding-left: 15px
    }

    div#about-page .section {
        height: auto !IMPORTANT;
        min-height: auto;
        padding: 20px 0;
    }

    div#product-page .content_project {
        padding-left: 0;
        min-height: 100vh
    }
    .mobile_about_top{padding-top: 10px !important}

}

@media (max-width: 768px) {
   .item-video1 img {
      /* height: 250px; */
   }

   .right-intro {
      width: 100%;
   }

   .left-intro {
      width: 100%;
      margin-bottom: 20px;
      padding-right: 0;
   }

   .left-pro-detail,
   .right-pro-detail {
      width: 100%;
      margin: 0px;
   }

   .left-pro-detail,
   .top-contact .article-contact {
      margin-bottom: 30px;
   }

   .pic-news {
      width: 40%;
   }
   .info-news {
      width: calc(100% - 165px);
      padding-left: 10px;
   }
   .name-news {
      font-size: 15px;
   }
   .desc-news.text-split {
      -webkit-line-clamp: 2;
   }
   .title-main span{font-size: 20px;}
   a.brand_th{min-height: 120px;max-height: 120px;}
   .name_kn{font-size: 110px;}
   .text_ncs p{font-size: 27px;}
   .title_thanhtuu{margin-bottom: 20px;}
   .slider.slider-nav.slick-initialized.slick-slider.slick-dotted{width: 58%}
   .slider.slider-for.slick-initialized.slick-slider{width: 40%;}
   .col-lg-6.col-md-6.col-12.left_album_video{margin-bottom: 20px;}
   .content-text {
       overflow: hidden;
   }
   .slide_desktop a img{object-fit: cover;}
   .slider.slider-video1{width: 100%;}
   .slider.slider-video2{width: 100%;}
   .wrap-product{padding-bottom: 0 !important;margin-bottom: 15px;padding-top: 30px !important;}
   .items_news_detail a.scale-img{max-width: 155px;}
   .info_right_nb{width: calc(100% - 165px);}
   .items_newssss{border-radius: 15px;padding: 5px;}
   .pic-news{width: 155px !important;border-radius: 15px;}
   .info-news .time_news{display: none;}
   .pic-news img{border-radius: 10px;}
   .left_dm.col-lg-9.col-md-8.col-12.mb-3{padding: 0 10px;}
   ul#tabsProDetail {
       padding: 0;
       list-style: none;
       margin: auto;
       white-space: nowrap;
       overflow-x: scroll;
       width: 100%;
       margin-top: 12px;
       max-width: 100%;
       display: block;
   }
   .tabs-pro-detail .nav-tabs .nav-link{padding:10px 20px}
   li.nav-item{width: auto;display: inline-block !important;}
   .title-main{margin-bottom:10px}
   .container_bage {
        height: auto
    }

    div.content-main-ab {
        height: auto;
        padding-left: 15px
    }

    div#about-page .section {
        height: auto !IMPORTANT;
        min-height: auto;
        padding: 20px 0;
    }

    div#product-page .content_project {
        padding-left: 0;
        min-height: 100vh
    }
    div#show_load{display: none;}
    div.pic-content h2{opacity: 1;}
    .items_about {
       /* margin-bottom: 15px; */
   }

   .wrap_about_mobile {
       padding: 10px;
       display: block;
   }

   .pic-about {
       border-radius: 20px;
       overflow: hidden;
       /* background: red; */
       margin-bottom: 20px;
       width: 100%;
   }

   .pic-about img {
       border-radius: 35px !important;
       width: 100% !important;
   }
   .scrollA{max-height: auto !important;}

}

@media (max-width: 576px) {
   .toast-cus {
      left: 5px;
      width: calc(100% - 10px);
   }
   .box-readmore {
      width: calc(100% - 5px);
   }
   .newshome-scroll {
      width: 100%;
   }

   .newshome-intro {
      width: 100%;
      margin-bottom: 20px;
   }

   .top-contact .form-contact .button-contact .file-contact span b {
      max-width: 105px;
   }

   .cart-pro-detail {
      flex-wrap: wrap;
   }

   .cart-pro-detail a {
      width: 100%;
      text-align: center;
      margin: 0px !important;
   }

   .cart-pro-detail a:first-child {
      margin-bottom: 5px !important;
   }
   .text-split.desc_about{-webkit-line-clamp: 4 !important}
   .name_kn{font-size: 80px;}
   .xt_about a img{margin-left: 10px;width: 35px;height: 35px;}
   .text_ncs p{font-size: 20px;}
   .text_ncs span{font-size: 18px;}
   .thanhtuu_about{margin-top: 10px;}
   .items_thanhtuu{width: 33%;}
   .items_thanhtuu span{font-size: 14px;}
   .slider.slider-for.slick-initialized.slick-slider{width: 100%;}
   .slider.slider-nav.slick-initialized.slick-slider.slick-dotted{width: 100%;}
   .slider.slider-nav .slick-next{width: 40px;height: 40px;right: 16%;}
   .slider.slider-nav .slick-prev{width: 40px;height: 40px;left: 20%;}
   .marquee__line{font-size: 50px;}
   .wrap-content.wrap-tuvan{padding: 30px 0;}
   .menu_desk{padding: 15px 0;}
   .title_sp_desk{font-size: 28px;}
   .xt_about a{font-size: 14px;}
   .text-split.desc_about{font-size: 14px;}
   .slider.slider-video2 .slick-prev{width: 40px;height: 40px;left: -117%;top: 152%;}
   .slider.slider-video2 .slick-next{width: 40px;height: 40px;right: 140%;top: 152%;}
   .pic-video:before{width: 55px;height: 55px;top: calc(50% - 60px / 2);left: calc(50% - 60px / 2);}
   .title_tuvan{font-size: 23px;margin-bottom: 10px;}
   a.map_footer{margin-top: 20px;}
   .footer{margin-bottom: 47px !important;padding-bottom: 0;}
   .footer-copyright.col-md-3 {
       text-align: center;
       padding-bottom: 10px;
   }
   .title_truyenthong{font-size: 20px;margin-bottom: 10px;}
   .text_run_web{margin-top: 20px;}
   .name-company{font-size: 16px;}
   a.pic-about{width: 100%; margin-bottom: 20px;}
   .info-about{width: 100%;}
   .left_dm .box-product{width: calc(100% / 2 - 10px);margin: 15px 5px 0 5px;}
   .info_right_nb a{font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}
   .text-split.des_right {
       -webkit-line-clamp: 2;
   }
   form.contact-form.validation-contact.col-lg-6{margin-top: 20px;}
   .pbmit-ihbox-style-7 .pbmit-ihbox-box{padding: 20px;}
   .name_cap1{font-size: 24px;}
   .right_dm{max-width: 100%;}
   .title-main.title_prd span{font-size: 17px;}
   .container_bage {
        height: auto
    }

    div.content-main-ab {
        height: auto;
        padding-left: 15px
    }

    div#about-page .section {
        height: auto !IMPORTANT;
        min-height: auto;
        padding: 20px 0;
    }

    div#product-page .content_project {
        padding-left: 0;
        min-height: 100vh
    }
    div#show_load{display: none;}
    div.pic-content h2{opacity: 1;}
    .items_about {
       /* margin-bottom: 15px; */
   }

   .wrap_about_mobile {
       padding: 10px;
       display: block;
   }

   .pic-about {
       border-radius: 20px;
       overflow: hidden;
       /* background: red; */
       margin-bottom: 20px;
   }

   .pic-about img {
       border-radius: 35px !important;
   }
   .scrollA{max-height: auto !important;}
}