
/* Keep the solutions menu centred to the viewport rather than the Solutions nav item. */
@media(min-width:901px){
 #solutions-menu{
  position:fixed!important;
  top:72px!important;
  left:50vw!important;
  right:auto!important;
  width:min(1360px,calc(100vw - 24px))!important;
  max-width:none!important;
  transform:translateX(-50%)!important;
  box-sizing:border-box!important;
  z-index:9999!important;
 }
 #solutions-menu .mega-grid{
  display:grid!important;
  grid-template-columns:1.16fr .94fr 1fr .92fr 1fr!important;
  gap:10px!important;
  width:100%!important;
 }
 #solutions-menu .mega-col{min-width:0!important}
 #solutions-menu .mega-col a{padding:8px 8px!important;line-height:1.25!important}
 #solutions-menu .mega-label{font-size:.63rem!important;letter-spacing:.065em!important;white-space:normal!important;line-height:1.2!important;margin-bottom:6px!important}
 #solutions-menu .mega-col b{font-size:.82rem!important;line-height:1.22!important}
 #solutions-menu .mega-col small{font-size:.65rem!important;line-height:1.25!important;margin-top:2px!important}
 #solutions-menu .mega-foot{padding-top:10px!important;padding-bottom:10px!important}
}
@media(max-width:1100px) and (min-width:901px){
 #solutions-menu{width:calc(100vw - 16px)!important}
 #solutions-menu .mega-grid{grid-template-columns:1.12fr .9fr .98fr .9fr .98fr!important;gap:6px!important}
 #solutions-menu .mega-col a{padding:7px 6px!important}
 #solutions-menu .mega-label{font-size:.59rem!important}
 #solutions-menu .mega-col b{font-size:.76rem!important}
 #solutions-menu .mega-col small{font-size:.61rem!important}
}
@media(max-width:900px) and (min-width:641px){
 #solutions-menu{width:min(760px,calc(100vw - 24px))!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}
 #solutions-menu .mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
}
@media(max-width:640px){#solutions-menu .mega-grid{grid-template-columns:1fr!important}}
