/* Narrow-screen layout for the retained Northern Infinity website. */
@media (max-width: 960px) {
  body { min-width: 0; }
  .wrapper { width: auto; max-width: 940px; margin-left: 16px; margin-right: 16px; }
  .wrapper [class*="grid_"] { float: none; display: block; width: auto; margin-left: 0; margin-right: 0; }
  .l-container, .r-container { float: none; margin-left: 0; margin-right: 0; }
  img { max-width: 100%; height: auto; }
  #header, #logo, #nav { height: auto; }
  #header { background-color: #276e89; overflow: hidden; }
  #nav ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 16px; }
  #nav ul li { float: none; white-space: normal; }
  #nav ul li a { font-size: 14px; line-height: 36px; }
  #nav .nav-pipe { display: none; }
  #showcase-overlay { height: auto; padding-bottom: 20px; overflow: hidden; }
  #showcase-a-overlay { width: 100%; height: auto; margin-left: 0; }
  #showcase-b { margin-top: 20px; }
  #showcase-b p { width: auto; }
  #column-a, #column-b, #column-c, #column-d { margin-left: 0; margin-right: 0; }
  .feature-1, .feature-2, .feature-3, .feature-4 { float: none; width: auto; margin: 0 0 24px; }
  .features { margin: 20px; }
  #content-a1, #content-a2, #content-b1, #content-b2 { float: none; width: auto; height: auto; margin-left: 0; }
  #content-a2 { padding: 12px; }
  #footer-a, #footer-b, #footer-c { float: none; display: block; width: auto; }
  #copyright-border { width: 100%; }
  .main-body-container { margin: 24px 16px; }
  .main-body-header-left, .main-body-header-right { float: none; width: auto; text-align: left; }
  .main-body-header-left { font-size: 32px; line-height: 1.2; }
  .main-body-column-a, .main-body-column-b, .contactus-column-a, .contactus-column-b, .referafriend-column-a, .referafriend-column-b {
    float: none; width: auto; padding-left: 0; padding-right: 0; border-right: 0;
  }
  .contactus-header-blue { padding: 20px; }
  .contactus-column-a-white { padding: 0 20px 30px; }
  .contactus-form .input, .contactus-form .textarea { float: none; width: 100%; box-sizing: border-box; }
  .contactus-form .label { float: none; display: block; }
  .contactus-column-b { padding-top: 0; }
  .main-body-header-left-careers { float: none; font-size: 32px; line-height: 1.2; }
  input, textarea, select, iframe { max-width: 100%; box-sizing: border-box; }
  table { max-width: 100%; }
}