/* Custom styles for responsive concert layout */

/* Mobile: Stack image below text */
@media screen and (max-width: 767px) {
  .slider-flex-container {
    flex-direction: column !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .slider-flex-left {
    padding-right: 0 !important;
    width: 100%;
  }

  .slider-hero-image-mask {
    width: 100%;
    margin-top: 20px;
  }

  .hero-image {
    width: 100%;
  }
}

/* Tablet: Adjust padding */
@media screen and (max-width: 991px) and (min-width: 768px) {
  .slider-flex-container {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
}