@media(max-width:900px){
  .top .nav{width:100%;gap:14px}
  .top .menu{display:none}
  .top .logo{white-space:nowrap}
  .top .btn{margin-left:auto}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .schedule-scroll{margin-right:-24px;padding-right:24px}
}

@media(max-width:600px){
  html,body{max-width:100%;overflow-x:hidden}
  .top{height:64px}
  .top .nav{padding:0 14px}
  .top .logo{font-size:23px}
  .top .logo small{font-size:9px}
  .top .btn{padding:11px 13px;font-size:10px}
  .hero{min-height:620px;background-position:62% center}
  .hero .wrap{padding-top:310px;padding-bottom:28px}
  .hero h1{font-size:clamp(35px,10.5vw,43px)}
  .hero .btn{width:100%;min-height:48px}
  .benefits{font-size:12px}
  .stats .wrap{padding:0}
  .stat{min-height:72px;display:grid;align-content:center}
  .section{padding:34px 0}
  .cards{grid-template-columns:1fr}
  .service{height:205px}
  .trainer{flex-basis:76vw}
  .trainer-inline{margin-left:0;margin-right:0;padding:20px 16px}
  .trainer-inline-head{gap:15px}
  .trainer-inline-head h3{font-size:22px;line-height:1.08}
  .trainer-inline-head .trainer-book{min-width:0;min-height:48px}
  .trainer-inline-body{gap:14px}
  .trainer-inline .trainer-focus{grid-template-columns:1fr}
  .trainer-inline .trainer-focus span{font-size:12px}
  .review{flex-basis:88vw}
  .schedule-head{padding-right:10px}
  .schedule-scroll{margin-right:-16px;padding-right:16px}
  .contacts-map,.contacts-map iframe{min-height:270px}
  .contacts-info{padding:22px 17px}
  .contacts-info article strong,.contacts-phone{font-size:18px}
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery-photo{height:145px}
  .gallery-heading{gap:16px}
  .gallery-toggle{min-width:0;min-height:48px}
  .gallery-collapsible{margin-top:16px}
  .gallery-tabs{display:grid;grid-template-columns:1fr 1fr}
  .gallery-tabs button{padding:12px 8px}
  .trial-modal{padding:10px}
  .trial-dialog{max-height:calc(100vh - 20px);overflow:auto;padding:25px 18px}
  .trial-dialog h2{padding-right:34px;font-size:25px;line-height:1.08}
  .trial-dialog fieldset{flex-wrap:wrap}
  .cta{padding:40px 0}
  .cta .wrap{gap:20px}
  .cta h2{font-size:29px}
  .form input{font-size:16px}
  .form .btn{min-height:48px}
  .foot{line-height:1.5}
  .director-compare{display:none!important}
}

@media(max-width:380px){
  .top .logo small{display:none}
  .top .btn{padding:10px 11px}
  .hero h1{font-size:34px}
  .gallery-grid{grid-template-columns:1fr}
  .gallery-photo{height:210px}
}