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

/* Large Devices */

@media (max-width:1199px){

    .hero h1,
    .banner-content h1,
    .treatment-hero h1,
    .gallery-hero h1,
    .contact-hero h1{

        font-size:46px;

    }

    .section-title{

        font-size:38px;

    }

    .appointment-box,
    .cta-box,
    .cta-wrapper,
    .contact-cta-box{

        padding:60px 40px;

    }

}

/* Tablets */

@media (max-width:991px){

    body{

        overflow-x:hidden;

    }

    section{

        overflow:hidden;

    }

    .navbar{

        padding:12px 0;

    }

    .nav-link{

        margin-left:0;

        padding:12px 0;

    }

    .hero{
        padding: 137px 0 0px 0;
    }
    .doctor-profile,
    .about-section,
    .expertise-section,
    .treatments,
    .gallery-section,
    .contact-section,
    .treatment-hero,
    .gallery-hero,
    .contact-hero{

        padding:70px 0;

    }

    .page-banner{

        padding:120px 0 70px;

    }

    .hero h1,
    .banner-content h1,
    .treatment-hero h1,
    .gallery-hero h1,
    .contact-hero h1{

        font-size:42px;

    }

    .section-title{

        font-size:34px;

    }

    .hero-image,
    .doctor-card,
    .doctor-image-box{

        margin-top:50px;

        text-align:center;

    }

    .experience-box{

        right:20px;

    }

    .qualification-list{

        grid-template-columns:1fr;

    }

    .feature-list{

        grid-template-columns:1fr;

    }

    .hero-buttons,
    .about-buttons,
    .profile-buttons{

        justify-content:center;

    }

    .hero-features,
    .hero-highlights,
    .gallery-highlights,
    .contact-highlights{

        justify-content:center;

    }

    .appointment-box,
    .cta-box,
    .cta-wrapper,
    .contact-cta-box{

        text-align:center;

    }

    .appointment-box h2,
    .cta-box h2,
    .cta-wrapper h2,
    .contact-cta-box h2{

        font-size:34px;

    }

    .emergency-section{

        text-align:center;

    }

    .emergency-section .text-lg-end{

        text-align:center !important;

        margin-top:30px;

    }

}

/* Mobile */

@media (max-width:767px){
 .hero{
        padding: 137px 0 0px 0;
    }
    .about-section,
    .doctor-profile,
    .qualifications-section,
    .expertise-section,
    .experience-section,
    .why-doctor,
    .facilities-section,
    .treatments,
    .gallery-section,
    .testimonial-section,
    .faq-section,
    .contact-section,
    .treatment-category,
    .why-treatment-section,
    .process-section,
    .gallery-section,
    .facility-section,
    .patient-care-section,
    .clinic-info-section,
    .location-section,
    .timing-section,
    .contact-info-section,
    .appointment-section,
    .quick-contact-section,
    .contact-cta,
    .treatment-cta,
    .gallery-cta{

        padding:60px 0;

    }

    .hero h1,
    .banner-content h1,
    .treatment-hero h1,
    .gallery-hero h1,
    .contact-hero h1{

        font-size:34px;

        line-height:1.3;

    }

    .section-title{

        font-size:30px;

    }

    .hero p,
    .banner-content p,
    .treatment-hero p,
    .gallery-hero p,
    .contact-hero p{

        font-size:16px;

    }

    .hero-buttons,
    .about-buttons,
    .profile-buttons{

        flex-direction:column;

        width:100%;

    }

    .hero-buttons .btn,
    .about-buttons .btn,
    .profile-buttons .btn{

        width:100%;

    }

    .hero-features,
    .hero-highlights,
    .gallery-highlights,
    .contact-highlights{

        flex-direction:column;

        gap:12px;

    }

    .experience-box{

        position:relative;

        right:0;

        bottom:0;

        display:inline-block;

        margin-top:20px;

    }

    .appointment-box,
    .cta-box,
    .cta-wrapper,
    .contact-cta-box{

        padding:40px 25px;

    }

    .appointment-box h2,
    .cta-box h2,
    .cta-wrapper h2,
    .contact-cta-box h2{

        font-size:28px;

    }

    .appointment-form{

        padding:25px;

    }

    .timing-card{

        padding:25px;

    }

    .timing-row{

        flex-direction:column;

        align-items:flex-start;

        gap:5px;

    }

    .gallery-item img{

        height:240px;

    }

    .facility-card img{

        height:220px;

    }

    .process-card{

        padding:25px 15px;

    }

    .category-card,

    .treatment-card,

    .expert-card,

    .facility-card,

    .care-card,

    .review-card,

    .contact-card,

    .info-card,

    .experience-card{

        padding:25px;

    }

}

/* Small Mobile */

@media (max-width:575px){

    .page-banner{

        padding:110px 0 60px;

    }

    .hero h1,
    .banner-content h1,
    .treatment-hero h1,
    .gallery-hero h1,
    .contact-hero h1{

        font-size:30px;

    }

    .section-title{

        font-size:26px;

    }

    .hero-tag,
    .section-tag{

        font-size:12px;

        padding:6px 14px;

    }

    .stat-card,
    .treatment-card,
    .expert-card,
    .category-card,
    .treatment-box,
    .facility-card,
    .care-card,
    .review-card,
    .contact-card,
    .quick-card{

        padding:22px;

    }

    .gallery-item img{

        height:200px;

    }

    .appointment-box,
    .cta-box,
    .cta-wrapper,
    .contact-cta-box{

        padding:30px 20px;

    }

    .appointment-box h2,
    .cta-box h2,
    .cta-wrapper h2,
    .contact-cta-box h2{

        font-size:24px;

    }

    .map-wrapper iframe{

        height:320px;

    }

}