/* HNS: layout fixes for smaller screens (laptops / tablets / phones) */

/* Header menu + cart did not fit on 1280-1500px wide screens (cart was pushed off the right edge) */
@media (max-width: 1500px) {
  .desktop-main-menu-wrapper .main-menu { min-width: 0; flex-shrink: 1; }
  .desktop-main-menu-wrapper .main-menu .j-menu > li > a { padding-left: 7px !important; padding-right: 7px !important; }
  .desktop-main-menu-wrapper .main-menu .j-menu > li > a .links-text { font-size: 12px !important; letter-spacing: 0 !important; }
}
@media (max-width: 1400px) {
  /* keep the cart icon and item count, hide "1 item(s) - $xx" text */
  .desktop-cart-wrapper #cart-total { display: none !important; }
  .desktop-cart-wrapper { width: auto !important; min-width: 0 !important; }
}
@media (max-width: 1250px) {
  .desktop-main-menu-wrapper .main-menu .j-menu { flex-wrap: wrap; }
  .desktop-main-menu-wrapper .main-menu .j-menu > li > a { padding-left: 5px !important; padding-right: 5px !important; }
}

/* Login page: put "New Customer" and "Returning Customer" under each other on phones */
@media (max-width: 767px) {
  .login-box { flex-direction: column !important; }
  .login-box > div { width: 100% !important; max-width: 100% !important; margin: 0 0 20px 0 !important; padding: 0 !important; }
}