/* INDES 2026 - hard mobile fix (load last) */
@media (max-width: 767px){
  html, body { width:100% !important; overflow-x:hidden !important; }
  *, *::before, *::after { box-sizing: border-box !important; }
  body { margin: 0 !important; }

  /* Kill all fixed widths from legacy theme */
  img, video, iframe, embed { max-width:100% !important; height:auto !important; }
  table { max-width:100% !important; }

  .container, .main_wrapper, .content_wrapper, header, footer, .pre_footer {
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    left:0 !important;
    box-sizing:border-box !important;
  }

  /* Old grid systems */
  .row, .row-fluid, .gt3_row-fluid,
  [class^="span"], [class*=" span"],
  [class*="gt3_col"],
  .fl-container, .posts-block, .content_block, .contentarea {
    width:100% !important;
    max-width:100% !important;
    float:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:12px !important;
    padding-right:12px !important;
    box-sizing:border-box !important;
  }

  /* Portfolio / columns fixed width */
  .columns1, .columns2, .columns3, .columns4,
  .columns1 .element, .columns2 .element, .columns3 .element, .columns4 .element {
    width:100% !important;
    max-width:100% !important;
    float:none !important;
    margin-left:0 !important;
  }
}