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

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

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

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

@media(max-width:991px) {

    #footer .row {
        row-gap: 40px;
    }


    header .header-top {
        display: none;
    }

    header .headermn {
        padding: 10px 0;
    }


    header .navbar-nav {
        gap: 0;
    }

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



    #hero-section::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg,
                rgba(248, 247, 252, .98) 0%,
                rgba(248, 247, 252, .90) 48%,
                rgba(248, 247, 252, .25) 100%);
        z-index: 1;
    }
    
    #hero-section .hero-image{
        display:none;
    }
}

@media(max-width:767px) {

header .navbar-brand h2 {
    font-size: 18px;}
    #cta-section .cta-content {
        min-height: auto;
    }

    #cta-section .cta-icon {
        width: 48px;
        height: 48px;
        margin-right: 12px;
    }


    #about-section .about-content {
        padding-right: 0;
    }

    #about-section .about-feature strong {
        font-size: 16px;
    }

    #about-section h2 {
        font-size: 23px;
    }

    #about-section .about-feature span {
        font-size: 15px;
    }

    #about-section .about-feature {
        display: flex;
        align-items: flex-start;
        gap: 8px;
    }

    #about-section .about-image {
        width: 100%;
        height: 100%;
    }

    #services-section .section-heading h2 {
        font-size: 23px;
    }

    #about-section .feature-icon {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    #about-section .about-features {
        gap: 15px;
        grid-template-columns: repeat(2, 1fr);
    }
    
    #footer .addres li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    word-wrap: anywhere;
}

    #hero-section {
             min-height: auto;
        height: 100%;
        padding: 40px 0;
        background-color: #f2ebfb;
        background-image: none;
    }

  #hero-section .hero-image{
        display:block;
    }
    #hero-section .hero-content {
        text-align: center;
    }


    #footer h3 {
        margin-bottom: 18px;
    }

    #footer .footerboo p {
        line-height: 22px;
    }



    #hero-section::before {
        background: rgb(248 247 252 / 0%);
    }

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

    #hero-section .hero-info {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    #hero-section .hero-info-item {
        min-width: 100%;
    }

    #why-choose .section-title h2 {
        color: var(--heading);
        font-size: 23px;
    }

    #cta-section .cta-text h2 {
        color: var(--heading);
        font-size: 23px;
        font-weight: 700;
    }
    #testimonials .testimonial-heading h2 {
    color: var(--heading);
    font-size: 23px;}

    #gallery .section-head h2 {
    color: var(--heading);
    font-size: 23px;
}

#appointment-section .appointment-form h2 {
    color: var(--heading);
    font-size: 23px;}
}

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

@media(max-width:575px) {

    #cta-section .cta-content {
        display: block;
        text-align: center;
    }

    #cta-section .cta-icon {
        margin: 0 auto 10px;
    }

    #cta-section .cta-text {
        margin-bottom: 15px;
    }




    #hero-section .hero-tag {
        font-size: 10px;
    }

    #hero-section h1 {
        font-size: 37px;
        line-height: 1.05;
        margin-bottom: 17px;
    }


    #hero-section .hero-info-item {
        padding: 11px 13px;
    }

    #hero-section .hero-btn {
        width: 100%;
        justify-content: center;
    }

}

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

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

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