@media(max-width:700px){
  .nw-feat{display:flex!important;flex-direction:column;gap:14px!important}
  .nw-hero{min-height:280px!important;padding:22px 20px!important;border-radius:20px!important}
  .nw-hero h2,.nw-hero h3,.nw-hero h2{font-size:21px!important;line-height:1.2!important}
}


@media(min-width:701px) and (max-width:1024px){
  .dep-grid,.tilegrid.ind,.newsgrid,.agl-grid,.editions,.deploy,.cr-cards,.uc-minirow,.pe-cards,.ind-grid2,.nw-grid,.cr-tiles,.cr-steps,.capmosaic,.packgrid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px!important;padding-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .dep-grid>*,.tilegrid.ind>*,.newsgrid>*,.agl-grid>*,.editions>*,.deploy>*,.cr-cards>*,.uc-minirow>*,.pe-cards>*,.ind-grid2>*,.nw-grid>*,.cr-tiles>*,.cr-steps>*,.capmosaic>*,.packgrid>*{flex:0 0 46%!important;scroll-snap-align:start;min-width:0;grid-column:auto!important}
  .mslider-dots,.capdots{display:flex!important}
  #depth .stk-grid>*{flex-basis:48%!important}
}