.mod-m{display:none}
@media (max-width:1023px){
  .hero-g{grid-template-columns:minmax(0,1fr)}
  .ex4{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media (max-width:767px){
  .ben p{font-size:14px}
  .nt{font-size:15px}
  .mo-g,.ex4{grid-template-columns:minmax(0,1fr)}
  .mo-b{padding:20px 20px 24px}
  .mo-s{font-size:14px}
  .cod-l{font-size:14px}
  .mo-f .lk{font-size:15px}
  .stp p,.fx p{font-size:16px}
  .fx b{font-size:16px}
  .fx ol{padding:18px 16px 20px}

  .mod{margin-top:40px;padding:20px 16px 16px}
  .mod-l,.mod>.crop{display:none}
  .mod-m{display:grid;gap:20px}
  .mod-m>div+div{padding-top:20px;border-top:1px solid var(--n200)}
  .mod-m b{display:block;font-size:15px;font-weight:600;color:var(--n900)}
  .mod-m .crop{margin:12px auto 0}
  .mod-m .m1{width:72%}
  .mod figcaption{font-size:14px}
}
@media (orientation:landscape) and (max-height:500px){
  html{scroll-padding-top:calc(var(--nav-h) + var(--banner-h,0px) + 16px)}
  .lnav{position:static}
}