@media(max-width:1500px) {}

@media(max-width:1400px) {}

@media(max-width:1200px) {}

@media(max-width:1100px) {}

@media(max-width:992px) {}


@media(max-width:991px) {

    #azhar-faq-appointment .azhar-faq-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    #azhar-faq-appointment .azhar-appointment-card {
        max-width: 650px;
        width: 100%;
        margin: 0 auto;
    }

    #azhar-cta-strip .azhar-cta-inner {
        flex-wrap: wrap;
    }

    #azhar-cta-strip .azhar-cta-content {
        border-right: 0;
        padding-right: 0;
    }

    #azhar-cta-strip .azhar-cta-actions {
        width: 100%;
        justify-content: center;
        padding-left: 78px;
    }

    #azhar-gallery-section .azhar-gallery-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-auto-rows: 155px;
        gap: 12px;
    }

    #azhar-gallery-section .azhar-gallery-item.gallery-tall {
        grid-row: span 2;
    }


    #azhar-why-section .azhar-why-visual {
        min-height: 480px;
        margin-top: 15px;
    }

    #azhar-why-section .azhar-why-image-frame {
        max-width: 380px;
        height: 450px;
    }

    #azhar-why-section .azhar-why-circle {
        width: 160px;
        height: 160px;
    }

    #azhar-about-section .azhar-about-content {
        padding-left: 0;
    }

    #azhar-about-section .azhar-about-title {
        font-size: 28px;
    }



    #uk-header .uk-topbar-address {
        display: none;
    }

    #uk-header .offcanvas-body {
        display: block;
    }

    #uk-header .navbar-nav {
        gap: 0;
    }

    #uk-header .uk-topbar-contact a,
    #uk-header .uk-topbar-address {
        font-size: 10px;
    }

    #uk-header .offcanvas .nav-link {
        color: var(--heading);
    }

    #uk-header .offcanvas .nav-link:hover,
    #uk-header .offcanvas .nav-link.active {
        color: var(--accent);
    }



}

@media(max-width:767px) {


    #azhar-testimonial-section .azhar-testimonial-heading {
        margin-bottom: 30px;
    }

    #azhar-testimonial-section .azhar-testimonial-card {
        padding: 22px;
    }

    #azhar-testimonial-section .azhar-testimonial-text {
        min-height: auto;
    }

    #azhar-gallery-section .azhar-gallery-item.gallery-bot {
        grid-column: span 2;
    }

    #uk-header .navbar-nav {
        gap: 0;
    }


}

@media(max-width:643px) {
    #uk-footer .uk-footer-col {
        border-bottom: 1px solid rgba(255, 255, 255, .12);
        padding-bottom: 15px;
        border-left: none;
        padding-left: 10px;
    }

    #uk-header .uk-topbar-contact {
        gap: 8px;
    }

    #uk-header .uk-topbar-contact a,
    #uk-header .uk-topbar-address {
        gap: 2px;
    }

    #uk-footer .uk-footer-bottom {
        justify-content: center;
    }
}


@media(max-width:575px) {


    #azhar-faq-appointment .azhar-faq-column>h2 {
        font-size: 27px;
    }

    #azhar-faq-appointment .azhar-faq-question {
        padding: 16px 13px;
        font-size: 12px;
    }

    #azhar-faq-appointment .azhar-faq-answer {
        padding: 0 13px 15px;
    }

    #azhar-faq-appointment .azhar-appointment-card {
        padding: 22px 17px;
    }

    #azhar-faq-appointment .azhar-appointment-heading h2 {
        font-size: 19px;
    }

    #azhar-faq-appointment .azhar-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }


    #azhar-cta-strip .azhar-cta-inner {
        gap: 12px;
    }

    #azhar-cta-strip .azhar-cta-icon {
        width: 48px;
        height: 48px;
        font-size: 22px;
    }

    #azhar-cta-strip .azhar-cta-content {
        flex-basis: calc(100% - 60px);
    }

    #azhar-cta-strip .azhar-cta-content h3 {
        font-size: 14px;
        line-height: 1.5;
    }

    #azhar-cta-strip .azhar-cta-content p {
        font-size: 11px;
    }

    #azhar-cta-strip .azhar-desktop-break {
        display: none;
    }

    #azhar-cta-strip .azhar-cta-actions {
        padding-left: 0;
        gap: 8px;
        flex-wrap: wrap;
    }

    #azhar-cta-strip .azhar-cta-phone {
        padding: 10px 12px;
        gap: 8px;
    }

    #azhar-cta-strip .azhar-cta-phone>i {
        font-size: 18px;
    }

    #azhar-cta-strip .azhar-cta-phone strong {
        font-size: 12px;
    }

    #azhar-cta-strip .azhar-cta-book {
        padding: 13px 12px;
        font-size: 11px;
        gap: 6px;
    }

    #azhar-gallery-section .azhar-gallery-heading {
        margin-bottom: 22px;
    }

    #azhar-gallery-section .azhar-gallery-heading h2 {
        font-size: 24px;
    }

    #azhar-gallery-section .azhar-gallery-heading p {
        font-size: 11px;
    }

    #azhar-gallery-section .azhar-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: 130px;
        gap: 10px;
    }

    #azhar-gallery-section .azhar-gallery-item.gallery-tall {
        grid-row: span 2;
    }

    #azhar-gallery-section .azhar-gallery-item.gallery-wide {
        grid-column: span 1;
    }

    #azhar-gallery-section .azhar-gallery-item {
        border-radius: 10px;
        border-width: 2px;
    }

    #azhar-gallery-section .azhar-gallery-overlay {
        padding: 9px;
        opacity: 1;
        background: linear-gradient(to top,
                rgba(0, 45, 48, 0.75),
                transparent 75%);
    }

    #azhar-gallery-section .azhar-gallery-overlay span {
        font-size: 10px;
    }

    #azhar-gallery-section .azhar-gallery-overlay i {
        width: 25px;
        height: 25px;
        font-size: 10px;
    }


    #azhar-why-section .azhar-why-label {
        font-size: 10px;
        letter-spacing: 2px;
    }

    #azhar-why-section .azhar-why-title {
        font-size: 30px;
    }

    #azhar-why-section .azhar-why-description {
        font-size: 13px;
        margin-bottom: 22px;
    }

    #azhar-why-section .azhar-why-card {
        gap: 11px;
        padding: 17px 12px;
        border-radius: 13px;
    }

    #azhar-why-section .azhar-why-card-icon {
        width: 42px;
        height: 42px;
        font-size: 18px;
    }

    #azhar-why-section .azhar-why-number {
        font-size: 24px;
    }

    #azhar-why-section .azhar-why-card h3 {
        font-size: 13px;
    }

    #azhar-why-section .azhar-why-card p {
        font-size: 11px;
        line-height: 1.7;
    }

    #azhar-why-section .azhar-why-visual {
        min-height: 390px;
        margin-top: 10px;
    }

    #azhar-why-section .azhar-why-image-frame {
        max-width: 300px;
        height: 370px;
    }

    #azhar-why-section .azhar-why-circle {
        width: 120px;
        height: 120px;
        border-width: 15px;
    }

    #azhar-why-section .azhar-why-dots {
        width: 65px;
        height: 65px;
    }

    #azhar-why-section .azhar-why-plus {
        font-size: 42px;
    }

    #azhar-trust-section .azhar-trust-heading {
        margin-bottom: 22px;
    }

    #azhar-trust-section .azhar-trust-heading h2 {
        font-size: 19px;
    }

    #azhar-trust-section .azhar-trust-item {
        padding: 12px 4px;
    }

    #azhar-trust-section .azhar-trust-row {
        row-gap: 12px;
    }

    #azhar-trust-section .azhar-trust-row>div:nth-child(2) .azhar-trust-item::after {
        display: none;
    }

    #azhar-trust-section .azhar-trust-icon {
        width: 38px;
        height: 38px;
        font-size: 17px;
    }

    #azhar-trust-section .azhar-trust-item h3 {
        font-size: 19px;
    }

    #azhar-trust-section .azhar-trust-item p {
        font-size: 10px;
        line-height: 1.5;
    }

    #azhar-services-section .azhar-services-heading {
        margin-bottom: 25px;
    }

    #azhar-services-section .azhar-services-heading p {
        font-size: 12px;
    }

    #azhar-services-section .azhar-service-card {
        padding: 10px;
        border-radius: 12px;
    }

    #azhar-services-section .azhar-service-image {
        height: 125px;
        border-radius: 9px;
    }

    #azhar-services-section .azhar-service-body {
        padding: 12px 2px 2px;
    }

    #azhar-services-section .azhar-service-body h3 {
        font-size: 13px;
    }

    #azhar-services-section .azhar-service-body p {
        font-size: 11px;
        line-height: 1.7;
        margin-bottom: 16px;
    }

    #azhar-services-section .azhar-service-btn {
        gap: 5px;
        padding: 10px 5px;
        font-size: 10px;
    }

    #azhar-services-section .azhar-service-btn i {
        width: 19px;
        height: 19px;
        font-size: 9px;
    }

    #azhar-about-section .azhar-about-image {
        max-width: 370px;
        padding: 18px 18px 0;
        margin: 12px auto 25px;
    }

    #azhar-about-section .azhar-about-image::before {
        width: 95px;
        height: 95px;
        border-width: 13px;
        right: -4px;
    }

    #azhar-about-section .azhar-about-plus {
        font-size: 40px;
        right: 0;
    }

    #azhar-about-section .azhar-about-badge {
        bottom: 25px;
        padding: 10px 12px;
        font-size: 10px;
    }

    #azhar-about-section .azhar-about-image {
        min-height: auto;
    }


    #azhar-about-section .azhar-about-title {
        font-size: 26px;
    }

    #azhar-about-section .azhar-about-qualification {
        font-size: 12px;
    }

    #azhar-about-section .azhar-about-description {
        font-size: 12px;
        line-height: 1.8;
    }

    #azhar-about-section .azhar-about-icon {
        width: 48px;
        height: 48px;
        font-size: 19px;
    }

    #azhar-about-section .azhar-about-feature h4 {
        font-size: 11px;
    }


    #uk-header .uk-topbar-social {
        display: none;
    }

}

@media(max-width:480px) {}

@media(max-width:400px) {}

@media(max-width:359px) {}