@media (max-width: 1024px) {
  .wrap-dangky {
    padding: 20px;
  }
  .wrap-dangky::after {
    display: none;
  }
  .group-newsletter {
    gap: 10px;
  }
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
  .title-main {
    margin-bottom: 1.4rem;
  }
  .padding-top-bottom {
    padding: 1.3rem 0rem !important;
  }
  .mm-slideout {
    overflow: hidden;
  }
  /* menu */
  .head {
    display: none;
  }
  /* giới thiệu */
  .wrap-gioithieu {
    background: url(../images/bgr_gioithieu.png) no-repeat left;
  }
  .wrap-gioithieu::after {
    display: none;
  }
  .wrap-gioithieu::before {
    display: none;
  }
  .group-btn {
    flex-direction: column;
    gap: 30px;
  }
  .wrap-group-gioithieu {
    flex-direction: column;
    gap: 30px;
  }
  .right-gioithieu::before {
    width: 160px;
    height: 161px;
  }
  .right-gioithieu {
    gap: 10px;
  }
  .left-gioithieu {
    width: 100%;
  }
  .right-gioithieu {
    width: 70%;
    margin: auto;
  }
  .left-gioithieu::before {
    display: none;
  }
  /* why */
  .wrap-why {
    background: url(../images/bgr_why.png) no-repeat;
    background-size: cover;
  }
  .wrap-why .wrap-content {
    flex-direction: column;
  }
  .left-why {
    width: 100%;
  }
  .right-why {
    width: 100%;
  }
  /* lĩnh vực */
  .slider-for-linhvuc
    .slick-slide.slick-active.slick-center
    .linhvuc-item::before {
    display: none;
  }
  .slider-for-linhvuc .slick-slide.slick-active {
    transform: scale(0.7);
  }
  /* product */
  .title-product {
    flex-direction: column;
    gap: 10px;
  }
  .right-title {
    overflow-y: scroll;
    justify-content: flex-start;
  }
  .grid-product {
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
  }
  .item-cat {
    white-space: nowrap;
  }
  .box-main-feedback {
    gap: 10px;
    flex-direction: column;
  }
  .left-feedback {
    width: 100%;
  }
  .right-feedback {
    width: 100%;
  }
  .wrap-group-dangky .wrap-content {
    flex-direction: column-reverse;
    gap: 20px;
  }
  /* nhận ký gửi */
  .box-main-nhankygui {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  /* đăng ký */
  .wrap-group-dangky {
    flex-direction: column;
  }
  .slider-for-video {
    display: none;
  }
  .play-video {
    width: 45px;
    height: 45px;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .wrap-dangky {
    width: 100%;
    height: fit-content;
  }
  .wrap-banner-dangky {
    width: 100%;
    position: relative;
    top: auto;
  }
  .input-group input {
    height: 40px;
  }
  .wrap-dangky::after {
    display: none;
  }
  .feedback-info {
    padding: 15px 0px;
  }
  .group-newsletter {
    gap: 20px;
  }
  .col-input-group {
    gap: 10px;
  }
  /* công trình */
  .box-main-duan {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .box-duan0 {
    grid-column: 1/2;
  }
  .box-duan1 {
    grid-column: 2/3;
  }
  .box-duan2 {
    display: none;
  }
  .box-duan3 {
  }
  /* footer */
  .footer-statistic {
    text-align: center;
  }
}
@media (max-width: 576px) {
  .linhvuc-name {
    font-size: 20px;
  }
  .footer-copyright {
    text-align: center;
  }
  .slider-for-linhvuc .slick-prev img,
  .slider-for-linhvuc .slick-next img {
    display: none;
  }
  .box-title-dichvu .btn-gioithieu {
    display: none;
  }
  .box-title-dichvu {
    border: none;
  }
  .box-title-dichvu h3::after {
    bottom: -15px;
  }
}