/*---------------------------------------------
  CUSTOM RESPONSIVE OVERRIDES
  Bu dosya responsive.css’den sonra yüklenecek.
---------------------------------------------*/
@media (max-width: 767px) {

  /* 1) .inner-container’ın otomatik padding-right’i sıfırla */
  .banner-style-three .inner-container {
    padding: 0 15px 40px !important;
    max-width: 100% !important;
  }

  /* 2) .inner-box’u dikey flex konteyner yap */
  .banner-style-three .inner-container .inner-box {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  /* 3) content-box & image-box’u %100, float:none */
  .banner-style-three .inner-box .content-box,
  .banner-style-three .inner-box .image-box {
    width: 100% !important;
    float: none !important;
    margin-bottom: 20px !important;
  }

  /* 4) content-box iç padding’ini küçült */
  .banner-style-three .content-box {
    padding: 20px 15px !important;
  }

  /* 5) görselin tam genişlik kaplamasını sağla */
  .banner-style-three .image-box .image img {
    width: 100% !important;
    height: auto !important;
  }
}