@media (max-width:1024px){
  .quick-grid,.g4{grid-template-columns:repeat(2,1fr)}
  .values{grid-template-columns:repeat(2,1fr)}
  .g3{grid-template-columns:repeat(2,1fr)}
  .hero h1{font-size:32px}
  .nav li>a{padding:14px 10px;font-size:11px}
  .ft-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  #navToggle{display:block}
  .hd-in .btn{display:none}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:90;box-shadow:var(--sh2)}
  .nav.open{display:block}
  .nav-in{display:block}
  .nav ul{flex-direction:column}
  .nav li>a{padding:14px 22px;border-bottom:1px solid rgba(255,255,255,.06)}
  .drop{position:static;box-shadow:none;background:var(--navy3);display:none;border-radius:0}
  .drop a{color:#cfd8e3;border-color:rgba(255,255,255,.05)}
  .nav li.open .drop{display:block}
  .split{grid-template-columns:1fr}
  .g2,.g3{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .hero-in{padding:56px 20px 96px}
  .hero h1{font-size:27px}
  .stat-row{grid-template-columns:1fr}
  .ft-grid{grid-template-columns:1fr}
  .tb-in strong{font-size:10px}
}
@media (max-width:480px){
  .quick-grid,.values{grid-template-columns:1fr}
  .hero-btns .btn{width:100%;justify-content:center}
  .sec-title{font-size:22px}
  .page-head h1{font-size:22px}
  .toolbar{flex-direction:column;align-items:stretch}
  .toolbar select{width:100%}
  .cta{flex-direction:column;text-align:center}
  .tb-ctt{display:none}
}