/* Treatment Responsive */


@media(max-width:900px){

    .treatment-container{

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

    }

}



@media(max-width:600px){


    .treatment-container{

        grid-template-columns:1fr;

    }


    .treatments{

        padding:70px 5%;

    }


    .treatment-image{

        height:230px;

    }


}
/* ==========================
   DOCTOR RESPONSIVE
========================== */

@media(max-width:992px){

    .doctor-container{

        grid-template-columns:1fr;

        gap:50px;

    }

    .doctor-image{

        max-width:450px;

        margin:auto;

    }

    .doctor-content{

        text-align:center;

    }

}

@media(max-width:768px){

    .doctor{

        padding:70px 5%;

    }

    .doctor-content h2{

        font-size:40px;

    }

    .doctor-content h4{

        font-size:22px;

    }

    .doctor-features{

        grid-template-columns:1fr;

    }

}
/* ==========================
   BEFORE & AFTER RESPONSIVE
========================== */

@media(max-width:992px){

    .results-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .before-after{

        padding:70px 5%;

    }

    .result-image img{

        height:240px;

    }

}
/* ==========================
   TESTIMONIALS RESPONSIVE
========================== */

@media(max-width:992px){

    .testimonial-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .testimonials{

        padding:70px 5%;

    }

    .testimonial-card{

        padding:30px;

    }

}
@media(max-width:768px){

.faq{

padding:70px 5%;

}

.faq-question{

font-size:16px;

padding:20px;

}

}
/*==========================
      CTA RESPONSIVE
==========================*/

@media(max-width:768px){

.cta{

padding:80px 5%;

}

.cta h2{

font-size:40px;

}

.cta p{

font-size:16px;

}

.cta-buttons{

flex-direction:column;

align-items:center;

}

.cta-contact{

flex-direction:column;

align-items:center;

}

.contact-box{

width:100%;

max-width:320px;

text-align:center;

}

}
/*==========================
      FOOTER RESPONSIVE
==========================*/

@media(max-width:992px){

.footer-container{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.footer{

padding:70px 5% 20px;

}

.footer-container{

grid-template-columns:1fr;

text-align:center;

}

.footer-logo{

margin:auto auto 20px;

}

}
/*==========================
    ABOUT HERO
==========================*/

@media(max-width:768px){

.about-hero{

height:400px;

margin-top:130px;

}

.about-hero-content h1{

font-size:44px;

}

.about-hero-content p{

font-size:16px;

padding:0 20px;

}

}
/*==========================
     ABOUT SECTION
==========================*/

@media(max-width:992px){

.about-container{

grid-template-columns:1fr;

gap:50px;

}

.about-text{

text-align:center;

}

.about-points{

grid-template-columns:1fr;

}

}
/*==========================
 MISSION RESPONSIVE
==========================*/

@media(max-width:992px){

.mission-grid{

grid-template-columns:1fr;

}

}
/*==========================
 WHY CHOOSE ABOUT
==========================*/

@media(max-width:992px){

    .about-why-grid{

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

    }

}

@media(max-width:768px){

    .about-why-grid{

        grid-template-columns:1fr;

    }

}
/*==========================
   TECHNOLOGY RESPONSIVE
==========================*/

@media(max-width:992px){

.technology-container{

grid-template-columns:1fr;

gap:50px;

}

.technology-content{

text-align:center;

}

}
/*==========================
DOCTOR PREVIEW RESPONSIVE
==========================*/

@media(max-width:992px){

.doctor-preview-container{

grid-template-columns:1fr;

}

.doctor-preview-content{

text-align:center;

}

.doctor-highlights{

grid-template-columns:1fr;

}

}
/*==========================
      CTA RESPONSIVE
==========================*/

@media(max-width:768px){

    .cta{

        padding:80px 5%;

    }

    .cta h2{

        font-size:40px;

    }

    .cta p{

        font-size:16px;

    }

    .cta-buttons{

        flex-direction:column;

        align-items:center;

    }

    .cta-contact{

        flex-direction:column;

        align-items:center;

    }

    .contact-box{

        width:100%;

        max-width:320px;

        text-align:center;

    }

}
@media(max-width:992px){

.footer-container{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.footer{

padding:70px 5% 20px;

}

.footer-container{

grid-template-columns:1fr;

text-align:center;

}

.footer-logo{

margin:auto auto 20px;

}

}
/*==========================
      DOCTOR PAGE
==========================*/

@media(max-width:992px){

.doctor-about-container{

grid-template-columns:1fr;

text-align:center;

}

.doctor-philosophy-container{

grid-template-columns:1fr;

text-align:center;

}

.doctor-stats{

grid-template-columns:1fr;

}

.doctor-points{

grid-template-columns:1fr;

}

.expertise-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.doctor-hero{

height:400px;

margin-top:130px;

}

.doctor-hero-content h1{

font-size:46px;

}

.doctor-hero-content h3{

font-size:22px;

}

.doctor-hero-content p{

font-size:16px;

padding:0 20px;

}

.doctor-about-content h2{

font-size:36px;

}

.doctor-philosophy-content h2{

font-size:36px;

}

}
@media(max-width:768px){

.treatments-hero{

height:400px;

margin-top:130px;

}

.treatments-hero-content h1{

font-size:46px;

}

.treatments-hero-content p{

font-size:16px;

padding:0 20px;

}

}
@media(max-width:992px){

.treatment-wrapper{

grid-template-columns:1fr;

text-align:center;

}

.treatment-info ul{

text-align:left;

display:inline-block;

}

}
@media(max-width:1100px){

.process-grid{

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

}

}

@media(max-width:600px){

.process-grid{

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){

.gallery-grid{

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

}

}

@media(max-width:768px){

.gallery-grid{

grid-template-columns:1fr;

}

.gallery-content h1{

font-size:46px;

}

.gallery-hero{

height:380px;

margin-top:130px;

}

}
@media(max-width:768px){

.result-images{

grid-template-columns:1fr;

}

.result-box img{

height:280px;

}

}
@media(max-width:992px){

.contact-container{

grid-template-columns:1fr;

}

}
@media(max-width:768px){

.whatsapp-float{

width:58px;

height:58px;

right:18px;

bottom:18px;

}

.whatsapp-float img{

width:30px;

height:30px;

}

}