/* Tablet ve Cep Telefonları İçin (991px ve altı) - Hakkımızda Bölümü */
@media (max-width: 991px) {
  
  /* 1. Bölümü alt alta esnek kutu yapar ve üst boşluğu sıfırlar */
  body section.about-05-split.split-section {
    display: flex !important;
    flex-direction: column !important;
    padding-top: 0 !important;
    padding-bottom: 40px !important;
    position: relative !important;
    height: auto !important;
  }

  /* 2. Metin alanını her zaman ÜSTE alır */
  body section.about-05-split.split-section .container {
    order: 1 !important;
    width: 100% !important;
    position: relative !important;
    z-index: 5 !important;
  }

  /* 3. HTML'deki sm-mt-30 ve başlık üst boşluğunu (mt-10) sıfırlar */
  body section.about-05-split.split-section .sm-mt-30 {
    margin-top: 0 !important;
  }

  body section.about-05-split.split-section .shop-split-content {
    padding: 0 0 30px 0 !important;
  }

  body section.about-05-split.split-section .shop-split-content h2.mt-10 {
    margin-top: 0 !important;
  }

  /* 4. Resim kapsayıcısını yazının ALTINA alır */
  body section.about-05-split.split-section .side-background {
    order: 2 !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  /* 5. Şablonun gizlediği resmi görünür yapar ve boyutlandırır */
  body section.about-05-split.split-section .img-side {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    height: 300px !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
  }

  body section.about-05-split.split-section .img-holder {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
  }
}