/*==================================================
RESPONSIVE
==================================================*/

/*==============================
Large Laptop
==============================*/

@media (max-width:1400px){

.hero-content h1{

    font-size:95px;

}

.athlete{

    width:680px;

    right:-40px;

}

}


/*==============================
Laptop
==============================*/

@media (max-width:1200px){

.nav-menu{

    gap:35px;

}

.hero-wrapper{

    grid-template-columns:55% 45%;

}

.hero-content h1{

    font-size:82px;

}

.hero-content p{

    font-size:17px;

}

.hero-stats{

    gap:40px;

}

.athlete{

    width:600px;

    right:-80px;

}

}


/*==============================
Tablet
==============================*/

@media (max-width:992px){

.header{

    padding:18px 0;

}

.nav-menu{

    display:none;

}

.btn-nav{

    display:none;

}

.menu-toggle{

    display:block;

}

.hero{

    min-height:auto;

    padding:160px 0 80px;

}

.hero-wrapper{

    grid-template-columns:1fr;

    gap:60px;

}

.hero-content{

    max-width:100%;

    text-align:center;

    padding-top:0;

}

.hero-content p{

    max-width:700px;

    margin:0 auto 40px;

}

.hero-buttons{

    justify-content:center;

}

.hero-stats{

    justify-content:center;

}

.hero-image{

    height:auto;

    justify-content:center;

}

.athlete{

    position:relative;

    right:auto;

    bottom:auto;

    width:520px;

    max-width:100%;

}

.hero-glow{

    width:650px;

    height:650px;

    right:50%;

    transform:translate(50%,-50%);

}

.scroll-down{

    display:none;

}

}


/*==============================
Mobile
==============================*/

@media (max-width:768px){

.hero{

    padding:130px 0 70px;

}

.hero-content h1{

    font-size:56px;

}

.hero-subtitle{

    font-size:13px;

    letter-spacing:3px;

}

.hero-content p{

    font-size:16px;

    line-height:1.8;

}

.hero-buttons{

    flex-direction:column;

    gap:18px;

}

.hero-buttons a{

    width:100%;

}

.hero-stats{

    flex-wrap:wrap;

    gap:25px;

}

.stat-item{

    width:45%;

}

.stat-item::after{

    display:none !important;

}

.stat-item h2{

    font-size:48px;

}

.athlete{

    width:420px;

}


}


/*==============================
Small Mobile
==============================*/

@media (max-width:480px){

.hero{
    padding:120px 0 60px;

}

.hero-content h1{

    font-size:50px;

    line-height:1;

}

.hero-content p{

    font-size:15px;

}

.hero-buttons{

    margin-bottom:50px;

}

.hero-stats{

    flex-direction:column;

    align-items:center;

    text-align:center;

}

.stat-item{

    width:100%;

}

.athlete{

    width:320px;

}

.hero-glow{

    width:450px;

    height:450px;

}

}

/* ABOUT */

@media(max-width:992px){

.about-wrapper{

    grid-template-columns:1fr;

}

.about-images{

    margin-bottom:80px;

}

.main-img{

    width:100%;

}

.second-img{

    width:60%;

}

.about-content{

    text-align:center;

}

.about-features{

    grid-template-columns:1fr;

}

.feature-item{

    justify-content:center;

}

}

@media(max-width:576px){

.about, .why-us, .programs, .membership, .trainers, .testimonials, .bmi-section, .gallery, .cta-section, .about-intro, .journey-section, .facilities, .mission-section, .trainer-benefits, .about-cta, .programs-section, .training-process, .program-benefits, .transformation-section, .faq-section, .trainer-spotlight, .trainers-team, .trainer-certifications, .trainer-testimonials, .trainer-cta,
.gallery-section, .contact-info-section, .contact-form-section {
    padding:60px 0;

}
.scroll-top{
    right:20px;
  }
.error-404 {
  padding: 120px 0 60px 0;
}
.gallery-grid-section {
  padding-bottom: 60px;
}
.gallery-item:last-of-type {
  margin-bottom: 0;
}
.membership-benefits {
    padding: 0 0 60px 0;
}
.section-heading {
  margin-bottom: 20px;
}
.about-content h2{

    font-size:46px;

}

.second-img{

    display:none;

}

.experience-card{

    width:120px;
    height:120px;

}

.experience-card h2{

    font-size:46px;

}

}

/* WHY US */

@media(max-width:992px){

.why-grid{

    grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.section-heading h2{

    font-size:50px;

}

.why-grid{

    grid-template-columns:1fr;

}

.why-card{

    padding:35px;

}

}

/* PROGRAMS */

@media(max-width:992px){

.program-grid{

    grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.program-grid{

    grid-template-columns:1fr;

}

.program-card{

    height:420px;

}

}

/* MEMBERSHIP */

@media(max-width:992px){

.pricing-wrapper{

    grid-template-columns:1fr;

}

.featured{

    transform:none;

}

}

/* TRAINERS */

@media(max-width:1200px){

.trainer-grid{

    grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.trainer-grid{

    grid-template-columns:1fr;

}

}

@media(max-width:992px){

.transform-grid{

    grid-template-columns:1fr;

}

}

@media(max-width:992px){

.testimonial-wrapper{

    grid-template-columns:1fr;

}

}

@media(max-width:992px){

.bmi-wrapper{

grid-template-columns:1fr;

}

}

@media(max-width:992px){

.gallery-grid{

    grid-template-columns:repeat(2,1fr);

}

.wide{

    grid-column:auto;

}

}

@media(max-width:768px){

.gallery-grid{

    grid-template-columns:1fr;

}

.tall{

    grid-row:auto;

}

}

@media(max-width:768px){

.cta-section{

    padding:120px 0;

}

.cta-content h2{

    font-size:52px;

}

.cta-buttons{

    flex-direction:column;

}

}

@media(max-width:992px){

.contact-wrapper{

grid-template-columns:1fr;

}

}

@media(max-width:1200px){

.footer-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:992px){

.footer-cta-box{

flex-direction:column;

text-align:center;

}

.footer-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.footer-main{

padding:60px 0 40px;

}

.footer-grid{

grid-template-columns:1fr;

}

.footer-bottom{

flex-direction:column;

text-align:center;

}

.footer-bottom a{

margin:0 10px;

}

.footer-cta-box{

padding:40px 30px;

}

.footer-cta-box h2{

font-size:42px;

}

.footer-cta-btns{

flex-direction:column;

width:100%;

}

.footer-cta-btns a{

width:100%;

}

}

@media(max-width:768px){

.whatsapp-float{

    width:58px;
    height:58px;

    right:20px;
    bottom:20px;

    font-size:30px;

}

}

@media(max-width:768px){

.page-banner{

    height:500px;
    padding-top: 120px;

}

.page-banner-content{

    text-align:center;

    margin:auto;

}

.page-banner-content h1{

    font-size:60px;

}

.page-banner-content p{

    font-size:16px;

}

.breadcrumb{

    justify-content:center;

}

}

@media(max-width:992px){

.about-grid{

    grid-template-columns:1fr;

}

.about-images{

    max-width:600px;

    margin:auto;

}

.about-content{

    text-align:center;

}

.feature-item{

    text-align:left;

}

}

@media(max-width:768px){


.about-content h2{

    font-size:46px;

}

.floating-img{

    width:180px;

    right:0;

    bottom:-20px;

}

.experience-box{

    left:15px;

    top:15px;

    padding:20px;

}

.experience-box h2{

    font-size:40px;

}

}

@media(max-width:992px){

.timeline::before{

    left:20px;

}

.timeline-item{

    width:100%;

    padding-left:70px !important;

    padding-right:0 !important;

}

.timeline-item.right{

    margin-left:0;

}

.timeline-content::before{

    left:-59px !important;

}

}

@media(max-width:992px){

.facility-grid{

    grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.facility-grid{

    grid-template-columns:1fr;

}

.facility-card{

    height:350px;

}

}

@media(max-width:992px){

.mission-wrapper{

    grid-template-columns:1fr;

}

.mission-content{

    text-align:center;

}

.mission-card{

    text-align:left;

}

}

@media(max-width:768px){


.mission-content h2{

    font-size:46px;

}

.mission-badge{

    left:15px;

    right:15px;

    bottom:15px;

    padding:18px;

}

.mission-card{

    flex-direction:column;

    align-items:flex-start;

}

}

@media(max-width:992px){

.trainer-wrapper{

    grid-template-columns:1fr;

}

.trainer-image{

    max-width:600px;

    margin:auto;

}

}

@media(max-width:768px){


.trainer-item{

    flex-direction:column;

}

.trainer-floating-card{

    right:15px;

    bottom:15px;

}

}

@media(max-width:768px){


.cta-content h2{

    font-size:50px;

}

.cta-content p{

    font-size:16px;

}

.cta-buttons{

    flex-direction:column;

}

.cta-buttons a{

    width:100%;

}

}

@media(max-width:992px){

.program-grid{

    grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.program-grid{

    grid-template-columns:1fr;

}

}

@media(max-width:1200px){

.process-grid{

    grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.process-grid{

    grid-template-columns:1fr;

}

}

@media(max-width:992px){

.benefits-wrapper{

    grid-template-columns:1fr;

}

.benefits-image{

    max-width:600px;

    margin:auto;

}

}

@media(max-width:768px){

.benefits-content h2{

    font-size:46px;

}

.benefit-list{

    grid-template-columns:1fr;

}

.experience-badge{

    left:15px;

    bottom:15px;

}

}

@media(max-width:992px){

.transformation-stats{

    grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){



.transformation-content h2{

    font-size:52px;

}

.transformation-stats{

    grid-template-columns:1fr;

}

}

@media(max-width:992px){

.benefits-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){


.benefits-grid{

grid-template-columns:1fr;

}

}

@media(max-width:992px){

.spotlight-wrapper{

grid-template-columns:1fr;

}

.spotlight-image{

max-width:600px;

margin:auto;

}

}

@media(max-width:768px){


.spotlight-content{

text-align:center;

}

.trainer-info{

grid-template-columns:1fr;

}

.experience-card{

right:15px;

bottom:15px;

}

}

@media(max-width:992px){

.trainer-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){


.trainer-grid{

grid-template-columns:1fr;

}

}

@media(max-width:1200px){

.certification-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){


.certification-grid{

grid-template-columns:1fr;

}

}

@media(max-width:992px){

.testimonial-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){



.testimonial-grid{

grid-template-columns:1fr;

}

}

@media(max-width:992px){

.trainer-cta-wrapper{

grid-template-columns:1fr;

text-align:center;

}

.trainer-cta-image{

text-align:center;

}

.trainer-cta-features{

grid-template-columns:1fr;

}

.trainer-cta-buttons{

justify-content:center;

}

}

@media(max-width:768px){


.trainer-cta-content h2{

font-size:48px;

}

.trainer-cta-buttons{

flex-direction:column;

}

.trainer-cta-buttons a{

width:100%;

text-align:center;

}

.trainer-cta-image img{

width:350px;

}

}

@media(max-width:992px){

.gallery-grid{

columns:2;

}

}

@media(max-width:768px){

.gallery-grid{

columns:1;

}

}


@media(max-width:992px){

.contact-info-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){


.contact-info-grid{

grid-template-columns:1fr;

}

}

@media(max-width:992px){

.contact-wrapper{

grid-template-columns:1fr;

}

.contact-map iframe{

min-height:500px;

}

}

@media(max-width:768px){


.contact-form-box{

padding:35px;

}

.contact-form-box h2{

font-size:48px;

}

.form-row{

grid-template-columns:1fr;

}

.map-card{

left:15px;

right:15px;

bottom:15px;

max-width:100%;

}

}