@media all and (max-width: 992px) {
  h1 {
    font-size: 48px !important;
    line-height: 45px !important;
  }

  h2,
  .as-h2 {
    color: #000000;
    font-size: 36px !important;
    line-height: 35px !important;
  }

  h3,
  .as-h3 {
    font-size: 28px;
    line-height: 25px;
  }

  h4 {
    font-size: 24px !important;
    line-height: 24px !important;
  }

  h5 {
    font-size: 21px !important;
    line-height: 20px !important;
  }

  h6 {
    font-size: 18px !important;
    line-height: 16px !important;
  }

  #inn-section .pro-box {
    margin-bottom: 15px;
  }

  #inn-banner-slider .ioi-banner {
    height: 40vh;
    min-height: 400px;
  }

  #inn-section .p-0 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .bg-imgB {
    width: auto;
    position: inherit;
  }

  .cus-img1 {
    margin-left: 0;
    width: auto;
    position: inherit;
    margin-top: 20px;
  }

  .cus-pr2 {
    padding-right: 0;
  }

  .cus-ml2 {
    margin-left: 0;
  }

  .cus-pl {
    padding-left: 15px;
  }

  .cus-mr {
    margin-right: 0;
  }

  .cus-mb {
    margin-bottom: 60px;
  }

  .cus-pr {
    padding-right: 15px;
  }

  .cus-ml {
    margin-left: 0;
    margin-right: 0;
  }

  .head-left-list,
  .head-account {
    text-align: center;
  }

  .menu {
    text-align: left;
    display: inherit;
  }

  .header-logo {
    margin-left: 0 !important;
  }

  .search-list li {
    width: 100%;
    margin-left: 0;
  }

  .search-list li:last-child {
    width: 90%;
    margin-left: 0;
    position: absolute;
    left: 100%;
    right: 60px;
  }

  .search-list li:last-child img {
    top: 18px;
    right: -5px;
    width: 15px;
  }

  .carousel-caption {
    right: 25%;
  }

  .carousel-caption p {
    text-align: left !important;
  }

  .hm-video-box {
    padding: 20px 0;
  }

  #multi-ve-section,
  #welcome-section,
  #hm-video-section,
  #featured-products-section,
  #our-products-section,
  #powers-section,
  #testimonial-section,
  #blog-section,
  #ts-products-section,
  #blog-section {
    padding-bottom: 60px;
    padding-top: 0px;
  }

  #featured-products-section .web-btn {
    margin-bottom: 30px;
  }

  #feature-section {
    padding-bottom: 60px;
    padding-top: 60px;
  }

  .cus-pro-px {
    padding-left: 15px;
    padding-right: 15px;
  }

  .blog-box {
    margin-bottom: 30px;
  }

  .regime-box {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 50px;
    text-align: center;
  }

  .mb-down img {
    display: none;
  }

  #regime-section {
    padding-bottom: 60px;
    padding-top: 0px;
  }

  #powers-section {
    background: none;
  }

  .powers-ctn-box {
    padding-left: 15px;
  }

  .testimonial-img-box {
    width: auto;
  }

  #owl-testimonial .item {
    padding: 20px;
  }

  #main_footer {
    padding-top: 60px;
  }

  #main_footer h4 {
    margin-top: 30px;
  }

  #footer-copyright {
    text-align: center;
  }

  .beauty-routine {
    padding: 30px;
    text-align: center;
  }

  .header .menu-mobile-trigger span {
    background: #580f41;
  }

  .header .menu-mobile-trigger {
    margin-bottom: 6px;
  }

  .header-logo img {
    margin: 10px auto 0px auto;
  }

  #feature-section h4 {
    margin-bottom: 30px;
  }

  #inn-banner-slider .carousel-caption {
    right: 20%;
  }

  .short-list {
    text-align: center;
  }

  .short-list li {
    width: 150px;
  }

  .short-menu select {
    width: 150px;
  }

  #inn-pro-cat-section .pro-box {
    margin-bottom: 30px;
  }

  .pro-qty-list li {
    width: 30%;
  }

  .replenish-list li:last-child {
    width: auto;
  }

  .ctrl {
    margin-bottom: 20px;
  }

  .pro-accordion {
    margin-top: 20px;
  }

  .banner-image-caption {
    position: absolute;
    left: 2.2rem;
    top: 22rem;
  }

  .allproduct-banner-caption {
    top: 10% !important;
    left: 5% !important;
    right: 10% !important;
  }

  .allproduct-banner-caption h2 {
    font-size: clamp(14px, 3.2vw, 32px) !important;
    margin-bottom: 0.15em !important;
  }

  .allproduct-banner-caption p {
    font-size: clamp(7px, 1.3vw, 14px) !important;
  }

  .finder-banner-caption {
    top: 30% !important;
    left: 48% !important;
    right: 3% !important;
  }

  .finder-banner-caption h2 {
    font-size: clamp(14px, 3.2vw, 32px) !important;
    margin-bottom: 0.2em !important;
  }

  .finder-banner-caption p {
    font-size: clamp(7px, 1.3vw, 13px) !important;
  }

  .house-banner-caption p {
    text-align: center !important;
  }

  .cusm-pl {
    padding-left: 20px !important;
  }

  .cusm-pr {
    padding-right: 20px !important;
  }

  .cusom-pl {
    padding-left: 40px !important;
  }

  .cusom-pr {
    padding-right: 40px !important;
  }
  .ritual-banner-heading {
    font-size: clamp(18px, 4.5vw, 40px) !important;
    line-height: 1.15 !important;
    margin-bottom: 0.15em !important;
  }

  .ritual-banner-subtext {
    font-size: clamp(10px, 1.8vw, 16px) !important;
  }



  .mobile-text {
    font-size: 28px !important;
    line-height: 25px !important;
  }
  .mobile-banner img {
    height: 385px;
  }

  .image-push-top {
    margin-top: 0px;
  }

  .testimonial-slider .slick-dots {
    margin-top: 0 !important;
  }

  .slick-dots {
    bottom: 0 !important;
  }

  .key-ingredients-slider #owl-ingredients .slick-next {
    position: absolute;
    left: 82.5%;
    background: #fff;
    color: #444444;
    width: 50px;
    font-size: 30px;
    top: 70%;
    height: 42px;
  }

  .banner-position-right-bottom {
    right: 20px !important;
    bottom: 10px !important;
  }

  #main-menu {
    padding: 0px 0 0px 0;
  }

  .vbanner p,
  .cb-banner-caption p {
    text-align: center !important;
  }

  .a-banner {
    bottom: 20px;
  }

  .iaoi-caption h2 {
    line-height: 26px !important;
    font-size: 24px !important;
  }

  .iaoi-caption {
    left: -3px !important;
    top: 3px !important;
  }

  .actions {
    /*margin-left: 2.5em !important;*/
  }

  .bottom-mobile-action {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 20px;
    background-color: #fff;
    border-top: 1px solid lightgray;
    z-index: 99999 !important;
  }

  .goog-te-gadget .goog-te-combo {
    margin: 0 !important;
    border: none;
    background-color: transparent;
    width: 90% !important;
  }

  .goog-te-gadget {
    height: 22px !important;
  }

  .lang-select {
    display: flex;
    align-items: center;
    width: 48% !important;
    background-color: lightgray;
    padding: 5px 0px 5px 14px;
    border-radius: 8px;
  }

  .w-55 {
    width: 100% !important;
  }
  .w-45 {
    width: 100% !important;
  }
  .pb-60px {
    padding-bottom: 60px;
  }
  .banner {
    height: 400px;
  }

  .gap-tab {
    gap: 2rem !important;
  }
}

@media all and (max-width: 375px) {
  h1 {
    font-size: 48px !important;
    line-height: 45px !important;
  }
  h2 {
    font-size: 36px !important;
    line-height: 35px !important;
  }
  h3 {
    font-size: 28px;
    line-height: 25px;
  }
  h4 {
    font-size: 24px !important;
    line-height: 24px !important;
  }
  h5 {
    font-size: 21px !important;
    line-height: 20px !important;
  }
  h6 {
    font-size: 18px !important;
    line-height: 17px !important;
  }
  .head-account li:last-child {
    margin-right: 0 !important;
  }
  .ritual-banner-heading {
    font-size: clamp(14px, 4.5vw, 28px) !important;
    line-height: 1.15 !important;
    margin-bottom: 0.1em !important;
  }
  .ritual-banner-subtext {
    font-size: clamp(8px, 1.8vw, 12px) !important;
  }
}

@media (min-width: 993px) and (max-width: 1395px) {
  .regime-box {
    padding-right: 0px !important;
  }

  .cusm-pl {
    padding-left: 40px !important;
  }

  .cusm-pr {
    padding-right: 40px !important;
  }
}

@media all and (max-width: 667px) {
    .finder-banner-caption {
      top: 30% !important;
      left: 45% !important;
      right: 3% !important;
    }

    .finder-banner-caption h2 {
      font-size: clamp(11px, 3vw, 22px) !important;
      margin-bottom: 0.15em !important;
    }

    .finder-banner-caption p {
      font-size: clamp(6px, 1.2vw, 10px) !important;
      line-height: 1.3 !important;
    }
}