/* ===== RESPONSIVE ===== */
@media(max-width:1100px){
  .tt-card{flex:0 0 calc((100% - 36px) / 3)}
  .sp-card{flex:0 0 calc((100% - 48px) / 4)}
  .row3{grid-template-columns:1fr 260px}
  .banner{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr}
  .bn+.bn{border-top:none;border-left:1px solid #eee}
  .bn-lbl{display:none}
  .dn4{grid-template-columns:repeat(2,1fr)}
  .dnut{grid-template-columns:repeat(3,1fr)}
  .ft-g{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .tt-card{flex:0 0 calc((100% - 18px) / 2)}
  .sp-card{flex:0 0 calc((100% - 16px) / 2)}
  .header .wrap{height:auto;padding-top:14px;padding-bottom:14px;flex-wrap:wrap;justify-content:center;text-align:center}
  .slogan{order:3;width:100%}
  .row3,.row2{grid-template-columns:1fr}
  .banner{display:grid;grid-template-columns:1fr 1fr}
  .stats .wrap{grid-template-columns:repeat(2,1fr)}
  .hero{height:auto;padding:34px 0}
  .slides{height:auto;min-height:210px}
  .slide{position:relative;display:none}
  .slide.on{display:flex}
  .dots{position:static;margin-top:18px}
  .slide h2{font-size:25px}
  .hero-net{display:none}
}
@media(max-width:560px){
  .tt-card{flex:0 0 100%}
  .sp-card{flex:0 0 calc((100% - 16px) / 2)}
  .wrap{padding:0 16px}
  .dn4,.dnut,.banner,.up2{grid-template-columns:1fr}
  .stats .wrap{grid-template-columns:1fr}
  .ft-g{grid-template-columns:1fr}
  .topbar .tb-l{display:none}
}