@media only screen and (max-width: 1680px) {
  html {
    font-size: 15px;
  }
  /* .footer-links .input-container input {
    width: 20rem;
  } */
  .sec5-wrapper .detail:nth-child(4) .contact-info p {
    width: fit-content;
  }
  .footer-links {
    display: flex;
    gap: var(--big-gap-size);
    /* gap: 10rem; */
  }
}

@media only screen and (max-width: 1450px) {
  html {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1366px) {
  html {
    font-size: 13px;
  }
  .footer-links .input-container input {
    width: 22rem;
  }
  .sec5-wrapper .detail:nth-child(4) .contact-info p {
    width: fit-content;
  }
}

@media only screen and (max-width: 1152px) {
  html {
    font-size: 12px;
  }
  .footer-links {
    gap: var(--medium-gap-size);
  }
}

@media only screen and (max-width: 1024px) {
  html {
    font-size: 11px;
  }
  /* .footer-links .input-container input {
    width: 15rem;
  } */
  /* .footer-links {
        gap: 3rem;
    } */
  .footer-content .logo-container {
    width: 16rem;
  }
}

@media only screen and (max-width: 991px) {
  .visible-tab-mobile {
    display: block !important;
  }

  .hide-tab-mobile {
    display: none !important;
  }
  .footer-links {
    gap: 3rem;
  }
  .footer-links .input-container input {
    width: 16rem;
  }
  .sec5-form-cont {
    padding: 2.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .visible-mobile-only {
    display: block !important;
  }

  .hide-mobile-only {
    display: none !important;
  }
  .footer-section-container {
    flex-direction: column;
  }
  .footer-links {
    flex-direction: column;
    gap: 2rem;
  }
  .footer-cont-1 {
    order: 2;
  }
  .footer-cont-2 {
    order: 3;
  }
  .footer-cont-3 {
    order: 1;
  }
  .footer-content .logo-container {
    margin-bottom: 2rem;
  }
  .footer-section {
    gap: 3rem;
  }
  .input-container-wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
  .footer-list {
    flex-direction: column;
    gap: 1rem;
  }
  .footer-hero-img {
    width: max-content;
  }
  .footer-links .input-container input {
    width: 100%;
    font-size: 1rem;
  }
  .footer-links div > p {
    font-size: 1.125rem;
  }
  .footer-links ul li a p {
    font-size: 1rem;
  }
  .footer-list li a p {
    font-size: 1rem;
  }
  #cosmecia-home-section-6 .sec6-container {
    padding: 3.5rem;
    flex-direction: column;
    gap: 4rem;
  }
  .input-container {
    width: calc(100% - 30% - 0.375rem);
    flex-basis: calc(100% - 30% - 0.375rem);
  }
  .cosmecia-button {
    width: calc(100% - 70% - 0.375rem);
    flex-basis: calc(100% - 70% - 0.375rem);
  }
  .sec5-wrapper {
    flex-direction: column;
    gap: var(--medium-gap-size);
  }
  .sec5-cont,
  .sec5-form-cont {
    width: 100%;
  }
  .cosmecia-button p {
    font-size: 0.85rem !important;
  }
  .form-input input,
  .form-input textarea {
    font-size: 1rem;
  }
  .sec5-wrapper .contact-info p {
    font-size: 1.2rem;
  }
  .section-padding{
    padding: 5rem 0;
  }
}

@media only screen and (max-width: 600px) {
}

@media only screen and (max-width: 325px) {
  #cosmecia-home-section-6 .sec6-container {
    padding: 3rem 2rem;
  }
}