/* Updated Responsive Code for slider.css */

/* Slider Container */
#slider-container {
  width: 100%;
  max-width: 100%;
  height: auto;
  background-size: cover;
  margin: 0 auto;
}

#slider-box {
  width: 100%;
  height: auto;
  background-size: cover;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
  #slider-box .welcome-banner h1 {
    font-size: 24px;
    padding-left: 20px;
  }

  #slider-box .welcome-banner h2 {
    font-size: 18px;
    padding-left: 20px;
  }
}

/* Tablet Adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
  #slider-box .welcome-banner h1 {
    font-size: 32px;
    padding-left: 30px;
  }

  #slider-box .welcome-banner h2 {
    font-size: 24px;
    padding-left: 30px;
  }
}

/* Large Screens */
@media (min-width: 1025px) {
  #slider-box .welcome-banner h1 {
    font-size: 42px;
    padding-left: 40px;
  }

  #slider-box .welcome-banner h2 {
    font-size: 36px;
    padding-left: 40px;
  }
}