/* ==========================================================================
   SHARED RESPONSIVE RULES
   Breakpoints used by header/footer/hero across every page.
   Page-specific responsive tweaks live in css/pages/*.css.
   ========================================================================== */

.tpa-hide-mobile{ display:inline; }

@media (max-width: 1100px){
  .tpa-nav-links{ display:none !important; }
  .tpa-hamburger{ display:flex !important; }
  .tpa-cta-desktop{ display:none !important; }
}

@media (min-width: 641px){
  .tpa-floating-call{ display:none !important; }
}
@media (max-width: 640px){
  .tpa-floating-call{ display:flex !important; }
  .tpa-hide-mobile{ display:none !important; }
}

@media (max-width: 640px){
  .tpa-logo img{ height:56px; }
  .tpa-footer-logo img{ height:52px; }
}