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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /* đánh giá khách hàng start */
  .hc-testimonials-title {
    font-size: 2rem;
  }

  .hc-testimonial-card {
    padding: 25px;
  }

  .hc-testimonial-navigation {
    left: -20px;
    right: -20px;
  }

  .hc-testimonial-prev,
  .hc-testimonial-next {
    width: 45px;
    height: 45px;
  }
  /* đánh giá khách hàng end */
}

@media (max-width: 991.8px) {
  /* header {
    display: none;
  }

  .pnvn-menu-mobile {
    display: block;
  } */
  section {
    overflow: hidden;
  }
  section .container,
  footer .container,
  header .container {
    padding-left: 0;
    padding-right: 0;
  }
  .lenis-scrollbar {
    display: none;
  }
  /* slider start */
  .slider-text-content {
    left: 50% !important;
    top: 42%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
  .slider-text-content-text {
    text-align: center;
  }
  .hc-hero-tree-top {
    bottom: -6%;
    right: -5%;
    height: auto;
    width: 100%;
    max-width: 400px;
  }
  .hc-hero-left-strawberry {
    position: absolute;
    bottom: -5%;
    right: 0;
    pointer-events: none;
    z-index: 2;
    max-width: 250px;
  }
  .hc-hero-tree-bottom {
    right: 7%;
  }
  .hc-hero-tree-top {
    right: -1%;
  }
  .hc-hero-left-strawberry-milk {
    position: absolute;
    top: 10%;
    bottom: initial;
  }
  /* slider end */

  /* about start */
  .hc-about-floating-1 {
    left: 2%;
  }
  .hc-process-background {
    background-attachment: initial;
  }
  /* about end */

  /* reasons start */
  .hc-reasons .hc-reason-header-box {
    margin-bottom: 120px;
  }
  .hc-reason-center {
    margin-bottom: 80px;
  }
  /* .hc-reason-center-image {
    width: 35%;
    height: 35%;
    transform: translateY(48%);
    -webkit-transform: translateY(48%);
    -moz-transform: translateY(48%);
    -ms-transform: translateY(48%);
    -o-transform: translateY(48%);
}
  .hc-reason-center-bg-circle {
    width: 60%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
  } */
  .hc-reason-center {
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 80px;
  }
  .hc-reasons {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  /* reasons end */

  /* footer start */
  .hc-footer-header-text-label svg {
    width: 70px;
    height: auto;
  }
  /* footer end */

  /* trang giới thiệu start */
  .hc-about-bg-decoration {
    background-attachment: initial;
  }
  /* trang giới thiệu end */

  .hc-testimonials {
    padding: 50px 0;
  }

  .hc-testimonials-title {
    font-size: 1.8rem;
    margin-bottom: 40px;
  }

  .hc-testimonial-navigation {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    transform: none;
    margin-top: 30px;
    justify-content: center;
    gap: 20px;
  }

  .hc-testimonial-prev,
  .hc-testimonial-next {
    width: 40px;
    height: 40px;
  }

  .hc-testimonial-content {
    font-size: 1rem;
  }
  .hc-hero-milk {
    object-fit: cover;
    object-position: top;
  }
  /* trang danh sách tuyển dụng start */
  .hc-job-meta {
    flex-direction: column;
    gap: 15px;
  }

  .hc-job-info {
    justify-content: center;
    width: 100%;
  }

  .hc-job-apply {
    margin-left: 0;
    width: 100%;
    text-align: center;
  }

  .hc-apply-btn {
    width: 100%;
  }
  /* trang danh sách tuyển dụng end */

  /* trang tuyển dụng chi tiết start */
  .hc-recruitment-company {
    margin-top: 30px;
  }
  /* trang tuyển dụng chi tiết end */

  /* trang liên hệ start */
  .map-contact-section-content-mobile iframe {
    pointer-events: all !important;
    display: block;
  }
  .map-contact-section {
    margin-top: 0;
    margin-bottom: 0;
  }
  /* trang liên hệ end */
  .hc-hero {
    overflow: hidden;
    max-width: 100%;
  }
  .hc-intro-section-about-category-bg {
    background-attachment: initial;
  }
}

@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;
  }
  .lenis-scrollbar {
    width: 3px;
  }
  .lenis-scrollbar.visible {
    width: 5px;
  }
  /* header start */
  .hc-search-modal .modal-dialog {
    margin: 1rem;
  }

  .hc-search-modal .modal-content {
    border-radius: 20px;
  }

  .hc-search-input {
    padding: 15px 50px 15px 20px;
    font-size: 1rem;
    border-radius: 15px;
  }

  .hc-search-btn {
    width: 38px;
    height: 38px;
    right: 15px;
    font-size: 1rem;
  }

  .hc-search-category {
    padding: 6px 15px;
    font-size: 0.85rem;
  }

  .hc-popular-searches {
    padding: 15px 20px;
  }

  .hc-popular-tag {
    padding: 5px 12px;
    font-size: 0.8rem;
  }
  /* header end */

  /* slider start */
  .hc-slider-container {
    height: 100vh; /* Fallback */
    height: calc(var(--vh, 1vh) * 100);
  }

  .hc-hero-tree-top {
    max-width: 209px;
  }
  .hc-hero-tree-bottom {
    max-width: 170px;
  }
  .hc-hero-left-strawberry {
    max-width: 126px;
  }
  .hc-hero-left-strawberry-milk {
    max-width: 180px;
  }

  .slider-text-content {
    left: 5%;
    max-width: 90%;
  }
  .hc-hero-milk {
    display: none;
  }
  .hc-hero-tree-bottom {
    bottom: 10%;
    right: 30%;
  }
  .hc-hero-tree-top {
    bottom: 9%;
    right: 20%;
  }
  .hc-hero-left-strawberry {
    bottom: 10%;
    right: 15%;
  }
  /* slider end */

  /* about start */
  .hc-about-text,
  .hc-process-text {
    font-size: 1rem;
    line-height: 1.5;
  }
  .hc-about-floating-1 {
    top: -11px;
  }
  .hc-about-floating-1 .hc-about-floating-image-box {
    width: 130px;
  }
  .hc-about-floating-2 .hc-about-floating-image-box {
    width: 88px;
  }
  .hc-about-floating-2 {
    bottom: -85px;
    right: 0px;
  }
  .hc-about {
    padding-bottom: 20px;
  }
  /* about end */

  /* process start */
  .hc-process {
    padding: 30px 0;
  }
  /* process end */
  .hc-reason-center-image {
    width: 52%;
    height: 52%;
    transform: translateY(42%);
    -webkit-transform: translateY(42%);
    -moz-transform: translateY(42%);
    -ms-transform: translateY(42%);
    -o-transform: translateY(42%);
  }
  .hc-reason-center-bg-circle {
    max-width: 90%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
  }
  .hc-reason-center-dong-sua {
    bottom: -40%;
    max-width: 245px;
  }
  .hc-reason-center-dong-sua-left {
    left: -5%;
  }
  .hc-reason-center-dong-sua-right {
    right: -5%;
  }

  .hc-reason-center-item-icon-1 {
    left: 5%;
    top: 1%;
  }
  .hc-reason-center-item-icon-2 {
    left: 24%;
    top: -34%;
  }
  .hc-reason-center-item-icon-3 {
    left: 56%;
    top: -37%;
  }
  .hc-reason-center-item-icon-4 {
    left: 74%;
    top: -2%;
  }
  .hc-about-main-image-line {
    left: 48%;
  }
  .hc-reasons {
    margin: 0;
    padding: 40px 0 0;
  }
  /* reasons end */

  /* gallery start */
  .hc-gallery .hc-about-heading {
    /* white-space: normal; */
  }
  .hc-gallery-images-container {
    column-count: 3;
    column-gap: 10px;
  }
  .hc-gallery-image-item {
    margin-bottom: 10px;
  }
  .hc-gallery-and-stast-wrapper {
    padding: 100px 0;
  }
  .hc-gallery-and-stast-wrapper-bg {
    transform: scaleX(1.7);
    -webkit-transform: scaleX(1.7);
    -moz-transform: scaleX(1.7);
    -ms-transform: scaleX(1.7);
    -o-transform: scaleX(1.7);
  }
  .hc-gallery-particle-1 {
    top: 5%;
    right: 2%;
    transform: rotate(15deg) scale(0.6);
  }

  .hc-gallery-particle-2 {
    bottom: 10%;
    left: 3%;
    transform: rotate(-20deg) scale(0.5);
  }

  /* Adjust small particles for mobile */
  .hc-gallery-particle-small {
    width: 6px;
    height: 6px;
  }

  .hc-gallery-particle-medium {
    width: 12px;
    height: 12px;
  }

  /* Reposition particles for better mobile layout */
  .hc-gallery-particle-3 {
    right: 10%;
  }
  .hc-gallery-particle-4 {
    left: 15%;
  }
  .hc-gallery-particle-5 {
    right: 20%;
  }
  .hc-gallery-particle-6 {
    left: 25%;
  }
  .hc-gallery-particle-7 {
    right: 30%;
  }
  .hc-gallery-particle-8 {
    right: 35%;
  }
  .hc-gallery-particle-9 {
    left: 20%;
  }
  .hc-gallery-particle-10 {
    right: 10%;
  }
  /* gallery end */

  /* tin tức trang chủ start */
  .hc-news-navigation {
    display: none;
  }
  .hc-news {
    padding: 30px 0;
  }
  .hc-news-special-container {
    padding: 20px 0;
  }
  .hc-news-navigation {
    display: none;
  }

  .hc-news {
    padding: 30px 0;
  }

  .hc-news-special-container {
    padding: 20px 0;
  }

  .hc-news-item:hover {
    transform: translateY(-4px);
  }
  /* tin tức trang chủ end */

  /* footer start */
  .hc-footer-header-text-label svg {
    width: 50px;
    height: auto;
  }

  /* footer end */

  /* đánh giá khách hàng start */
  .hc-testimonials {
    padding: 40px 0;
  }

  .hc-testimonials-title {
    font-size: 1.6rem;
    margin-bottom: 30px;
  }

  .hc-testimonial-card {
    padding: 20px;
  }

  .hc-testimonial-quote {
    font-size: 40px;
  }

  .hc-testimonial-content {
    font-size: 0.95rem;
    line-height: 1.6;
  }

  .hc-testimonial-avatar {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
  }

  .hc-testimonial-author h5 {
    font-size: 0.95rem;
  }

  .hc-testimonial-author span {
    font-size: 0.85rem;
  }

  .hc-pagination-dot {
    padding: 6px 10px;
    font-size: 0.8rem;
  }
  /* đánh giá khách hàng end */

  /* trang sản phẩm chi tiết start */
  .san-pham-detail .hc-detail-tabs .nav-tabs {
    gap: 10px;
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: flex-start;
    padding-bottom: 5px;
  }

  .san-pham-detail .hc-detail-tabs .nav-link {
    padding: 10px 20px;
    font-size: 16px;
    white-space: nowrap;
  }
  .hydrosite-content h2 {
    font-size: 2rem;
  }

  .hydrosite-content h3 {
    font-size: 1.75rem;
  }

  .hydrosite-content h4 {
    font-size: 1.5rem;
  }

  .hydrosite-content blockquote {
    padding: 1.5rem;
  }

  .hydrosite-content table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  /* trang sản phẩm chi tiết end */

  /* trang danh sách tuyển dụng start */
  .hc-recruitment-main {
    padding: 40px 0;
  }

  .hc-job-content {
    padding: 20px;
  }

  .hc-job-title {
    font-size: 1.1rem;
  }

  .page-link {
    width: 35px;
    height: 35px;
    font-size: 0.9rem;
  }
  /* trang danh sách tuyển dụng end */

  /* trang tuyển dụng chi tiết start */
  .hc-recruitment-content h2 {
    font-size: 24px;
  }

  .hc-recruitment-content h3 {
    font-size: 20px;
  }

  .hc-company-info img {
    width: 100px;
  }

  .hc-company-info h4 {
    font-size: 18px;
  }
  .hc-recruitment-content h2 {
    font-size: 24px;
  }

  .hc-recruitment-content h3 {
    font-size: 20px;
  }

  .hc-recruitment-company {
    padding: 20px;
  }

  .hc-company-info img {
    max-width: 150px;
  }
  /* trang tuyển dụng chi tiết end */

  /* trang liên hệ start */
  .lien-he .contact-form-wrapper {
    padding: 15px 0;
  }
  .lien-he .contact-form-container {
    padding: 30px 20px;
  }
  .lien-he .form-title {
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
  .lenis.lenis-smooth iframe {
    height: 400px;
  }
  /* trang liên hệ end */

  /* bổ sung slider động start */
 

  .dynamic-slider-container .slide-content {
    bottom: 8%;
    width: 95%;
  }

  .dynamic-slider-container .swiper-button-next,
  .dynamic-slider-container .swiper-button-prev {
    width: 40px !important;
    height: 40px !important;
    font-size: 16px !important;
  }

  .dynamic-slider-container .swiper-button-next:after,
  .dynamic-slider-container .swiper-button-prev:after {
    font-size: 16px !important;
  }
  /* bổ sung slider động end */
}

@media (max-width: 576px) {
  .hc-gallery-images-container {
    column-count: 3;
    column-gap: 5px;
  }
  .hc-gallery-image-item {
    margin-bottom: 5px;
  }
  .hc-slider-wrapper,
  .hc-hero {
    min-height: 125vh;
  }
  /* footer start */
  .hc-footer-product-pack {
    width: 67px;
  }
  .hc-footer-product-small {
    width: 77px;
  }

  .hc-footer-product-package {
    width: 67px;
    left: 25%;
  }
  .hc-decoration-4 {
    width: 110px;
  }
  .hc-decoration-3 {
    bottom: -18%;
    right: 7%;
    width: 110px;
  }
  .hc-decoration-2 {
    bottom: -15%;
    right: 15%;
    width: 100px;
  }
  .hc-decoration-1 {
    bottom: -20%;
    right: 23%;
    width: 84px;
  }
  .hc-footer-products-new {
    height: 140px;
  }
  .hc-footer-header-text-label svg {
    width: 37px;
    height: auto;
  }
  /* footer end */

  /* banner start */
  .hc-about-hero-bg-color {
    transform: scaleX(2);
    -webkit-transform: scaleX(2);
    -moz-transform: scaleX(2);
    -ms-transform: scaleX(2);
    -o-transform: scaleX(2);
  }
  .hc-about-hero {
    padding: 80px 0 80px;
  }
  /* banner end */

  .hc-testimonials {
    padding: 30px 0;
  }

  .hc-testimonials-title {
    font-size: 1.4rem;
    margin-bottom: 25px;
  }

  .hc-testimonial-card {
    padding: 15px;
  }

  .hc-testimonial-quote {
    font-size: 32px;
    margin-bottom: 15px;
  }

  .hc-testimonial-content {
    font-size: 0.9rem;
    margin-bottom: 20px;
  }

  .hc-testimonial-footer {
    padding-top: 15px;
    gap: 10px;
  }

  .hc-testimonial-avatar {
    width: 45px;
    height: 45px;
    min-width: 45px;
    min-height: 45px;
  }

  .hc-pagination-dot {
    padding: 5px 8px;
    font-size: 0.75rem;
  }

  .hc-testimonial-navigation {
    margin-top: 20px;
    gap: 15px;
  }

  .hc-testimonial-prev,
  .hc-testimonial-next {
    width: 35px;
    height: 35px;
  }

  /* trang sản phẩm start */
  .hc-product-card {
    padding: 15px;
  }

  /* trang sản phẩm end */

  /* trang sản phẩm chi tiết start */
  .san-pham-detail .hc-detail-tabs {
    margin: 40px 0;
  }

  .san-pham-detail .hc-detail-tabs .nav-link {
    padding: 8px 15px;
    font-size: 14px;
  }
  .san-pham-detail .hc-product-details {
    padding: 0 0 30px;
  }
  .san-pham-detail .hc-product-actions {
    flex-direction: column;
  }
  .hc-call-modal .modal-title {
    font-size: 20px;
  }

  .call-description {
    font-size: 16px;
  }

  .call-number {
    padding: 12px 20px;
  }

  .call-number span {
    font-size: 20px;
  }

  .hc-call-modal .btn {
    padding: 10px 20px;
  }
  .san-pham-detail .hc-product-detail-main {
    padding: 30px 0;
  }
  .hydrosite-content h2 {
    font-size: 1.75rem;
  }

  .hydrosite-content h3 {
    font-size: 1.5rem;
  }

  .hydrosite-content h4 {
    font-size: 1.25rem;
  }

  .hydrosite-content p,
  .hydrosite-content li {
    font-size: 1rem;
  }
  /* trang sản phẩm chi tiết end */

  /* trang danh sách tuyển dụng start */

  .hc-job-info {
    gap: 10px;
  }

  .hc-job-info-item {
    font-size: 0.85rem;
  }

  .page-link {
    width: 30px;
    height: 30px;
    font-size: 0.8rem;
  }
  /* trang danh sách tuyển dụng end */

  /* trang tuyển dụng chi tiết start */
  .hc-recruitment-content {
    font-size: 15px;
  }

  .hc-recruitment-content h2 {
    font-size: 22px;
  }

  .hc-recruitment-content blockquote {
    padding: 15px;
  }

  .hc-company-contact i {
    width: 35px;
    height: 35px;
  }
  /* trang tuyển dụng chi tiết end */

  /* trang gallery start */
  .hc-stat-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }
  .hc-stat-number {
    font-size: 1.2rem;
  }
  .hc-stat-number-label {
    font-size: 0.8rem;
  }
  .hc-newsletter-input-wrapper {
    width: 100%;
  }

  /* trang gallery end */
  .hc-footer-newsletter {
    margin-bottom: 30px;
  }
  .hc-footer-content {
    margin-bottom: 20px;
  }
  .hc-footer-main-new {
    padding: 30px 0 30px;
  }
  .hc-newsletter-title {
    font-size: 1.4rem;
  }
  .hc-footer-header-text-label svg {
    width: 24px;
    height: auto;
  }
  .hc-footer-new {
    max-width: 95%;
  }
}
@media (max-width: 330px) {
}

/* Fix cho iOS Safari */
@supports (-webkit-touch-callout: none) {
  .hc-slider-container {
    height: -webkit-fill-available;
  }
}