
  @media (min-width: 990px) {
      
  }

/* Tablet-pro desktop :1024px. */
@media  (max-width: 1024px) {
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
}


/* small mobile :825px. */
@media (max-width: 840px) {
  .collapse:not(.show) { display: none !important;}
  .container-fluid{padding: 0px 25px;}
  .slide-text{max-width: 90%; padding: 10px;}
  .slide-text > p{display: none;}
  #team h2{color: var(--white);}
  #team .col-lg-12 h4{margin-top: 30px;}
  .pt-60, .milestone, .our-gallery{padding-top: 50px;}
  footer{padding: 50px 0px;}
  .academy-kit{margin-top: 40px;}
  .contact-us{margin: 0px;}
  .followus{margin-bottom: 40px;}
  .register-btn{margin-right: 55px;}
  .gallery-box{width: calc(94%/3); margin: 1%;}

}

/* small mobile :767px. */
@media (max-width: 767px) {
  body{font-size: 14px;}
  .collapse:not(.show) { display: none !important;}
  h2{font-size: 24px; line-height: 32px; margin-bottom: 15px;}
  .ds-none{display: inline-block;}
  .rs-none{display: none;}
  h5{font-size: 16px;}
  h3{font-size: 20px;}
  .line-1{max-width: 70px;}
  .slide-text > a.btn-default{padding: 6px 12px; font-size: 12px;}
  .slide-text > h1{font-size: 24px; line-height: 32px; display: block;}
  .banner-slider img{height: 300px; object-fit: cover;}
  .pt-60, .milestone, .our-gallery{padding-top: 30px;}
  .coach1{display: block; margin: 0 auto; margin-bottom: 30px;}
  #team{margin-top: 30px;}
  .sylabus-coaching img{height: 300px; object-fit: cover;}
  .sylabus-content{width: 100%;}
  .milestone h2{margin-top: 20px;}
  .achievements{width: 100%; margin-bottom: 0px;}
  .testimonials h2{margin-bottom: 15px;}
  .testimonials-box{padding: 20px; min-height: 375px;}
  .quote{display: none !important;}
  .academy-kit{margin-top: 20px;}
  footer{padding: 30px 0px;}
  .contact-us{margin: 0px;}
  .jersey img{margin: 0 auto;}
  .jersey{ flex-wrap: wrap;}
  .inner-title h1{font-size: 32px;}
  .inner-heading img{height: 130px; object-fit: cover;}
  .filters ul{gap: 4px;}
  .filters ul li{min-width: 60px; padding: 5px 12px;}
  .filters{margin-bottom: 30px;}
  .gallery-box{width: calc(96%/2); margin: 1%;}


}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
   
  
}

@media (max-width: 480px) {

}

@media (max-width: 360px) {
 
}
 