/* indigometrics-responsive.css
   Responsive tweaks so the 6-item main nav fits cleanly on iPad-sized
   screens without overlapping or relying on Webflow's mobile collapse
   behavior (which is hard to extend past 991px without breaking JS). */

/* === iPad / small laptop range (992px - 1199px) === */
@media screen and (min-width: 992px) and (max-width: 1199px) {

  /* Tighter horizontal spacing and smaller font so all 6 items fit */
  .navigation-item-3 {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 11px;
    letter-spacing: 0.5px;
  }

  /* Hide the standalone GET STARTED button to free up header width
     (visitors can still use the in-page CTAs and footer links) */
  .button.cc-contact-us {
    display: none;
  }

  /* Trim header padding slightly so the logo and nav don't push into edges */
  .header-global {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* === Narrow desktop / large tablet (1200px - 1366px) === */
/* Slight tightening to ensure no overlap on smaller laptops. */
@media screen and (min-width: 1200px) and (max-width: 1366px) {

  .navigation-item-3 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
  }
}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               