@media (max-width: 1024px){
  .hero-section{
    min-height:68vh;
    padding-top:14vh;
  }

  .about-layout,
  .qr-card,
  .coach-summary{
    grid-template-columns:1fr;
  }

  .coach-summary{
    text-align:center;
  }

  .coach-photo-wrap{
    justify-content:center;
  }
}

@media (max-width: 768px){
  body{
    padding-bottom:170px;
  }

  .hero-section{
    min-height:64vh;
    padding-top:12vh;
  }

  .header-line{
    gap:10px;
    font-size:1.05rem;
  }

  .speed-box,
  .pro-box{
    padding:10px 18px;
  }

  .main-slash{
    font-size:2rem;
  }

  .page-title{
    margin-bottom:24px;
  }

  .cards-section{
    grid-template-columns:1fr;
  }

  .coach-summary,
  .about-card{
    padding:20px;
  }

  .coach-photo{
    width:180px;
    height:180px;
  }

  .blur-panel{
    width:94%;
    height:84px;
    bottom:12px;
    /* padding:12px 12px 10px; */
  }

  /* .blur-panel.menu-open{
    height:390px;
  } */

  .panel-right img{
    width:95px;
    height:44px;
  }

  .btn-glow{
    padding:12px 18px;
  }

  .icon-btn{
    width:48px;
    height:48px;
  }

  .footer{
    margin-top:60px;
    padding:34px 16px 52px;
  }
}