@media only screen and (min-width: 1500px) {
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .maan-header-box-logo-box-image {
    transform: scale(0.7) translateY(3px);
    -webkit-transform: scale(0.7) translateY(3px);
    -moz-transform: scale(0.7) translateY(3px);
    -ms-transform: scale(0.7) translateY(3px);
    -o-transform: scale(0.7) translateY(3px);
  }
}

@media (max-width: 1024px) {
  header {
    display: none;
  }

  .pnvn-menu-mobile {
    display: block;
  }

  section .container {
    padding-left: 0;
    padding-right: 0;
  }
  .service-line-bg {
    display: none;
  }
  .la-cay-img-left {
    top: 50%;
  }
  .la-cay-img-right {
    top: 90%;
    right: -217px;
  }
  .maan-contact-section-box-white-bg {
    transform: rotateY(0deg) translateZ(0px) translateX(0%);
    -webkit-transform: rotateY(0deg) translateZ(0px) translateX(0%);
    -moz-transform: rotateY(0deg) translateZ(0px) translateX(0%);
    -ms-transform: rotateY(0deg) translateZ(0px) translateX(0%);
    -o-transform: rotateY(0deg) translateZ(0px) translateX(0%);
  }
  .maan-feed-back-section-box-customer-content {
    padding-top: 0px;
  }
  .maan-feed-back-section-box-customer-wrapper-bg {
    transform: scale(10);
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -ms-transform: scale(10);
    -o-transform: scale(10);
  }
  .swiper-slide-avatar {
    --bs-aspect-ratio: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }
  .feed-back-swiper-content-item-des {
    text-align: center;
  }
  .feed-back-swiper-content-item-name {
    text-align: center;
  }
  .maan-feed-back-section-box-customer-content .swiper-pagination {
    text-align: center;
  }
  .maan-feed-back-section-image-bg {
    background-color: var(--background-color);
  }
  .maan-feed-back-section-box-image-wrapper {
    max-width: 300px;
    margin: 0 auto;
  }
  .swiper-slide-avatar {
    max-width: 250px;
    margin: 0 auto;
  }
  .maan-feed-back-section-box-customer-title-box {
    position: relative;
    z-index: 10;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .maan-feed-back-section-box-customer-title {
    padding: 0 50px;
    border-color: var(--background-color);
  }
  .maan-feed-back-section-box-customer-title span{
    border-color: var(--background-color);
    color: var(--background-color);
    font-size: 1.5rem;
    background: -webkit-linear-gradient(#f8f8f8, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .maan-album-hot-section-bottom-item-middle-line {
    width: 105%;
  }
  .maan-new-item-content-wrapper {
    bottom: 3%;
  }
  .maan-footer-contact-content .container {
    padding-left: 0;
    padding-right: 0;
  }
  .maan-product-page,
  .maan-san-pham-detail,
  .maan-gioi-thieu,
  .maan-album,
  .maan-news-section-page,
  .vh-news-detail,
  .maan-search-ne {
    padding-top: 80px;
  }
  .content-container {
    padding: 30px;
  }
  .subscription-form .custom-btn {
    padding: 10px 15px;
  }
  .maan-contact-section-box-white-bg {
    opacity: 1 !important;
  }
  .feed-back-swiper-content-item-name span {
    justify-content: center;
  }
  .maan-album-hot-section {
    padding-top: 70px;
  }
  .vh-maan-coffee-intro-content {
    width: 100%;
  }.vh-maan-coffee-intro-content-text p { 
    font-size: 100px;
  }
  .vh-maan-coffee-intro-images {
    height: 300px;
  }
  .vh-maan-coffee-intro-content-logo p { 
    font-size: 50px;
  }
  .hero-copy h1 {
    font-size: 15vw;
  }
  .hero-copy h1 span { 
    top: 40vw;
  }
}

@media (max-width: 768px) {
  .vh-btn-dang-hang-form .vh-btn-dat-hang {
    width: 100%;
  }

  .vh-quay-lai {
    width: 100%;
  }

  .vh-quay-lai a {
    width: 100%;
    justify-content: center;
  }
  .gt-hinh-con-4-img {
    right: 56%;
    opacity: 0.3;
  }
  .gt-hinh-con-2-img {
    opacity: 0.2;
  }

  section .container {
    padding-left: 0;
    padding-right: 0;
  }
  .mann-service-content .container {
    padding-left: 0;
    padding-right: 0;
  }
  .mann-footer-features .feature-item {
    padding: 0.5rem;
  }
  .mann-view-more {
    font-size: 0.95rem;
  }
  .category-title {
    text-align: center;
  }

  .category-table th,
  .category-table td {
    font-size: clamp(0.8rem, 1.2vw, 1rem);
  }

  .category-image-wrapper {
    margin-top: 20px;
  }
  .spt-hinh-con-1 {
    opacity: 0.7;
  }
  .spt-hinh-con-2 {
    opacity: 0.2;
    width: 80px;
  }
  .spt-hinh-con-4 {
    width: 90px;
    opacity: 0.7;
  }
  .spt-hinh-con-3 {
    width: 80px;
    opacity: 0.8;
  }
}

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