/* NXT GEN WEB: center the navigation quote button on smaller screens. */
@media (max-width:1100px) {
 body.ng-chrome .global-header.ngc-header .ngc-header__inner {
   display:grid;
   grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
   align-items:center;
   column-gap:12px;
   width:calc(100% - 36px);
   max-width:100%;
   margin-inline:auto;
 }
 body.ng-chrome .global-header.ngc-header .ngc-brand {
   grid-column:1;
   justify-self:start;
   align-self:center;
   margin:0;
   min-width:0;
   max-width:100%;
 }
 body.ng-chrome .global-header.ngc-header .ngc-desktop-nav {display:none!important}
 body.ng-chrome .global-header.ngc-header .ngc-quote {
   grid-column:2;
   grid-row:1;
   justify-self:center;
   align-self:center;
   margin:0;
   width:auto;
   max-width:100%;
   text-align:center;
   justify-content:center;
   white-space:nowrap;
 }
 body.ng-chrome .global-header.ngc-header .ngc-mobile {
   grid-column:3;
   grid-row:1;
   justify-self:end;
   align-self:center;
   margin:0;
   min-width:40px;
 }
}
@media (max-width:600px) {
 body.ng-chrome .global-header.ngc-header .ngc-header__inner {
   width:calc(100% - 28px);
   column-gap:8px;
 }
 body.ng-chrome .global-header.ngc-header .ngc-brand {
   flex-basis:auto;
   width:120px;
   max-width:100%;
 }
 body.ng-chrome .global-header.ngc-header .ngc-quote {
   min-height:42px;
   padding:10px 11px;
   font-size:12px;
   letter-spacing:0;
 }
}
@media (max-width:380px) {
 body.ng-chrome .global-header.ngc-header .ngc-brand {width:105px}
 body.ng-chrome .global-header.ngc-header .ngc-quote {padding:10px 9px;font-size:11.5px}
}
@media (max-width:340px) {
 body.ng-chrome .global-header.ngc-header .ngc-brand {width:87px}
 body.ng-chrome .global-header.ngc-header .ngc-quote {padding:9px 7px;font-size:11px}
}
/* Center the mobile homepage hero as one cohesive column, not offset by
   the decorative kicker rule or legacy hero flex/width settings. */
@media(max-width:800px) {
 body.home .ngh section.ngh-hero.nghd-hero-classic {
   display:flex;
   flex-direction:column;
   align-items:center;
   justify-content:space-between;
   width:100%;
   margin:0;
   padding-left:0;
   padding-right:0;
   box-sizing:border-box;
   overflow-x:clip;
 }
 body.home .ngh section.ngh-hero.nghd-hero-classic > .ngh-shell.ngh-hero__content {
   position:relative;
   z-index:2;
   display:flex!important;
   flex:1 1 auto;
   flex-direction:column!important;
   align-items:center!important;
   justify-content:center!important;
   gap:0;
   width:calc(100% - 40px)!important;
   max-width:610px!important;
   min-width:0!important;
   margin:0 auto!important;
   padding:10px 0 28px!important;
   text-align:center!important;
   transform:none!important;
   left:auto!important;
   right:auto!important;
 }
 body.home .ngh section.ngh-hero.nghd-hero-classic .ngh-kicker {
   display:block!important;
   width:100%!important;
   max-width:100%!important;
   margin:0 auto 18px!important;
   padding:0!important;
   text-align:center!important;
 }
 body.home .ngh section.ngh-hero.nghd-hero-classic .ngh-kicker::before {display:none!important;content:none!important}
 body.home .ngh section.ngh-hero.nghd-hero-classic h1 {
   display:block!important;
   box-sizing:border-box!important;
   width:100%!important;
   max-width:100%!important;
   margin:0 auto!important;
   padding:0!important;
   text-align:center!important;
   text-wrap:balance;
   overflow-wrap:normal;
 }
 body.home .ngh section.ngh-hero.nghd-hero-classic .ngh-hero__lead {
   display:block!important;
   width:100%!important;
   max-width:600px!important;
   margin:22px auto 0!important;
   padding:0!important;
   text-align:center!important;
 }
 body.home .ngh section.ngh-hero.nghd-hero-classic .ngh-actions {
   display:flex!important;
   align-items:center!important;
   justify-content:center!important;
   width:100%!important;
   max-width:355px!important;
   margin:26px auto 0!important;
   padding:0!important;
   text-align:center!important;
 }
 body.home .ngh section.ngh-hero.nghd-hero-classic .ngh-actions .ngh-btn {
   display:flex!important;
   align-items:center!important;
   justify-content:center!important;
   width:100%!important;
   max-width:355px!important;
   margin:0 auto!important;
   text-align:center!important;
 }
 body.home .ngh section.ngh-hero.nghd-hero-classic .nghd-hero-classic__note {
   width:100%!important;
   max-width:600px!important;
   margin:16px auto 0!important;
   padding:0!important;
   text-align:center!important;
 }
 body.home .ngh section.ngh-hero.nghd-hero-classic .ngh-hero__quicklinks {
   display:flex!important;
   flex-flow:column nowrap!important;
   align-items:center!important;
   justify-content:center!important;
   width:100%!important;
   max-width:100%!important;
   margin:20px auto 0!important;
   text-align:center!important;
 }
 body.home .ngh section.ngh-hero.nghd-hero-classic .ngh-hero__quicklinks > a {
   margin-inline:auto!important;
   justify-content:center;
   max-width:100%;
 }
 body.home .ngh section.ngh-hero.nghd-hero-classic .ngh-hero__bottom {
   width:calc(100% - 40px)!important;
   max-width:610px!important;
   margin-inline:auto!important;
   justify-content:center!important;
   text-align:center!important;
 }
 body.home .ngh section.ngh-hero.nghd-hero-classic .ngh-hero__bottom p {
   width:100%;
   text-align:center!important;
 }
}
@media (max-width:420px) {
 body.home .ngh section.ngh-hero.nghd-hero-classic > .ngh-shell.ngh-hero__content,
 body.home .ngh section.ngh-hero.nghd-hero-classic .ngh-hero__bottom {
   width:calc(100% - 32px)!important;
 }
 body.home .ngh section.ngh-hero.nghd-hero-classic h1 {
   font-size:clamp(37px,9.6vw,44px)!important;
   line-height:1.08!important;
 }
 body.home .ngh section.ngh-hero.nghd-hero-classic .ngh-kicker {font-size:10px!important;line-height:1.45!important}
}
