/* Cok sutunlu / cok adimli form sayfalarinda inline style ile verilmis
   sabit yuzde genislikler mobilde yan yana sigmiyor, taşma yapiyordu.
   Ilgili .php dosyalarina mobile-fluid-width / mobile-fluid-half / mobile-stack-row
   class'lari eklendi, burada sadece mobilde override ediliyor. Masaustu
   davranis (inline style) hic dokunulmadan aynen kaliyor. */

@media (max-width: 991px) {
  section.content .mobile-fluid-width {
    width: 100% !important;
  }

  section.content .mobile-map-box {
    height: 260px !important;
    margin-bottom: 70px; /* alt kenardaki mutlak konumlu "Guncelle" butonu icin yer birak */
  }

  section.content .mobile-stack-row {
    flex-direction: column !important;
  }

  section.content .mobile-fluid-half {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 10px;
  }

  /* Bootstrap grid kalintilari (varsa) - section.content ile scope'lu,
     sidebar/menu tarafini etkilemez */
  section.content [class*="col-lg-"],
  section.content [class*="col-md-"],
  section.content [class*="col-sm-"] {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* Tarih secici, resim yukleyici, select2/bootstrap-select mobilde tasmasin */
  section.content .lightpick,
  section.content .qq-uploader,
  section.content .bootstrap-select,
  section.content .dropdown-menu {
    max-width: 100% !important;
  }

  section.content .qq-uploader .qq-upload-drop-area,
  section.content .qq-uploader .qq-thumbnail-wrapper {
    max-width: 100% !important;
  }
}