@media (max-width: 1024px) {
  .product-list-item {
    margin: 10px 0px;
  }
  .slick_product_list .slick-slide {
    margin: 10px;
  }
  .right-newsletter {
    width: calc(100% - 40px - 40%);
  }
  .item-feedback::before {
    width: 45px;
    height: 45px;
  }
  .item-feedback {
    padding: 20px 30px;
  }
  .feedback-desc {
    margin: 15px 0px;
    font-size: 18px;
    line-height: 28px;
  }
  .wrap-group-feedback-newsletter .wrap-content {
    gap: 40px;
  }
  .left-feedback {
    width: 40%;
  }
  .team-info {
    margin: 0px 15px;
    padding: 5px 15px;
  }
  .team-info h3 {
    font-size: 16px;
  }
  .wrap-team .wrap-content {
    gap: 50px;
  }
  .box-main-team {
    width: 500px;
  }
  .title-main-team {
    width: calc(100% - 50px - 500px);
  }
  .grid-product {
    grid-template-columns: repeat(5, 1fr) !important;
  }
  .wrap-group-gioithieu {
    flex-direction: column;
  }
  .right-gioithieu {
    width: 100%;
  }

  .hotline-head {
    display: none;
  }

  .wrap-dangky {
    padding: 20px;
  }

  .wrap-dangky::after {
    display: none;
  }

  .group-newsletter {
    padding: 25px;
    gap: 20px;
  }
}

@media (max-width: 992px) {
}

@media (max-width: 768px) {
  .grid-product {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px;
  }
  .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::after {
    display: none;
  }

  .wrap-gioithieu::before {
    display: none;
  }
  .wrap-team .wrap-content {
    flex-direction: column;
    gap: 30px;
  }
  .wrap-group-feedback-newsletter .wrap-content {
    flex-direction: column;
  }
  .right-newsletter {
    width: 100%;
  }
  .control-team {
    top: -20px;
  }
  .title-main-team {
    width: 100%;
  }
  .box-main-team {
    width: 100%;
  }
  .wrap-group-gioithieu {
    flex-direction: column;

    gap: 80px;
  }

  .right-gioithieu::before {
    width: 160px;

    height: 161px;
  }

  .right-gioithieu {
    gap: 10px;
  }

  .left-gioithieu {
    width: 100%;
  }

  .right-gioithieu {
    width: 100%;
  }

  .left-gioithieu::before {
    display: none;
  }

  /* product */

  .title-product {
    flex-direction: column;

    gap: 10px;
  }

  .right-title {
    overflow-y: scroll;

    justify-content: flex-start;
  }

  .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;
  }
  .box-main-feedback .owl-dots {
    display: none;
  }
  .slider-for-video {
    display: none;
  }

  .play-video {
    width: 45px;

    height: 45px;
  }

  .wrap-dangky {
    width: 100%;

    padding: 1rem 1rem;
  }

  .wrap-banner-dangky {
    width: 100%;

    position: relative;

    top: auto;
  }

  .input-group input {
    height: 45px;
  }
  .product-list-item {
    padding: 10px;
  }
  .wrap-dangky::after {
    display: none;
  }

  .feedback-info {
    padding: 15px 0px;
  }

  .group-newsletter {
    gap: 20px;
  }

  .col-input-group {
    gap: 10px;
  }

  /* footer */

  .footer-statistic {
    text-align: center;
  }
}

@media (max-width: 576px) {
  .grid-product {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px;
  }
  .footer-copyright {
    text-align: center;
  }
  .slick_product_list .slick-slide {
    margin: 5px;
  }
  .img-gioithieu-1 {
    display: none;
  }
  .img-gioithieu-2 {
    display: none;
  }
  .wrap-group-gioithieu {
    gap: 20px;
  }
  .group-btn {
    flex-direction: column;
    gap: 20px;
  }
  .col-input-group p {
    position: static;
  }
  .center .item-newsnb {
    margin: 0px;
  }
  .box-main-thuvien {
    display: flex;
    flex-direction: column;
  }
  .group-chinhanh .footer-ul {
    flex-direction: column;
  }
  .group-chinhanh .footer-ul li {
    width: 100%;
  }
  .title-main-feedback h3 {
    font-size: 26px;
  }
  .title-main-index span {
    font-size: 26px;
  }
  .feedback-name p {
    font-size: 14px;
  }
  .feedback-name h3 {
    font-size: 16px;
  }
  .title-main-feedback div.about-thuvien {
    display: none;
  }
  .title-main-gioithieu h3 {
    font-size: 26px;
  }
  .title-main-team h3 {
    font-size: 26px;
  }
}