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

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

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

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

@media(max-width:991px) {

    header .navbar-nav {
        text-align: start;
        align-items: start;
    }

    header .nav-link {
        color: #000;
    }



    header .navbar .whatsapp {
        margin-top: 20px;
    }



    #about-doctor h2 {
        font-size: 32px;
    }

    #about-doctor h6 {
        font-size: 22px;
    }

    #why-choose-us h2 {
        font-size: 32px;
    }

}

@media(max-width:767px) {

    #faq-section .section-title h2 {
    font-size: 32px;}
    #appointment-section .appointment-form, #appointment-section .appointment-info {
    padding: 15px;}

    #appointment-section .section-heading h2 {
    font-size: 32px;}

    #about-doctor .doctor-content {
    padding-left: 0;
}

    #hero-section .hero-subtitle {
        font-size: 13px;
    }

    #hero-section h1 {
        font-size: 28px;
    }

    #hero-section h4 {
        font-size: 26px;
    }

    #hero-section p {
        font-size: 16px;
    }

    #hero-section .hero-btns {
        flex-direction: column;
        align-items: flex-start;
    }

    #counter-section .section-title h2 {
        font-size: 30px;
    }

    #counter-section .section-title {
        margin-bottom: 20px;
    }

    #why-choose-us h2 {
        font-size: 32px;
    }

    #why-choose-us .why-list li {
        font-size: 16px;
    }

    #why-choose-us .why-list {
        column-count: 1;
    }


    #about-doctor h2 {
        font-size: 32px;
    }

    #about-doctor h6 {
        font-size: 18px;
    }

    #about-doctor p {
        font-size: 16px;
        line-height: 28px;
    }

    #testimonial-section .section-title h2 {
    font-size: 32px;}

}

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

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

@media(max-width:480px) {

    .sticky .headermn .navbar .navbar-brand {
        width: 25%;
    }

    header .header-top {
        display: none;
    }

    header .navbar-nav {
        gap: 20px;
    }

    header .headermn .navbar .navbar-brand {
        width: 25%;
    }

    header .navbar .offcanvas {
        width: 300px;
    }


    footer .footertop .about img {
        width: 100px;
    }

    footer .row {
        row-gap: 20px;
    }

    footer .footertop {
        padding: 25px 0 0px;
    }

    footer .footertop .about p {
        width: 100%;
    }

    footer .footerboo ul {
        display: block;
        text-align: center;
    }

    footer .footerboo ul li:first-child {
        margin-bottom: 10px;
    }



}

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

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