@media (max-width: 400px) {
  /* first section */
  #presentation-section {
    height: 52rem;
    padding-bottom: 0;
    padding-top: 0 !important;
    
    & .et_pb_bottom_inside_divider {
      background-size: 100% 4em !important;
      height: 4em !important;
    }

    & .presentation-section-container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding-top: 25px;
      
      & .presentation-nelum-content {
        /* margin-bottom: 70px; */
        margin-bottom: 15px;
      }

      & .asset-content {
        width: 80% !important;
      }

      & #nelum-transparent-logo {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
      }

      & .et_pb_button_0_wrapper {
        margin-bottom: 50px;

        & .schedule-btn {
          font-size: 1.2rem !important;
          padding: 0.5rem 1.5rem !important;
          box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
            rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        }
      }
    }
  }

  #sobre-nosotros-seccion {
    & .about-us-container {
      padding-bottom: 0;

      & .about-us-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 70px;
        margin-top: 2rem;

        & .who-are-we-img {
          min-width: 130%;
          margin-left: -15%;
          margin-bottom: 30px !important;
        }

        & .et_pb_button_module_wrapper .about-us-btn {
          font-size: 1.2rem !important;
          box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
            rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
          padding: 0.6rem 1.2rem !important;
        }
      }
    }
  }

  #why-choose-us {
    /* padding-top: 60px; */
    padding-top: 0;

    &::before {
      right: -96% !important;
      top: 20% !important;
      transform: scale(0.15) !important;
    }

    & .why-choose-us-container {
      & .why-choose-us-content {
        & .why-choose-us-header .et_pb_text_inner {
          font-size: 1.7rem;
          margin-bottom: 3rem !important;
        }

        & #standard-card {
          margin-bottom: 60px;

          & .dtq-iconbox-inner.dtq-bg-support {
            grid-template-columns: 12% 80% !important;
            gap: 8%;

            .dtq-iconbox__desc {
              font-size: 0.9rem !important;
            }
            .dtq-iconbox__title {
              font-size: 1.2rem !important;
              padding-bottom: 0;
            }
          }
        }
      }
      & .why-choose-us-asset-content {
        & .rotated-text {
          transform: rotate(-10deg) translate(5%, -53%) !important;
          font-size: 2.2rem !important;
        }
      }
    }
  }

  #sevices-section {
    & .et_pb_top_inside_divider {
      background-size: 100% 4em !important;
      height: 7em !important;
    }

    &::before {
      background-image: url(http://www.nelum.beauty/wp-content/uploads/2025/03/Asset-62-100.png) !important;
      content: "";
      top: 100%;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: 100% 12%;
      background-repeat: no-repeat;
      transform: scale(3.7) translate(-31%, 24.5%);
      filter: opacity(0.9) brightness(1.1);
    }

    & .et_pb_top_inside_divider {
      margin-top: -14%;
    }

    & .header-container {
      & .services-content {
        & .services-header {
          font-size: 1.6rem;
        }
      }
    }

    & .content-conainer {
      display: flex;
      flex-direction: column;
      align-items: center;

      & .img-content {
        max-width: 80%;
        margin-bottom: 4em !important;

        & .services-img {
          margin: auto !important;
        }
      }
      & .cards-content {
        display: grid;
        justify-content: space-around;
        place-items: center;
        justify-content: initial !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;

        &
          #services-flip-card.et_pb_with_border.et_pb_module.ba_flipbox.et_clickable {
          width: 90%;
          margin: 0;
          margin: 0 auto !important;

          & .dtq-flipbox-card-container {
            display: flex;
            justify-content: center;

            & .dtq-flipbox-front-card.dtq-flipbox-card {
              height: 75%;
              width: 80%;

              & .dtq-flipbox-figure-front {
                display: flex;
                font-size: 1rem;
                margin: 0 auto !important;
              }

              & .dtq-flipbox-title-front {
                font-size: 1.2rem !important;
                margin-top: -0.5rem !important;
              }
            }

            & .dtq-flipbox-img-front img,
            & .dtq-flipbox-img-back img {
              max-width: 100%;
              max-height: 65%;
            }
          }
        }
      }
    }

    & .btn-container {
      padding: 0 !important;

      & .all-services-btn {
        font-size: 1.2rem !important;
        padding: 0.8rem 1.5rem !important;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
          rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        margin-top: -3rem;
      }
    }
  }

  #products-section {
    padding-bottom: 50em;

    &::before {
      content: "";
      top: 100%;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      background-size: 100% 12%;
      background-repeat: no-repeat;
      transform: scale(3.7) translate(-31%, 24.5%);
      filter: opacity(0.9) brightness(1.1);
    }
    & .products-header {
      font-size: 1.7rem;
      line-height: 2.5rem;
      max-width: 85%;
    }
    & .products-imgs-container {
      & .product-light-img-content {
        max-width: 51%;
        margin-bottom: 70px;
        justify-content: center;
        padding-bottom: 0 !important;

        & .et_pb_image::before {
          font-size: 2.2rem !important;
        }
        & .product-light-img {
        }
      }
    }

    & .products-btn-container {
      padding-top: 0 !important;

      & .btn-content {
        margin-bottom: 50px;

        & .over-image-button {
          font-size: 1.2rem !important;
          padding: 0.5rem 1.5rem !important;
          box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
            rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
          transform: none;
        }
      }

      & .rotated-text-content {
        & .rotated-text {
          transform: rotate(-6deg) translate(-15%, 306%);
          font-size: 2.3rem;
          line-height: 2.8rem;
        }
      }
    }
  }

  #customer-opinions-section {
    padding-top: 0;
    padding-bottom: 8rem;

    & .opinions-carousel-container {
      padding-bottom: 0 !important;

      & .opinions-header {
        & .et_pb_text_inner {
          font-size: 2.6rem;
          margin-bottom: 3rem;
        }
      }
      & .opinions-carousel {
        & .swiper-slide .name_design {
          font-size: 1.2rem;
        }

        & .swiper-slide .carousel_content p {
          font-size: 1rem;
        }

        & .swiper-pagination {
          display: none !important;
        }

        & .swiper-navi-container {
          height: 3rem;
          top: 80%;
          right: -13%;
        }

        & .swiper-navi-container > div {
          height: 100%;
          width: 5rem !important;
          padding: 0 !important;
          background-size: 55% 35%;
        }
      }
    }
  }

  #slogan-reservation-section {
    height: 50rem;
    padding: 0px 0;

    & .et_pb_top_inside_divider {
      margin-top: -5px;
    }

    & .slogan-action-header {
      max-width: 102%;

      & .et_pb_text_inner p span {
        font-size: 2rem;
        font-size: 2rem !important;
        line-height: 0.8rem !important;
      }
    }
    & .slogan-reservation-container {
      padding-top: 0;
      display: flex;
      flex-direction: column;

      & .slogan-action-img {
        min-height: 24rem;
      }

      & .slogan-action-btn {
        font-size: 1.2rem !important;
        padding: 0.5rem 1.5rem !important;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
          rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        margin-top: 2rem;
      }

      & .et_pb_button_4_wrapper {
        margin: 0 !important;
      }
    }
  }

  .ba_flipbox_0
    > div:nth-child(1)
    > div:nth-child(1)
    > div:nth-child(1)
    > div:nth-child(1)
    > div:nth-child(1)
    > div:nth-child(1)
    > div:nth-child(1)
    > div:nth-child(1)
    > div:nth-child(1)
    > img:nth-child(1) {
    scale: 0.75;
  }

  .ba_flipbox_0
    > div:nth-child(1)
    > div:nth-child(1)
    > div:nth-child(1)
    > div:nth-child(1)
    > div:nth-child(1)
    > div:nth-child(1)
    > div:nth-child(1)
    > div:nth-child(2)
    > h2:nth-child(1) {
    margin-top: -1.4rem !important;
  }

  footer {
    & div.et_pb_column_1_4:nth-child(1) {
      display: none;
    }

    & div.et_pb_column_1_4:nth-child(2) {
      display: none;
    }

    & .dsm_icon_list_text {
      font-size: 1rem;
      padding-left: 1rem !important;
    }

    & .dsm_icon_list_child {
      padding-bottom: 0.7em !important;
    }
    & .dsm_icon_list .dsm_icon_list_image img {
      width: 20px;
    }
    & .et_pb_module.et_pb_image.et_pb_image_0_tb_footer {
      margin: 1rem auto !important;
      display: flex;
      justify-content: center;
      max-width: 50%;
    }
    & .et_pb_row.et_pb_row_1_tb_footer {
      padding-bottom: 0;
    }
    &
      .et_pb_module.et_pb_text.et_pb_text_2_tb_footer.et_pb_text_align_left.et_pb_bg_layout_light
      p {
      font-size: 1rem;
      text-align: center;
    }
    &
      .et_pb_section.et_pb_section_0_tb_footer.et_pb_with_background.et_section_regular {
      padding: 10px 0 30px;
    }
    & .et_pb_row.et_pb_row_0_tb_footer.et_pb_row_4col {
      padding-bottom: 10px !important;
    }
    & .dsm_icon_list_1_tb_footer > div:nth-child(1) > ul:nth-child(1) {
      max-width: 70%;
    }
  }
}