@media (max-width: 1200px) {
 
}
@media (max-width: 1024px) {
  .wrap-main {
    overflow-x: hidden;
  }
  .menu {
    display: none;
  }
  .menu-res {
    display: block;
  }
  .spacing_padding {
    padding: 30px 0 !important;
  }
  .spacing_padding_bottom {
    padding-bottom: 30px !important;
  }
  .spacing_padding_top {
    padding-top: 30px !important;
  }
  .content-main img,
  .content-auto img,
  #info-pro-detail img {
    height: auto;
  }
  .content-main iframe,
  .content-auto iframe,
  #info-pro-detail iframe {
    width: 100%;
    height: auto;
  }
  .header .left:before,
  .header .left::after,
  .header_hotline,
  .header_email {
    display: none !important;
  }
  .grid-container {
    --gap-column: 15px;
    --gap-row: 15px;
  }
  .grid_album,
  .grid_video {
    --grid: 2;
  }
  .header {
    background: #767676;
  }
  .header .left {
    padding: 0;
    margin-bottom: 0;
  }
  .header_logo img {
    height: 110px;
  }
  .header .center {
    width: 65%;
    margin-left: 0;
  }
  .gioithieu_main .right {
    width: calc(100% - 43.34% - 20px);
  }
  .header_address {
    font-size: 14px;
  }
  .newsnb_item .images,
  .newsnb_item .info,
  .gioithieu_main .left,
  .gioithieu_main .right,
  .footer_main .bottom .footer-news:nth-child(2) {
    width: 100%;
  }
  .newsnb_item .info {
    padding: 0;
  }
  .section_dichvu .newsnb {
    padding: 0 10px;
  }
  .title-main,
  .gioithieu_main .left {
    margin-bottom: 25px;
  }
  .tieuchi_main {
    gap: 30px 30px;
  }
  .tieuchi_item {
    width: 30%;
  }
  .footer_main .top {
    padding-bottom: 25px;
  }
  .footer_main .top .footer-news {
    width: 23% !important;
  }
  .swiper-quytrinh .swiper-slide::before {
    right: -38px;
  }
}
@media (max-width: 576px) {
  .header_address,
  .swiper-quytrinh .swiper-slide::before {
    display: none;
  }
  .grid-container {
    --gap-column: 10px;
    --gap-row: 10px;
  }
  .grid_album,
  .grid_video {
    --grid: 1;
  }
  .header .wrap-content {
    flex-direction: column;
    gap: 15px 0;
  }
  .header .center,
  .product_detail_item .images,
  .product_detail_item .info {
    width: 100%;
  }
  .tieuchi_item {
    width: 48%;
  }
  .tieuchi_main {
    gap: 15px 15px;
  }
  .tieuchi_item .name {
    font-size: 22px;
  }
  .footer_main .top .footer-news {
    width: 50% !important;
  }
  .footer_main .bottom {
    gap: 20px 20px;
  }
  .product_detail_item .info {
    padding-top: 15px;
  }
  .quytrinh_item .name {
    font-size: 17px;
  }
  .tieuchi_item .name {
    font-size: 20px;
  }
}
@media (max-width: 426px) {
  .tieuchi_item {
    width: 100%;
  }
}