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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hydro-smiling-monkey-fresh-produce-content-item-child-content {
    max-width: 200px;
  }
  .hydro-smiling-monkey-fresh-produce-content-box
    .hydro-smiling-monkey-fresh-produce-content-item:nth-child(even)
    .hydro-smiling-monkey-fresh-produce-content-item-child-content {
    left: -200px;
  }
  .hydro-smiling-monkey-fresh-produce-content-box {
    max-width: 550px;
  }
  .hydro-smiling-monkey-fresh-produce-content-circle {
    padding: 15%;
  }
  .hydro-smiling-monkey-fresh-produce-content-item-child-img {
    width: 100px;
    height: 100px;
  }
  .hydro-smiling-monkey-fresh-produce-content-item.item-1 {
    top: 80px;
    left: 0px;
  }
  .hydro-smiling-monkey-fresh-produce-content-item.item-2 {
    top: 80px;
    right: 0px;
  }
  .hydro-smiling-monkey-fresh-produce-content-item.item-3 {
    bottom: 80px;
    left: 0px;
  }
  .hydro-smiling-monkey-fresh-produce-content-item.item-4 {
    bottom: 80px;
    right: 0px;
  }
  /* jina */
  .hydro-smiling-monkey-nav-menu .navbar-nav .nav-link {
    padding: 10px 10px;
  }
  .jina-card-inner {
    flex-direction: column !important;
  }
  .jina-number-labels {
    text-align: center !important;
  }

  /* why choose us start */
  .why-card {
    padding: 15px 10px;
  }
  .card-description {
    font-size: 14px;
    line-height: 1.5;
  }
  .card-title {
    font-size: 1.1rem;
    line-height: 18px;
    margin-bottom: 10px;
  }

  /* why choose us end */
}

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

  .pnvn-menu-mobile {
    display: block;
  } */
  section {
    overflow: hidden;
  }
  section .container,
  footer .container {
    padding-left: 0;
    padding-right: 0;
  }
  .lenis-scrollbar {
    display: none;
  }
  /* monkey */
  .hydro-smiling-monkey-nav-menu.navbar {
    display: none;
  }
  .hydro-smiling-monkey-mobile-toggle .navbar-toggler-icon {
    width: 2.5em;
    height: 2.5em;
  }
  .hydro-smiling-monkey-mobile-header .container {
    padding-left: 0;
    padding-right: 0;
  }
  .hydro-smiling-monkey-logo img {
    max-height: 70px;
    width: auto;
  }
  .hydro-smiling-monkey-mobile-header {
    padding: 10px 0;
  }
  .hydro-smiling-monkey-mobile-nav .nav-link {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
  }
  .hydro-smiling-monkey-header.active .hydro-smiling-monkey-logo img {
    max-height: 55px;
  }
  .hydro-smiling-monkey-fresh-produce-content-circle {
    background-attachment: initial;
  }
  .hydro-smiling-monkey-fresh-produce-content-item {
    display: none;
  }
  .hydro-smiling-monkey-fresh-produce-content-circle {
    padding: 6%;
  }
  .hydro-smiling-monkey-fresh-produce-content-mobile {
    display: block;
  }
  .hydro-smiling-monkey-fresh-produce-bg-child,
  .hydro-smiling-monkey-fresh-produce-bg-child-image {
    display: none;
  }
  .hydro-smiling-monkey-featured-item-content {
    background: #f8f7f1;
    padding: 70px 130px;
    overflow: visible;
  }
  .hydro-smiling-monkey-featured-item:nth-child(odd)
    .hydro-smiling-monkey-featured-item-mockup {
    transform: translateY(-50%) translateX(-40%) rotateY(180deg);
    -webkit-transform: translateY(-50%) translateX(-40%) rotateY(180deg);
    -moz-transform: translateY(-50%) translateX(-40%) rotateY(180deg);
    -ms-transform: translateY(-50%) translateX(-40%) rotateY(180deg);
    -o-transform: translateY(-50%) translateX(-40%) rotateY(180deg);
  }
  .hydro-smiling-monkey-featured-item:nth-child(even)
    .hydro-smiling-monkey-featured-item-mockup {
    transform: translateY(-50%) translateX(40%) rotateY(180deg);
    -webkit-transform: translateY(-50%) translateX(40%) rotateY(180deg);
    -moz-transform: translateY(-50%) translateX(40%) rotateY(180deg);
    -ms-transform: translateY(-50%) translateX(40%) rotateY(180deg);
    -o-transform: translateY(-50%) translateX(40%) rotateY(180deg);
  }
  .hydro-smiling-monkey-featured-desc {
    line-height: 1.5;
  }
  .hydro-smiling-monkey-featured-item-mockup {
    width: 40%;
  }
  .hydro-smiling-monkey-featured-products .hydero-smiling-monkey-title-box {
    padding-left: 70px;
  }
  .hydro-smiling-monkey-featured-item-content {
    overflow: visible;
  }
  .hydro-smiling-monkey-featured-item-content::before {
    display: none;
  }
  .hydro-smiling-monkey-featured-products
    .hydero-smiling-monkey-title-box
    .hydro-smiling-monkey-section-subtitle {
    padding-left: 8px;
  }
  .hydro-smiling-monkey-page-banner {
    background-attachment: initial;
  }
  .hydro-smiling-monkey-history-wrapper .row {
    gap: 190px 0;
  }
  .hydro-smiling-monkey-partners,
  .hydro-smiling-monkey-main-content {
    padding-bottom: 0 !important;
  }
  /* jina */

  /* impressive numbers start */
  .jina-numbers-title-wrapper {
    margin-bottom: 2rem;
    text-align: center;
  }

  .jina-title-background {
    max-width: 400px;
    margin: 0 auto;
  }
  .jina-numbers-container {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  }
  .jina-label-top,
  .jina-label-bottom {
    font-size: clamp(1.1rem, 1.0692rem + 0.1538vw, 1.2rem);
  }
  .jina-impressive-numbers-section .jina-section-title {
    font-size: clamp(1.7rem, 1.5095rem + 0.9524vw, 2.1rem);
  }
  .jina-impressive-numbers-section .jina-company-name {
    font-size: clamp(2rem, 1.5238rem + 2.381vw, 3rem);
  }
  /* impressive numbers end */

  /* our service start */
  .service-content-wrapper {
    flex-direction: column !important;
    gap: 30px;
  }

  .service-label-box {
    transform: rotate(6deg) translateX(-4%);
    -webkit-transform: rotate(6deg) translateX(-4%);
    -moz-transform: rotate(6deg) translateX(-4%);
    -ms-transform: rotate(6deg) translateX(-4%);
    -o-transform: rotate(6deg) translateX(-4%);
  }

  .section-title {
    font-size: 24px;
  }

  .section-subtitle {
    font-size: 24px;
    letter-spacing: 3px;
  }
  .service-label span {
    font-size: 2rem;
  }
  .service-label {
    top: -2.5rem;
    left: 9%;
  }

  /* our service end */

  /* why choose us start */
  .why-cards-container {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
  }

  .why-card {
    min-height: 180px;
    padding: 20px 15px;
  }

  .section-title {
    font-size: 24px;
  }
  .card-description {
    font-size: 1.1rem;
  }

  .section-subtitle {
    font-size: 24px;
    letter-spacing: 3px;
  }
  .why-choose-us-bg {
    background-attachment: initial;
  }
  .why-card-1,
  .why-card-2,
  .why-card-3,
  .why-card-4,
  .why-card-5 {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  #why-cards-container {
    min-height: 650px;
  }
  .jina-mobile-logo {
  }
  .page-introduce .hydro-smiling-monkey-history {
    padding-bottom: 170px;
    margin-bottom: 0;
  }
  .page-introduce .hydro-smiling-monkey-customers {
    margin-top: 0;
    margin-bottom: 0;
  }
  .page-introduce .hydro-smiling-monkey-partners {
    margin-top: 0;
  }
  .hydro-smiling-monkey-page-banner {
    padding: 8rem 0;
  }
  .jina-search-input-group {
    width: 100%;
  }
}

@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;
  }
  .hydro-smiling-monkey-featured-item-mockup {
    position: relative;
    left: initial;
    top: initial;
    right: initial;
    transform: translate(0) !important;
    -webkit-transform: translate(0) !important;
    -moz-transform: translate(0) !important;
    -ms-transform: translate(0) !important;
    -o-transform: translate(0) !important;
  }
  .hydro-smiling-monkey-featured-item-col {
    flex-direction: column;
    align-items: center;
    display: flex;
    background: #f8f7f1;
  }
  .hydro-smiling-monkey-featured-item-content {
    background: transparent;
    padding: 30px 100px;
    text-align: center;
  }
  .hydro-smiling-monkey-featured-products
    .hydro-smiling-monkey-featured-item:first-of-type
    .hydro-smiling-monkey-featured-item-col {
    padding-top: 30px;
  }
  .hydro-smiling-monkey-featured-products .hydero-smiling-monkey-title-box {
    padding-left: 20px;
  }
  .hydro-smiling-monkey-featured-products
    .hydero-smiling-monkey-title-box
    .hydro-smiling-monkey-section-subtitle {
    text-align: center !important;
    font-size: 1.2rem !important;
  }
  .hydro-smiling-monkey-page-banner {
    padding: 4rem 0;
  }
  .addtocart-wrapper-box {
    flex-direction: column;
  }
  .fbn-product-quantity-wrapper {
    width: 100%;
    justify-content: center;
  }
  .fbn-add-to-cart {
    min-width: 100%;
  }
  .btn-send-contact {
    width: 100%;
  }
  /* jina */

  /* impressive numbers start */
  .jina-section-title {
    font-size: 1.5rem;
  }

  .jina-company-name {
    font-size: 1.5rem;
    letter-spacing: 2px;
  }

  .jina-number {
    font-size: 3.5rem;
  }

  .jina-number::after {
    font-size: 2.5rem;
    right: -1rem;
  }

  .jina-label-top,
  .jina-label-bottom {
    font-size: clamp(0.8rem, 0.6571rem + 0.7143vw, 1rem);
  }
  .jina-card-center .jina-card-inner {
    left: 0;
  }

  /* impressive numbers end */

  /* our service start */
  .our-service-section {
    padding: 40px 0;
  }

  .service-description {
    font-size: clamp(0.9rem, 1vw, 1rem);
    line-height: 1.6;
  }

  .service-description::before {
    font-size: 2rem;
    left: -10px;
    top: -5px;
  }

  .section-title-wrapper {
    padding: 15px 25px;
  }

  .decorative-blur {
    opacity: 0.5;
  }
  .service-item {
    margin-bottom: 80px;
  }
  /* our service end */

  /* why choose us start */
  .why-choose-us-section {
    padding: 40px 0;
  }

  .why-cards-container {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .why-card {
    max-width: 350px;
    min-height: 160px;
    border-radius: 25px 10px 25px 10px;
  }

  .section-title-wrapper {
    padding: 15px 30px;
  }

  .section-title {
    font-size: 20px;
  }

  .section-subtitle {
    font-size: 20px;
    letter-spacing: 2px;
  }

  .section-tagline {
    font-size: 14px;
  }
  /* why choose us end */

  /* faq start */

  .character {
    transform: scale(0.8);
  }

  .large-q {
    font-size: 80px;
    top: 30px;
    right: 80px;
  }

  .medium-q {
    font-size: 40px;
    top: 10px;
    left: 10px;
  }

  .small-q {
    font-size: 30px;
    bottom: 150px;
    left: 150px;
  }

  .faq-header .section-title {
    font-size: 2rem;
  }

  .faq-accordion .accordion-button {
    padding: 1rem;
    font-size: 1rem;
  }

  .faq-accordion .accordion-body {
    padding: 1rem;
  }
  /* faq end */

  /* trang our service start */
  .jina-popup-body {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 30px 20px;
  }

  .jina-popup-actions {
    flex-direction: column;
  }

  .jina-popup-btn {
    width: 100%;
    max-width: initial;
  }

  .jina-services-next,
  .jina-services-prev {
    width: 50px;
    height: 50px;
    font-size: 16px;
  }

  .jina-services-next {
    right: -25px;
  }

  .jina-services-prev {
    left: -25px;
  }
  /* trang our service end */

  .jina-methods-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
  }

  .hydro-smiling-monkey-history-year {
    width: 100%;
  }

  .hydro-smiling-monkey-history-text {
    font-size: 20px;
  }

  .hydro-smiling-monkey-history-year {
    left: 0;
    transform: initial;
    -webkit-transform: translateX(0%);
    opacity: 1;
    font-size: 22px;
  }
}

@media (max-width: 576px) {
  .hydro-smiling-monkey-featured-item-content {
    padding: 30px 50px;
  }
  .hydro-smiling-monkey-featured-desc {
    line-height: 1.3;
  }
  .hydro-smiling-monkey-featured-item-mockup {
    min-width: 250px;
  }
  .mk-product-item-card-category {
    font-size: 0.6rem;
    padding-left: 0.2rem 0.6rem;
  }
  .form-select.filter-sort {
    max-width: 200px;
  }
  .hydro-smiling-monkey-phone-number {
    font-size: 1.5rem;
  }
  .hydro-smiling-monkey-call-text {
    font-size: 1.3rem;
  }
  .hydro-smiling-monkey-about-contact img {
    height: 50px;
  }

  /* impressive numbers start */
  /* .jina-card-left .jina-card-inner,
  .jina-card-center .jina-card-inner,
  .jina-card-right .jina-card-inner {
    clip-path: none;
    border-radius: 15px;
    margin: 0;
  } */
  .jina-number {
    font-size: 2.5rem;
  }
  .jina-card-left .jina-card-inner,
  .jina-card-center .jina-card-inner {
    clip-path: polygon(0 0, 100% 0%, 91% 100%, 0% 100%);
  }
  .jina-number-card {
    height: 160px;
  }
  .service-label span {
    font-size: 1.3rem;
  }
  .service-label {
    top: -1.8rem;
    left: 10%;
  }
  .service-label-box {
    transform: rotate(8deg) translateX(-6%);
    -webkit-transform: rotate(8deg) translateX(-6%);
    -moz-transform: rotate(8deg) translateX(-6%);
    -ms-transform: rotate(8deg) translateX(-6%);
    -o-transform: rotate(8deg) translateX(-6%);
  }
  .service-title {
    font-size: clamp(1.7rem, 1.075rem + 3.125vw, 2.2rem);
  }
  .service-item .col {
    padding-left: 0;
    padding-right: 0;
  }
  /* impressive numbers end */

  /* why choose us start */
  #why-cards-container {
    min-height: 1250px;
  }
  /* why choose us end */

  /* contact index start */
  .feature-icon {
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px;
  }
  /* contact index end */
  .jina-impressive-numbers-section {
    margin-top: 0;
    margin-bottom: 0;
  }

  /* trang our service start */
  .jina-services-swiper-container {
    padding: 40px 0;
  }

  .jina-services-next,
  .jina-services-prev {
    width: 45px;
    height: 45px;
    font-size: 14px;
  }

  .jina-services-next {
    right: -20px;
  }

  .jina-services-prev {
    left: -20px;
  }

  .jina-popup-header {
    padding: 20px 15px;
  }

  .jina-popup-title {
    font-size: 20px;
  }

  .jina-popup-body {
    padding: 20px 15px;
  }

  /* Quote Popup Responsive */
  .jina-quote-popup {
    max-width: 95%;
    margin: 10px;
  }

  .jina-quote-header {
    padding: 20px 15px;
  }

  .jina-quote-title {
    font-size: 22px;
  }

  .jina-quote-body {
    padding: 20px 15px;
  }

  /* Quote form responsive - now handled by Bootstrap grid */

  .jina-quote-actions {
    flex-direction: column;
    gap: 15px;
  }

  .jina-quote-btn {
    width: 100%;
    min-width: auto;
  }
  /* trang our service end */
}
@media (max-width: 330px) {
  .hydro-smiling-monkey-featured-item-content {
    padding: 30px 30px;
  }
  .hydro-smiling-monkey-phone-number {
    font-size: 1.2rem;
  }
}