@media (max-width: 1024px) {

    header .top-header {

        display: none;

    }



    header .book-appoint-btn {

        display: none;

    }



    header .detail-canvas {

        display: none;

    }



    header .main-header-nav .col-8 {

        width: 100%;

    }



    header .topheader {

        padding: 20px;

    }



    header .logo-box img {

        width: 100px;

    }



    header .main-header-nav .nav.main-menu {

        justify-content: center;

    }



    .main-slider .main-slider-inner .col-md-7 {

        width: 100%;

    }





    .get-in-touch .infoDetails {

        flex-wrap: wrap;



        & li {

            width: 32%;

            margin-bottom: 10px;

        }



        & li:first-child {

            padding: 0 20px;

            border-right: 2px solid #ddd;

        }



        & li:last-child {

            padding: 0 20px;

            border-right: 2px solid #ddd;

        }

    }


    .about-department .about-department-img img {
        width: 100%;
        clip-path: none;
    }

    .about-us {

        &>.row {

            align-items: stretch;

        }



        & .services-box {

            height: 100%;

            padding: 10px;

        }



        & .services-box img {

            width: 40px;

        }



        & .services-box h6 {

            font-size: 14px;

        }

    }



    .OurVideo-section .video-slider .video-thumb {

        height: auto;

    }



    .our-doctor {

        & .doctor-info img {

            width: 100%;

            margin: auto;

            margin-bottom: 10px;

        }

    }



    .departments-tabs-items ul {

        width: 100%;

        display: flex;

        flex-wrap: wrap;

        gap: 10px;

        overflow-x: scroll;

        white-space: nowrap;

        height: 130px;

        flex-direction: column;

        overflow-y: auto;
        padding-bottom: 20px;



    }

    .contact-form {
        & .call-btn {
            margin-top: 10px;
        }
    }

    .whychoose {
        & .row.row-cols-lg-5.my-4 .col {
            width: 50%;
        }
    }

    .about-banner {
        & .slider-btn a {
            padding: 14px 30px;
        }
    }

    .mission-vision {
        & .mission-vision-content-box ul {
            padding-left: 10px;
        }
    }

    .Alldoctors .doctor-profile>.row:first-child .col-7 {
        border: none;
    }

    .doctor-page .doctor-single-post .image img {

        width: 100%;
    }

    .about-doctor-overview-box .tab-box .nav-pills .nav-link {
        padding: 0 10px;
        width: 120px;
    }



    .exp-content {
        bottom: 40px;
    }

    .exp-content .treatment-box.yojna {
        width: 90%;
        margin: auto;
    }

    .exp-content .treatment-box.yojna .treatments {
        width: 100px;
        height: 100px;
        background: #fff;
        text-align: center;
        /* padding: 20px; */
        border-radius: 10px;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .exp-content .treatment-box.yojna .treatments img {
        width: 70px;
    }




}


@media (max-width:1200px) {

    .exp-content {
        bottom: 40px;
    }

    .exp-content .treatment-box.yojna {
        width: 90%;
        margin: auto;
    }

    .exp-content .treatment-box.yojna .treatments {
        width: 100px;
        height: 100px;
        background: #fff;
        text-align: center;
        /* padding: 20px; */
        border-radius: 10px;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .exp-content .treatment-box.yojna .treatments img {
        width: 70px;
    }

}





.mobile-header {

    display: none;

}

/* =====================================================
   FACILITIES — SMOOTH INFINITE MOBILE SLIDER
   HTML SAME RAHEGA
===================================================== */

@media (max-width: 767px) {

    .sh-facilities-grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        max-width: none !important;
        gap: 15px !important;
        overflow: visible !important;

        /* Smooth continuous movement */
        animation: shFacilitiesScroll 30s linear infinite !important;

        will-change: transform;
    }

    .sh-facility-card {
        flex: 0 0 165px !important;
        width: 165px !important;
        min-width: 165px !important;

        margin: 0 !important;
        box-sizing: border-box;
    }

    /*
     * Parent/section ko viewport ke andar clip rakho.
     * Agar grid ke direct parent par overflow hidden nahi hai
     * to ye rule uske nearest common container par bhi apply karega.
     */
    .sh-facilities-grid {
        position: relative;
    }

    /* Continuous infinite animation */
    @keyframes shFacilitiesScroll {

        0% {
            transform: translate3d(0, 0, 0);
        }

        100% {
            transform: translate3d(calc(-50% - 7.5px),
                    0,
                    0);
        }
    }

}


/* =====================================================
   DESKTOP — NORMAL GRID
===================================================== */

@media (min-width: 768px) {


    .sh-facilities-grid {
        animation: none !important;
        transform: none !important;
        width: auto !important;
        display: grid !important;
    }

}


@media (max-width: 768px) {

    header .sealed-logo {
        bottom: 0 !important;
        margin-bottom: 0;
        height: 100% !important;
    }

    .sh-contact-page .sh-contact-stats {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .ht-ctc {
        display: none;
    }

    .modal-dialog {
        width: 95% !important;
    }

    .gpsh-form-heading {
        display: none;
    }

    .gpsh-left-section {
        display: none;
    }

    .sh-hospital-profile-card {
        max-width: 100%;
    }

    .sh-contact-page .sh-contact-lower-area .container {
        width: 100%;
    }

    .sh-cardio-overview .sh-cardio-overview-right {
        min-height: 280px !important;
    }

    .sh-cardio-info-section .sh-cardio-info-image,
    .sh-cardio-info-section .sh-cardio-info-block--middle .sh-cardio-info-image {
        width: 100%;
        height: 310px;
    }

    .sh-cardio-info-section .sh-cardio-info-block--top .sh-cardio-info-image-wrap {
        position: relative;
        top: 0;
    }

    .sh-cardiac-cta .sh-cardiac-cta-box {
        padding: 27px 0px;
        width: 100%;
    }

    .sh-cardio-info-section .sh-cardio-info-title {
        font-size: 18px;
        line-height: 35px;
    }

    .sh-cardio-info-section::after {
        display: none;
    }

    .sh-cardio-overview .sh-cardio-appointment-btn {
        display: none;
    }

    .sh-hospital-intro-section .sh-hospital-intro-row {
        flex-direction: column-reverse;
    }

    .sh-hospital-intro-section .sh-hospital-feature-item {
        border-right: 0;
    }

    .sh-mission-vision-area .sh-mv-image-box>img {
        object-fit: contain;
    }

    .sh-hospital-dept-section .sh-hospital-dept-right {
        height: 100%;
    }

    .sh-facility-item-content h3 {
        font-size: 14px;
        line-height: 20px;
    }

    .sh-facility-number {
        width: 26px;
        height: 20px;
        font-size: 9px;
    }

    .sh-about-section {
        overflow: hidden !important;
    }



    .funFact-list {
        padding: 0;
        gap: 10px;
        margin: auto;
        justify-content: center;
    }

    .sh-reviews-section .col-lg-4 {
        position: relative;
        top: 0;
    }

    .stats__grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
        margin-top: 20px;
    }

    .stats {
        padding: 40px 0;
    }

    .stats__inner {
        display: block;
    }

    .sh-review-text {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        line-height: 30px;
        font-size: 16px;
        color: #555;
    }

    .fun-fact .mid-section .profile-bg-img img {
        margin-top: 40px;
    }

    .fun-fact .last-section .content {
        margin-top: 40px;
    }

    .fun-fact .mid-section>img {
        display: none;
    }

    .fun-fact .mid-section .profile-bg-img {
        padding: 0;
    }

    .fun-fact .mid-section .profile-bg-img::before {
        display: none;
    }

    .fun-fact .last-section::before {
        display: none;
    }

    .footer-tab-section {
        padding: 0;
    }

    header {

        & .topheader {

            display: none;

        }

        & .mobile-header {

            display: flex;

            align-items: center;

            justify-content: space-between;

            padding: 10px 20px;

        }



        & .logo-box {

            border: none;

        }

        & .bx.bx-menu {

            font-size: 30px;

        }

    }

    .sticky.sticky-header .logo-box img {
        width: 100px;
    }

    .appointment-area {
        & .status {
            border-right: none;
            justify-content: start;
        }
    }


}

@media (max-width: 767px) {
    section {
        padding: 40px 0 !important;
    }

    .footer-tab-section {
        padding: 0 !important;
    }

    #chat-bot-launcher-container.chat-bot-avatar-launcher,
    #chat-bot-launcher-container.chat-bot-launcher-notext {
        bottom: 65px !important;
    }

    #chat-bot-message-container {

        bottom: 125px !important;
    }

    .footer-tab-section {
        display: flex;
    }

    .OurVideo-section {
        padding: 40px 0;
    }

    .departments-tabs {
        padding: 40px 0;
    }

    .about-us {
        padding: 40px 0;
    }

    .page-id-1165 .facilities-items .departments-tabs .departments-tabs-items .nav .nav-item {
        width: 100%;
        height: 100%;
    }

    .departments .departments-slider .view-all-btn {
        margin-top: -100px !important;
    }

    .departments {
        padding-bottom: 0;
    }

    .mission-vision {
        padding: 40px 0px;
    }

    .facilities {
        padding: 40px 0;
    }

    .about-contact {
        padding-bottom: 40px;
    }

    .about-healthcare {
        padding: 40px 0;
    }

    .sticky {
        display: none;
    }

    .sticky.sticky-header {
        display: none;
    }

    .mobile-header.sticky.sticky-header {
        display: block;
    }

    .departments-tabs .departments-tabs-items .tab-content {


        & h5 {
            font-size: 28px;
            position: absolute;
            top: 0;
            left: 10px;

        }

        & .nav-pills {
            height: 100px;
        }

    }

    .departments-tabs .departments-tabs-items .tab-content .col-lg-9 .tab-content .row {
        flex-direction: column-reverse;
        position: relative;

    }

    .departments-tabs .departments-tabs-items .tab-content .col-lg-9 .tab-content .row {
        position: relative;
        margin-top: 40px;
    }

    .departments-tabs .departments-tabs-items .tab-content .inner-image img {
        height: 200px;
        margin-top: 60px;
    }

    .deparments-services .nav-pills .nav-link.active::after,
    .deparments-services .nav-pills .show>.nav-link::after {
        display: none;
    }

    .main-slider-inner {
        height: 1050px;
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 4px;
        height: 4px;
    }

    .services .service-image-col {
        position: static;
    }

    .departments.about-depart .specilities-box {
        background-size: cover !important;
    }

    .ContentSection {
        background-position: left !important;
    }

    .uperheader {
        display: none;
    }

    .exp-content .treatment-box.yojna .treatments {
        width: 100%;
        background: #fff;
        text-align: center;
        padding: 20px;
        border-radius: 10px;
    }

    .exp-content .treatment-box.yojna .treatments img {
        width: 100%;
    }

    .Gallery-section .filter-group .filter-button {
        line-height: 18px;
    }

    section .overview .exp-content {
        padding: 30px;
    }

    .exp-content .treatment-box.yojna .treatments img {
        border: none;
    }

    .departments-tabs-items .departments-items-uper-row.nav-pills {
        flex-direction: row;
    }

    .departments-tabs-items .departments-items-uper-row.nav-pills li:has(> button.active) {
        position: static;
    }

    .departments-tabs-items ul {
        height: 160px;
        overflow-y: hidden;

    }

    .founder-section.founder-1 .image img,
    .founder-section.founder-3 .image img {
        transform: scale(1);
    }

    .founder-section .image {
        width: 210px;
        height: 210px;
        margin: auto;
        display: block;
        border-radius: 100%;
        border: 2px solid #b98a26;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .founder-section h4 {
        margin: auto;
        margin-bottom: 10px;
    }

    .founder-section.founder-2 .row {
        flex-direction: column-reverse;
    }

    .founder-section.founder-1,
    .founder-section.founder-3 {

        background: aliceblue !important;
    }

    .founder-section .image img {
        transform: scale(1);
    }

    .founder-section .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .founder-section .content {
        text-align: center;
    }

    .awards .yojna-box {
        width: 100%;
    }

    .founder-section .content .background-comma-1 {
        left: 0px;
        opacity: .4;
    }

    .faqSection .faq-items {
        padding: 0px;
        box-shadow: none;
    }

    .mobile-header.sticky.sticky-header {
        padding: 10px 0;
    }

    .ticker {
        background-color: #fff;
    }

    .ticker__label {
        display: none;
    }

    .ticker__track {
        mask-image: none;
    }

    .top-image {
        margin-bottom: 10px;
    }

    .hospital-mobile-section {
        display: block;
    }

    .main-slider-inner {
        display: none;
    }

    .main-slider .owl-dots {
        bottom: 243px;
    }
}

@media (max-width: 500px) {
    .departments-tabs-items .departments-items-uper-row.nav-pills li {
        & button {
            width: 160px;
        }

        & h6 {
            text-wrap: balance;
            --webkit-text-wrap: balance;
            white-space: pre-wrap;
        }
    }

    .main-slider {
        & .slider-btn {
            flex-direction: column;
            width: fit-content;
            justify-content: center;
            margin: auto;
        }
    }

    div.get-in-touch.getintouch-wt {
        & ul.infoDetails li {
            width: 44%;
            border-right-color: transparent;
            flex-direction: column;
            text-align: center;
            margin: 10px;
            padding: 0;

            & .images {
                margin: 0;
            }
        }
    }

    .departments-tabs {
        & .slider-btn {
            display: flex;
            flex-direction: column;
            width: fit-content;
            margin: auto;
            gap: 20px;
            margin-bottom: 30px;
        }
    }

    .emergency {
        & .top-location-contact {
            flex-direction: column;
            gap: 10px;
        }
    }


    .appointment-area {
        & .status {
            border-right: none;
            text-align: center;
            margin-bottom: 10px;
            justify-content: center;
        }
    }

    .testimonials {
        .countGoogle {
            margin-bottom: 10px;
        }
    }

    .story-Section {
        & .Allstories {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;

            & .story-inner {
                width: 48%;
                height: 100%;
            }
        }

    }

    .ContentSection {
        border-top: 1px solid #ddd;

        & img {
            margin-bottom: 10px;
        }
    }

    .about-us {
        & .certified-experience img {
            width: 150px;
            position: absolute;
            top: -60px;
            left: 0;
            right: 0;
            margin: auto;
        }

        & .content-box {
            margin-top: 10px;
        }

        & .about-btn {
            justify-content: space-evenly;

            & a {
                padding: 10px;
            }
        }
    }

    .Gallery-section {
        & .filter-group {
            display: flex;
            align-items: stretch;
            justify-content: stretch;
            width: 360px;
        }
    }

    .services {
        & .service-center-img {
            margin: 20px 0 40px 0;
        }

        & .service-items .title-content {
            & h6 {
                font-size: 14px;
            }

            & p {
                font-size: 14px;
            }
        }

    }

    .Gallery-section .filter-group .filter-button {
        padding: 20px;
    }

    .content-box h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .about-banner {
        & .slider-btn {
            flex-direction: column;
            width: fit-content;
            margin: auto;
        }
    }

    .overview {
        & .content-box {
            & ul li {
                width: 100%;
            }

            & ul {
                flex-wrap: wrap;
            }
        }

        & .overview-img {
            margin-bottom: 20px;
        }
    }

    .mission-vision-items {
        & .icon {
            text-align: center;
        }
    }

    .testimonials .owl-stage-outer {
        padding: 0;
    }

    .contact-form .col-6 {
        width: 100%;
    }

    .contact-form {
        & div.call-btn {
            margin: auto;
        }

        & div.confirm-btn {
            margin: auto;
            margin-bottom: 10px;

        }
    }

    .about-department {
        & .about-department-img img {
            clip-path: none;
        }
    }

    .OurVideo-section .watch-video-btn a {
        gap: 4px;
    }

    .appointment-area {
        & .status p {
            font-size: 16px;
        }

        & .status p strong {
            font-size: 20px;
        }


    }

    .emergency-contact .emergency-box {
        & h6 {
            font-size: 18px;
            margin: 0 !important;

        }

        & img {
            width: 60px;
        }
    }

    .Alldoctors {
        & .doctor-profile {
            padding: 10px;
        }

        & .doctor-profile>.row:first-child .col-7 {
            border: none;
        }
    }

    .about-doctor-overview-box {
        margin-top: 10px;

        & .tab-box ul {
            display: flex;
            width: 100%;
            overflow-x: scroll;
            flex-direction: row;
            flex-wrap: nowrap;
            padding-bottom: 10px;
        }

        & .tab-box .nav-pills .nav-link {
            width: 200px;
            padding: 0;
        }
    }


    .video-section {
        & .watch-video-btn a {
            padding: 6px;
            gap: 4px;
            font-weight: 600;
            font-size: 12px;
        }

        & .watch-video-btn a .bx-play {
            height: 24px;
            width: 24px;
            font-size: 20px;
        }
    }

    .our-doctor {
        padding: 40px 0;
    }

    .Gallery-section {
        padding: 40px 0;
    }

    .services {
        padding: 40px 0;
    }

    .awards {
        padding: 40px 0;
    }

    .testimonials {
        padding: 40px 0;
    }

    .ContentSection {
        padding: 40px 0;
    }

    .whychoose {
        padding: 40px 0;
    }

    .health-tips-sec {
        padding: 40px 0;
    }

    .OurVideo-section {
        & .watch-video-btn a {
            padding: 6px;
            gap: 4px;
            font-weight: 600;
            font-size: 12px;
        }

        & .watch-video-btn a .bx-play {
            height: 24px;
            width: 24px;
            font-size: 20px;
        }
    }

    .Query {
        margin-bottom: 80px;

        & .contact-links .top-location-contact {
            flex-direction: column;

            & li {
                margin: auto;
            }
        }

        & .png img {
            width: 100%;
            bottom: -30px;
        }
    }

    .about-doctor-overview-box .tab-box .tab-content .tabs-content ul {
        flex-direction: column;
    }

    .about-doctor-overview-box .tab-box .tab-content .tabs-content ul li {
        width: 90%;
    }

    .about-banner-bottom {
        padding: 0;
    }

    .doctor-page .doctor-single-post .image img {
        width: 200px;
    }

    .blog-single-post .image img {
        width: 100%;
    }


    .main-slider-inner {
        padding: 60px 0;
    }

    .emergency .btn-box a {
        padding: 10px 30px;
    }


    .accordion-flush .accordion-item .accordion-button {
        font-size: 14px;
        line-height: 20px;
    }

    .about-banner .content-box {
        padding: 60px 0;
    }

    .footer-bottom {
        padding: 10px;
    }

    .ImageGallery .overlayer {
        padding: 60px 0;
    }

    .ourVideos .overlayer {
        padding: 60px 0;
    }

    .blogs-banner {
        padding: 60px 0;
    }



    div.get-in-touch.getintouch-wt.get-in-touch-fixed {
        position: static;

        & ul.infoDetails li {
            width: 40%;
        }
    }

    .departments-tabs-items .departments-items-uper-row.nav-pills li {
        height: 130px;
    }




    .about-healthcare {
        & .about-healthcare-inner {
            padding: 20px;

            .row {
                flex-direction: column-reverse;
            }

            & .about-healthcare-content {
                & h3 {
                    font-size: 20px;
                }

                & ul {
                    column-count: 1;
                }
            }
        }
    }

    .about-banner .banner-status-box {
        margin: 0;
        margin-bottom: 20px;
    }

    .Gallery-section .filter-group.overflow-auto {
        padding-bottom: 14px;
    }

    .OurVideo-section .owl-dots {
        bottom: -40px;
    }

    .ContentSection {
        background-position: left;
    }

    .doctor-salah-slider .owl-dots {
        bottom: -40px;
    }

    .department-custom {
        & .facilities-status {
            & .title h6 {
                text-align: center;
                margin: 20px 0;
            }
        }
    }

    .facilities-items .departments-tabs .departments-tabs-items .tab-content .tab-pane p {
        padding-right: 0;
    }


    table.spaceheal {
        width: 100%;
    }

    table.spaceheal tr {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    table.spaceheal tr td {
        width: 100%;
    }


}