/* Mobile responsive styles for slider section */

/* Base slider image styles */
.slider-bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.slider-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.swiper-inner {
  position: relative;
  min-height: 600px;
  display: flex;
  align-items: center;
}

/* Tablet and mobile styles (max-width: 768px) */
@media only screen and (max-width: 768px) {
  #section-intro {
    padding-top: 0 !important;
  }

  #section-intro .sw-caption {
    padding: 20px 0;
  }

  #section-intro .subtitle {
    font-size: 11px;
    padding: 8px 15px;
    margin-bottom: 15px;
    line-height: 1.4;
  }

  #section-intro h1.slider-title,
  #section-intro h2.slider-title {
    font-size: 28px !important;
    letter-spacing: -1px;
    margin-bottom: 20px;
    line-height: 1.2;
  }

  #section-intro .spacer-double {
    height: 30px;
  }

  #section-intro .spacer-single {
    height: 15px;
  }

  #section-intro .swiper-inner {
    min-height: 450px;
  }

  .swiper-button-prev,
  .swiper-button-next {
    width: 35px;
    height: 35px;
  }

  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-size: 20px;
  }

  .slider-img {
    object-position: center center;
    width: 100%;
  }
}

/* Mobile phone styles (max-width: 480px) */
@media only screen and (max-width: 480px) {
  #section-intro {
    padding-top: 0 !important;
  }

  #section-intro .subtitle {
    font-size: 9px;
    padding: 6px 12px;
    margin-bottom: 10px;
  }

  #section-intro h1.slider-title,
  #section-intro h2.slider-title {
    font-size: 20px !important;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
  }

  #section-intro .swiper-inner {
    min-height: 350px;
  }

  #section-intro .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  #section-intro .sw-text-wrapper {
    padding: 10px;
  }

  .swiper-button-prev,
  .swiper-button-next {
    width: 30px;
    height: 30px;
  }

  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-size: 16px;
  }

  #section-intro .spacer-double {
    height: 20px;
  }

  #section-intro .spacer-single {
    height: 10px;
  }

  .slider-img {
    width: 100%;
    object-fit: cover;
  }
}

/* Extra small devices (max-width: 360px) */
@media only screen and (max-width: 360px) {
  #section-intro {
    padding-top: 0 !important;
  }

  #section-intro .subtitle {
    font-size: 8px;
    padding: 5px 10px;
  }

  #section-intro h1.slider-title,
  #section-intro h2.slider-title {
    font-size: 18px !important;
  }

  #section-intro .swiper-inner {
    min-height: 300px;
  }

  .slider-img {
    width: 100%;
    object-fit: cover;
  }
}