@media (min-width: 1200px) {
}
@media (max-width: 1199px) {
  #search {
    right: 15px;
  }
  #container {
    padding: 20px 15px;
  }
  .box-dt {
    max-width: 95%;
  }
  .box-tintuc {
    max-width: 95%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #header {
    .header-main {
      padding: 10px 20px;
      .header-main-content {
        .header-main-list {
          .header-main-list_top {
            .search-input {
              max-width: 640px;
              .search-input_left {
                input {
                  width: 100%;
                }
              }
            }
          }
        }
      }
    }
  }
  .menu {
    .menu-main {
      padding: 10px 20px 40px;
      .menu-main-content {
        .menu-main-list {
          max-width: 240px;
        }
        .slideshow {
          width: calc(100% - 250px);
          img {
            height: 410px;
          }
        }
      }
    }
  }
  .news {
    .news-main {
      .news-main-text {
        padding: 0 10px 10px;
        .text-btn {
          margin-top: 0px;
        }
      }
      .news-main-list {
        padding: 30px 0 0;
        .news-left {
          width: 500px;
          .news-left-content {
            width: 100%;
          }
        }
        .news-right {
          width: calc(100% - 525px);
          .news-right-item {
            .news-right-content {
              padding: 0 0 10px 20px;
              .news-right-typeday {
                .line {
                  width: 78%;
                }
              }
            }
          }
        }
      }
    }
  }
  .box-sp {
    width: 32%;
    margin: 0px 2% 20px 0px;
  }
  .box-sp:nth-child(3n) {
    margin-right: 0;
  }
  .box-sp:nth-child(3n + 1) {
    clear: both;
  }
  .box-product {
    width: calc(100% / 4);
  }
  .box-product:nth-child(3n) {
    margin-right: 0;
  }
  .box-product:nth-child(3n + 1) {
    clear: both;
  }
  .box-album {
    width: 32%;
    margin: 0px 2% 20px 0px;
  }
  .box-album:nth-child(3n) {
    margin-right: 0;
  }
  .box-album:nth-child(3n + 1) {
    clear: both;
  }
  .box-video {
    width: 32%;
    margin: 0px 2% 20px 0px;
  }
  .box-video:nth-child(3n) {
    margin-right: 0;
  }
  .box-video:nth-child(3n + 1) {
    clear: both;
  }
  .footer-1 {
    width: 35%;
    margin: 0px;
  }
  .footer-2 {
    width: calc(35% - 20px);
    margin: 0 0 0 20px;
  }
  .footer-3 {
    width: calc(30% - 20px);
    margin: 0 0 0 20px;
  }
}
@media (max-width: 991px) {
  #menu-mobile {
    display: block;
  }
  .menu {
.center{
padding: 0
}

    .menu-main {
padding: 0;
      .menu-main-content {
        .menu-main-list {
          display: none;
        }
        .slideshow {
          width: 100%;
        
        }
      }
    }
  }
  #banner1,
  #banner2,
  .banner-ab,
  .right,
  .control-carousel, .control-slideshow {
    display: none;
  }
  #banner .center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .logo {
    position: static;
    padding: 0;
    margin-right: 15px;
  }
  .banner {
    padding: 0;
  }
  #smenu a {
    font-family: RM;
    color: #fff;
    font-size: 16px;
    margin-left: 5px;
  }
  .left {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #header {
    .header-main {
      padding: 10px 20px;
      .header-main-content {
        .header-main-list {
          .header-main-list_top {
            .search-input {
              width: 450px;
              .search-input_left {
                input {
                  width: 100%;
                }
              }
            }
          }
        }
      }
    }
  }
  .news {
    .news-main {
      .news-main-text {
        padding: 0 10px 10px;
        .text-btn {
          margin-top: 0px;
        }
      }
      .news-main-list {
        padding: 30px 0 0;
        .news-left {
          width: 400px;
          .news-left-content {
            width: 100%;
            .news-left-typeday {
              .line {
                width: 30%;
              }
            }
          }
        }
        .news-right {
          width: calc(100% - 425px);
          .news-right-item {
            .news-right-content {
              padding: 0 0 10px 20px;
              .news-right-typeday {
                .line {
                  width: 75%;
                }
              }
            }
          }
        }
      }
    }
  }
  .footer-nav {
    .footer-nav-main {
      padding: 44px 0 20px;
      .footer-nav-list {
        flex-wrap: wrap;
        .footer-nav-left {
          width: 100%;
        }
        .footer-nav-middle {
          margin-top: 30px;
          width: 50%;
        }
        .footer-nav-right {
          margin-top: 30px;
        }
      }
    }
  }
  .box-sp {
    width: 32%;
    margin: 0px 2% 20px 0px;
  }
  .box-sp:nth-child(3n) {
    margin-right: 0;
  }
  .box-sp:nth-child(3n + 1) {
    clear: both;
  }
  .box-product {
    width: calc(100% / 3);
  }
  .box-product:nth-child(3n) {
    margin-right: 0;
  }
  .box-product:nth-child(3n + 1) {
    clear: both;
  }
  .box-album {
    width: 32%;
    margin: 0px 2% 20px 0px;
  }
  .box-album:nth-child(3n) {
    margin-right: 0;
  }
  .box-album:nth-child(3n + 1) {
    clear: both;
  }
  .box-video {
    width: 32%;
    margin: 0px 2% 20px 0px;
  }
  .box-video:nth-child(3n) {
    margin-right: 0;
  }
  .box-video:nth-child(3n + 1) {
    clear: both;
  }
  .footer-1 {
    width: 100%;
    float: none;
    margin: 0 0 15px;
  }
  .footer-2 {
    width: 350px;
    float: left;
  }
  .footer-3 {
    width: 350px;
    float: right;
  }
}
@media (max-width: 767px) {
  .main-pro-detail {
    flex-direction: column;
  }
  .left-contact {
    width: 100%;
    margin-bottom: 20px;
  }

  .right-contact {
    width: 100%;
  }
  .btn-zalo,
  .btn-phone,
  #messages-facebook {
    display: none;
  }
  .fix-toolbar {
    display: block;
  }
  .content iframe {
    width: 100% !important;
    height: 45vh;
  }
  .content img {
    height: inherit !important;
  }
  .logo {
    position: static;
    margin-right: 10px;
    height: auto;
  }
  #footer {
    padding-bottom: 45px;
  }
  .footer-top {
    padding-bottom: 0;
  }
  .footer-1,
  .footer-2,
  .footer-3 {
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
  }
  .copyright,
  .statistic {
    width: 100%;
  }
  .statistic span {
    margin: 0 5px;
  }
  .ft-b .center > div {
    width: 100%;
  }
  .top-contact .article-contact {
    width: 100%;
    margin-bottom: 20px;
  }
  .form-contact {
    width: 100%;
  }
  #top .center > div {
    width: 100%;
  }
  #top #breadcrumb {
    margin-bottom: 0;
  }
  .box-news-first {
    .content-news-first {
      padding: 0 20px 0;
      .name-news {
        font-size: 20px;
      }
      .desc-news {
        font-size: 14px;
        margin: 10px 0;
      }
      span {
        font-size: 14px;
      }
    }
  }
  .box-news-list {
   
  }
  .box-news {
    width: calc((100% - 25px) / 2);
  }
  .bottom-left {
    width: 100%;
    margin-bottom: 20px;
  }
  .bottom-right:not(.onApp) {
    width: 100%;
  }
  .tintuc-l {
    width: 100%;
    margin-bottom: 20px;
  }
  .tintuc-r {
    width: 100%;
  }
  .left-pro-detail {
    width: 100%;
    margin: 0 0 20px;
  }
  .right-pro-detail {
    float: none;
    width: 100%;
  }
  .grid-thuvienanh {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 22vh);
  }
  .box-thuvienanh .box-thuvienanh-content {
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
  }
  .item-address-contact {
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .left-pro-detail {
    flex-direction: column-reverse;
  }
  .gallery-thumb-pro {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .prev-slick-carousel {
    display: none;
  }
  .next-slick-carousel {
    display: none;
  }

  .copy-right {
    font-size: 12px;
    padding: 10px 0 55px;
    line-height: 1.5;
  }
  #header {
    .header-main {
      padding: 10px 20px;
      .header-main-content {
        justify-content: center;
        .header-main-list {
          display: none;
        }
      }
    }
  }
  .menu {
    .menu-main {
margin: 0;
      padding: 10px 0 0;
      .menu-main-content {
        .menu-main-list {
          display: none;
        }
        .slideshow {
          width: 100%;
        }
      }
    }
  }
  .footer-nav {
    .footer-nav-main {
      padding: 44px 0 20px;
      .footer-nav-list {
        flex-direction: column;
        .footer-nav-middle {
          margin-top: 30px;
          width: 80%;
        }
        .footer-nav-right {
          margin-top: 30px;
        }
      }
    }
  }
  .news {
    .news-main {
      .news-main-text {
        padding: 0 10px 10px;
        .text-btn {
          margin-top: 0px;
        }
      }
      .news-main-list {
        padding: 30px 0 0;
        flex-direction: column;
        .news-left {
          width: 100%;
          .news-left-content {
            width: 100%;
            .news-left-typeday {
              .line {
                width: 40%;
              }
            }
          }
        }
        .news-right {
          width: 100%;
          .news-right-item {
            .news-right-content {
              padding: 0 0 10px 20px;
              .news-right-typeday {
                .line {
                  width: 80%;
                }
              }
            }
          }
        }
      }
    }
  }
  .box-sp {
    width: 49%;
    margin: 0px 2% 15px 0px;
  }
  .box-sp:nth-child(2n) {
    margin-right: 0;
  }
  .box-sp:nth-child(2n + 1) {
    clear: both;
  }
  .box-product {
    width: 50% !important;
  }
  .box-product-list {
    width: 100% !important;
    margin: 0;
  }
  .box-product:nth-child(2n) {
    margin-right: 0;
  }
  .box-product:nth-child(2n + 1) {
    clear: both;
  }
  .box-album {
    width: 49%;
    margin: 0px 2% 15px 0px;
  }
  .box-album:nth-child(2n) {
    margin-right: 0;
  }
  .box-album:nth-child(2n + 1) {
    clear: both;
  }
  .box-video {
    width: 49%;
    margin: 0px 2% 15px 0px;
  }
  .box-video:nth-child(2n) {
    margin-right: 0;
  }
  .box-video:nth-child(2n + 1) {
    clear: both;
  }
}
@media (max-width: 480px) {
  .left-pro-detail {
    flex-direction: column-reverse;
  }
  .gallery-thumb-pro {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .prev-slick-carousel {
    display: none;
  }
  .next-slick-carousel {
    display: none;
  }
  .copy-right {
    font-size: 12px;
    padding: 10px 0 50px;
    line-height: 1.5;
  }
  .text-title {
    h2 {
      margin: 0 15px;
      font-size: 14px;
      line-height: 40px;
    }
  }
  #header {
    .header-main {
      padding: 10px 10px;
      .header-main-content {
        justify-content: center;
        .header-main-list {
          display: none;
        }
      }
    }
  }
  .menu {
    .menu-main {
      padding: 0;
      .menu-main-content {
        .menu-main-list {
          display: none;
        }
        .slideshow {
          width: 100%;
 
        }
      }
    }
  }
  .footer-nav {
    .footer-nav-main {
      padding: 44px 0 20px;
      .footer-nav-list {
        flex-direction: column;
        .footer-nav-left {
          width: 340px;
        }
        .footer-nav-middle {
          width: 340px;
          flex-direction: column;

          .footer-nav-middle_item {
            margin-top: 30px;
          }
        }
        .footer-nav-right {
          width: 340px;
          margin-top: 30px;
        }
      }
    }
  }
  .news {
    .news-main {
      .news-main-text {
        padding: 0 10px 10px;
        .text-btn {
          margin-top: 0px;
        }
      }
      .news-main-list {
        flex-direction: column;
        padding: 30px 0 0;
        .news-left {
          width: 100%;
          .news-left-content {
            width: 100%;
            .news-left-typeday {
              padding-top: 15px;
              .line {
                display: none;
              }
            }
          }
        }
        .news-right {
          padding-top: 20px;
          width: 100%;
          .news-right-item {
       
            .news-right-content {
              padding: 10px 10px 0;
              .news-right-name {
                a {
                  font-size: 14px;
                }
              }
              .news-right-description {
                font-size: 12px;
              }
              .news-right-typeday {
                font-size: 13px;
                .line {
                  width: 80%;
                }
              }
            }
          }
        }
      }
    }
  }
  .box-news-first {
    flex-direction: column;
    .pic-news-first {
      width: 100%;
      margin-bottom: 10px;
    }
    .content-news-first {
      width: 100%;
      padding: 0 10px;
      .name-news {
        font-size: 16px;
      }
      .desc-news {
        font-size: 14px;
        margin: 10px 0;
      }
      span {
        font-size: 14px;
      }
    }
  }
  .box-news {
    .pic-news {
      width: 100%;
      img {
        padding-bottom: 0;
      }
    }
    .content-news {
      .name-news {
margin-top: 5px;
        font-size: 13px;
line-height: 20px
      }
      .desc-news {
        font-size: 11px;
line-height: 18px
      }
    }
  }
  .box-sp {
    width: 49%;
    margin: 0px 2% 10px 0px;
  }
  .box-sp:nth-child(2n) {
    margin-right: 0;
  }
  .box-sp:nth-child(2n + 1) {
    clear: both;
  }
  .box-product {
    width: 50% !important;
    padding: 0 4px 10px;
  }
  .box-product-list {
    width: 100% !important;
    margin: 0 -4px;
  }
  .box-product:nth-child(2n) {
    margin-right: 0;
  }
  .box-product:nth-child(2n + 1) {
    clear: both;
  }
  .box-album {
    width: 49%;
    margin: 0px 2% 10px 0px;
  }
  .box-album:nth-child(2n) {
    margin-right: 0;
  }
  .box-album:nth-child(2n + 1) {
    clear: both;
  }
  .box-video {
    width: 49%;
    margin: 0px 2% 10px 0px;
  }
  .box-video:nth-child(2n) {
    margin-right: 0;
  }
  .box-video:nth-child(2n + 1) {
    clear: both;
  }
}
@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% 10px;
    float: none;
  }
   .box-product {
    width: 50% !important;
  }
  .box-product-list {
    width: 100% !important;
  }

  .box-album {
    width: 90%;
    margin: 0px 5% 10px;
    float: none;
  }
  .box-video {
    width: 90%;
    margin: 0px 5% 10px;
    float: none;
  }
}