/* modern.css — phone/tablet layer for ekssales.com (Dan 2026-10-25 modernization).
   The 2015 stylesheet is "responsive" but keeps a fixed 680px #c, 370–650px min-widths and 75–325px left margins
   inside its own phone media queries, so every page scrolled sideways. Layout only; page HTML is unchanged. */
img { max-width: 100%; height: auto; }
@media screen and (max-width: 768px) {
  *, *::before, *::after { box-sizing: border-box; }
  #c { width: auto; max-width: 100%; margin: 0; }
  header { padding: 8px 12px; min-height: 0; }
  header #eks_logo, header #gross_logo, header #headingh, #search { margin-left: 0 !important; margin-right: 12px; }
  header #gross_logo img, header #eks_logo img { max-height: 48px; width: auto; }
  #search { display: block; margin-top: 8px; }
  #search form input, #search form input[type] { margin-left: 0 !important; width: 100% !important; max-width: 360px; height: 34px; font-size: 16px; }
  nav { height: auto; }
  #content, #content_prod, #categorypic, #prod_figures, #prodaccordian, aside, #indtabby, #contactinformation, #selectionpg,
  #main_categories, #content_ind, .info_prod, #slide, .column, .movesocialcenter {
    float: none; margin-left: 12px !important; margin-right: 12px !important; width: auto !important; max-width: none !important; min-width: 0 !important;
  }
  #slide { height: auto; }
  .maincats, .cat_resize, .resize, .leftsidecontact, .quotecontact, .gacontact, .product_result {
    min-width: 0 !important; max-width: 100% !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important;
  }
  .maincats { display: block; margin-bottom: 28px; }
  figure { width: calc(50% - 12px); margin-right: 8px; }
  .column1, .column2, .column3, .column4 { width: 50%; margin-right: 0; }
  table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  #prodaccordian, aside { margin-top: 20px; }
  .forprodbttn, button { max-width: 100%; }
  footer { height: auto; margin-top: 0; padding: 10px 12px; }
  footer p, footer img { float: none; }
  .popup { left: 12px; right: 12px; }
  .popup .popup-body { width: auto; max-width: 100%; margin-left: 0; }
}
/* all widths: the 850px home slider and the 90%-plus-200px #prod_figures never exceed the window */
#slider { max-width: 100%; overflow: hidden; }
#slider ul li { max-width: 100%; }
#slider img { max-width: 100%; height: auto; }
#prod_figures { width: auto; margin-right: 24px; }