/* abijah: responsive additions (keeps desktop layout unchanged) */

@media (max-width: 900px){
  /* prevent horizontal scroll */
  html, body { overflow-x: hidden; }
  img, iframe, video { max-width: 100%; height: auto; }

  /* common wrappers - keep widths flexible */
  .container, .wrapper, .inner, #container, #wrapper, #main {
    width: auto !important;
    max-width: 100% !important;
  }

  /* tables */
  table { width: 100% !important; }
  .table, .tbl { width: 100% !important; }

  /* columns to stack (best-effort generic) */
  .row { display: block; }
  [class*="col"], .left, .right, .side, .sidebar {
    float: none !important;
    width: auto !important;
  }

  /* add comfortable spacing */
  body { font-size: 16px; line-height: 1.7; }
  h1 { font-size: 1.5em; }
  h2 { font-size: 1.25em; }
  h3 { font-size: 1.1em; }

  /* navigation: if legacy nav uses floats */
  nav ul, #nav ul, .nav ul { padding-left: 0; }
  nav li, #nav li, .nav li { float: none !important; display: block; }
}