@media screen and (min-width: 1500px) {
    /*********************************************************
        Our Team Section
    *********************************************************/
    .team-profile {gap: 30px;}
    .single-team-profile {width: calc(16.66% - 25px);}

    /*********************************************************
        Page Content Section
    *********************************************************/
    .pages-main-content {max-width: 75%;}
}

@media (min-width: 1024px) {
    .content-wrapper {padding: 0 4rem;}    
    .slide-title {margin-bottom: 2rem;}
    
    .slide-description {
        font-size: 1.25rem;
        margin-bottom: 4rem;
    }    
    .slide .stats-grid {margin-top: 2rem;}
}

@media (min-width: 640px) {
    .content-wrapper {padding: 0 3rem;}    
    .slide .cta-buttons {flex-direction: row;}    
    .slide .stats-grid {grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 480px) {
    /*********************************************************
        Page Content Section
    *********************************************************/
    .pages-main-content {
        padding: 12px 8px;
        gap: 20px;
    }
    
    .pages-title {font-size: 1.35rem;}
    .image-overlay {padding: 16px;}
}

@media screen and (min-width: 200px) and (max-width: 767px) {

    /*********************************************************
        Common CSS Here
    *********************************************************/
    .body-wrap {
        width: 100%;
        padding: 0 12px;
        margin: 0;
    }

    .container {
        width: 100% !important;
        max-width: 100% !important;
    }

    .mob-view {display: block;}
    .desk-view {display: none;}

    /*********************************************************
        Header Begin Here
    *********************************************************/
    #header {
        flex-direction: column;
        align-items: start;
        gap: 15px;
        padding: 12px 8px;
        position: relative;
    }

    .left-header, .right-header {width: 50%;}
    .middle-header {width: 100%;}
    .middle-header .tagline > a {display: block;}
    /* .left-header .logo {text-align: center;} */
    .left-header .logo img {max-height: 40px;}
    .right-header {display: none;}

    .right-header p {
        font-size: 14px;
        margin-bottom: 0;
    }

    .tagline p {
        font-size: 14px;
        line-height: normal;
    }
    .tagline > a {
        font-size: 13px;
        border-radius: 8px;
        position: absolute;
        top: 23px;
        right: 8px;
    }

    /*********************************************************
        Navbar Begin Here
    *********************************************************/
    #navbar {height: 48px;}

    #navbar .nav-content {
        gap: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #mobile-menu {
        font-size: 23px;
        line-height: 100%;
        /* border: 1px solid #f1f1f1; */
        background-color: #00388b;
        color: #f1f1f1;
        padding: 6px 14px;
        border-radius: 3px;
    }

    #overlay-bg {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9998;
        background-color: rgba(0, 0, 0, 0.5);
        min-width: 100%;
        min-height: 100%;
        height: 100vh;
        opacity: 0;
    }    

    #close-menu {
        color: #707070;
        font-size: 14px;
        font-weight: 400;
        border-bottom: 1px solid #dadada;
        background-color: var(--light-gray-color);
        padding: 8px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 38px;
        position: fixed;
        z-index: 9;
        width: 95%;
        background-color: #fff;
    }

    #close-menu span {
        font-size: 18px;
        line-height: 21px;
        width: 21px;
        text-align: center;
        cursor: pointer;
    }

    #navbar-menu {
        position: fixed;
        top: 0;
        left: -100%;
        z-index: 9999;
        width: 95%;
        min-height: 100%;
        height: 100vh;
        background-color: #fff;
        transition: all 0.3s;
        overflow-y: auto;
    }
    #navbar-menu.active {left: 0;}

    .menu {
        flex-direction: column;
        align-items: start;
        gap: 8px;
        padding: 20px;
        margin-top: 38px;
    }

    .menu > .menu-item {width: 100%;}

    .menu > .menu-item > a, .menu > .menu-item > a:hover {
        align-items: start;
        color: #2c2e35;
        border-bottom: 1px solid #f7f7f7;
        padding: 8px 0;
    }

    .menu .menu-item a {
        font-size: 15px;
        font-weight: 400;
    }

    .sub-menu .menu-item a:hover {
        color: #2c2e35;
        background-color: transparent;
    }

    .menu-item-has-children > a::before {
        content: "";
        border: 1px solid #585858;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        position: absolute;
        top: 4px;
        right: 0;
    }

    .menu-item-has-children > a::after {
        content: '';
        border: 1px solid;
        border-color: var(--dark-black);
        border-top: none;
        border-left: none;
        width: 8px;
        height: 8px;
        position: absolute;
        top: 10px;
        right: 7px;
        transform: rotate(-45deg);
        transition: all 0.1s linear;
    }
    .menu-item-has-children:hover > a::after {border-color: var(--dark-black);}

    .menu-item-has-children.active > a::after {
        top: 8px;
        right: 6px;
        transform: rotate(45deg);
        transition: all 0.1s linear;
    }

    .menu-item-has-children:hover > a::after, .menu-item-has-children:hover > a::before {background-color: transparent;}
    .menu-item-has-children:hover > a::before {transform: scale(1);}
    .menu-item-has-children:hover .sub-menu {transition: none;}

    .sub-menu {
        background-color: #f7f7f7;
        position: static;
        max-width: 100%;
        min-width: 100%;
        border-radius: 0;
        border-top: none;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        display: none;
    }

    .sub-menu::before, .sub-menu::after {display: none;}
    .sub-menu .menu-item a {color: #2c2e35;}

    .directory-btn a {
        font-size: 11px;
        padding: 4px 8px;
    }

    .directory-btn .btn-icon img {width: 24px;}
    .directory-btn a .btn-txt .hindi {font-size: 15px;}
    
    #navbar-menu .upcoming-btn {
        padding: 20px;
        padding-top: 0;
    }

    /*********************************************************
        Slider Banner Begin Here
    *********************************************************/
    .slider-container {height: 25rem;}
    .content-wrapper {padding:  0 12px;}
    .slide-indicators {bottom: 1rem;}
    .nav-arrow {display: none;}
    
    .badge {
        padding: 0.45rem 1rem;
        margin-bottom: 1rem;
    }
    .badge span {font-size: 0.7rem;}
    
    .slide-content {
        display: block;
        padding-top: 30px;
    }

    .slide-title {
        font-size: 1.5rem;
        margin-bottom: 0.95rem;
    }

    .slide-description {
        font-size: 15px;
        line-height: normal;
        margin-bottom: 1.5rem;
    }
    
    .slide .btn-primary, .slide .btn-secondary {
        font-size: 15px;
        font-weight: 400;
        padding: 0.65rem 1.25rem;
    }
    
    .slide .stats-grid {gap: 1rem;}    
    .slide .stat-number {font-size: 1.5rem;}
    
    .slide .cta-buttons {
        flex-direction: column;
        margin-bottom: 0;
    }
    
    .indicator {
        width: 10px;
        height: 10px;
    }

    /*********************************************************
        Inner Page Banner Begin Here
    *********************************************************/
    .top-banner-section{padding: 40px 0;}
    .top-banner-section .banner-caption h1 {font-size: 1.85rem;}

    .top-banner-section .banner-caption .gatway {
        font-size: 1.25rem;
        line-height: normal;
    }

    .top-banner-section .banner-caption .discover {
        font-size: 1rem;
        line-height: normal;
        margin-bottom: 0;
    }

    /*********************************************************
        About MediCare Begin Here
    *********************************************************/
    .about-medicare {
        margin-bottom: 50px;
        padding: 0 12px;
    }

    .about-brief {flex-direction: column;}
    .brief-thumb img {border-radius: 12px 12px 0 0;}

    .about-medicare .brief-info {
        width: 100%;
        padding: 20px 12px;
    }
    .brief-info h5 {font-size: 17px;}

    .brief-info h2 {
        font-size: 17px;
        margin-bottom: 15px;
    }

    .brief-info p {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .brief-info p:last-of-type {margin-bottom: 0;}

    .brief-link {
        flex-direction: column;
        gap: 12px;
        margin-top: 25px;
    }

    .brief-info a {
        font-size: 15px;
        margin-top: 0;
    }

    /*********************************************************
        MediCare Pro Solutions Begin Here
    *********************************************************/
    .pro-solutions {
        margin-bottom: 30px;
        padding: 0 12px;
    }

    .pro-solutions h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    /*********************************************************
        Video Section Begin Here
    *********************************************************/
    .video {
        flex-direction: column;
        gap: 25px;
        padding: 40px 12px;
    }

    .video-info {
        width: 100%;
        padding-bottom: 0;
    }

    .video-info::before {display: none;}
    .video-icon {width: 70px;}
    .video-icon a img {max-width: 100%;}

    .video-info h3 {
        font-size: 25px;
        margin-bottom: 15px;
    }

    /*********************************************************
        Testimonials Begin Here
    *********************************************************/
    .testimonial {
        padding: 40px 12px;
        margin-bottom: 0;
    }

    .testimonial h2 {
        font-size: 25px;
        margin-bottom: 0;
    }

    .testimonial .owl-stage {padding: 10px 0;}
    .testimonial .owl-stage .owl-item {padding: 6px;}

    .testimonial-slider {
        padding: 50px 15px;
        padding-bottom: 20px;
    }
    .testimonial-slider p {font-size: 15px;}

    .testimonial-prof {
        top: -30px;
        left: calc(50% - 30px);
        width: 70px;
        height: 70px;
    }

    /*********************************************************
        Hospital at a Glance Begin Here
    *********************************************************/
    .glances {
        padding: 0 12px;
        margin-bottom: 30px;
    }

    .glances h2 {
        font-size: 25px;
        margin-bottom: 25px;
    }

    .glances-gallery {
        flex-wrap: wrap;
        gap: 10px;
    }
    .gall-left, .gall-middle {width: calc(50% - 5px);}

    .gall-right {
        width: 100%;
        flex-direction: row;
        gap: 10px;
    }
    .gall-right a {width: calc(50% - 5px);}

    .gall-right a:last-child img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }

    /*********************************************************
        Page Content Section
    *********************************************************/
    .pages-main-content {
        max-width: 100%;
        padding: 35px 12px;
        gap: 24px;
    }
    
    .pages-card {border-radius: 12px;}
    .image-container {height: 130px;}
    .pages-title {font-size: 1.45rem;}    
    .page-text p, .page-text ul, .page-text ol, .page-text table td, .page-text table th {font-size: 15px;}
    .page-text ul, .page-text ol {padding-left: 20px;}
    .page-text ul li, .page-text ol li {margin-bottom: 5px;}
    .image-overlay {padding: 15px;}
    .page-content {padding: 14px 12px;}
    .page-text h1 {font-size: 20px;}
    .page-text h2 {font-size: 19px;}
    .page-text h3 {font-size: 18px;}
    .page-text h4 {font-size: 17px;}
    .page-text h5 {font-size: 16px;}
    .page-text h6 {font-size: 15px;}

    /*********************************************************
        Our Team Section
    *********************************************************/
    .leadership {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .page-content > h1 {
        font-size: 1.65rem;
        line-height: normal;
        padding-bottom: 8px;
    }
    .page-content > h1::before {height: 0.15rem;}

    .team-profile {
        gap: 12px;
        padding: 0 25px;
        margin-top: 30px;
    }
    
    .single-team-profile {width: 100%;}
    .single-team-profile:hover {transform: translateY(0px);}
    
    .profile-designation h3 {
        font-size: 14px;
        line-height: 20px;
    }

    /*********************************************************
        Careers Form Section Start
    *********************************************************/
    .career-info {border-radius: 14px;}

    .career-info-block {
        border-radius: 12px;
        padding: 20px 15px;
    }
    .career-info-block h2 {font-size: 22px;}

    .career-info-block h4 {
        font-size: 16px;
        margin-bottom: 25px;
    }

    .career-info-block p, .career-info-block ul {
        font-size: 15px;
        margin-bottom: 20px;
    }

    #career-info-hide {margin-top: 20px;}
    .career-info-block h3 {font-size: 17px;}
    .career-info-block ul {padding-left: 20px;}

    /*********************************************************
        Apply for Accreditation Section Start
    *********************************************************/
    .form-page-header {
        padding: 2rem 0.75rem;
        margin-top: 58px;
    }

    .form-page-header h2 {
        font-size: 1.35rem;
        margin-bottom: 0.5rem;
    }
    .form-page-header p {font-size: 0.85rem;}

    .form-block {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .form-block .page-content {padding: 14px 12px;}

    .business-directory .page-content .page-content {
        box-shadow: none;
        padding: 14px 0;
    }

    .business-directory .page-content .pages-card, .business-directory .page-content .pages-card:hover {
        transform: translateY(0);
        box-shadow: none;
    }

    .business-directory .page-content .pages-card .page-text {margin-bottom: 30px;}
    .business-directory .page-content .pages-card .page-text h2 {margin-top: 0;}

    .featured-box-head {padding: 1rem 1.25rem;}
    .featured-box-head h3 {font-size: 1.05rem;}

    .featured-box-field {
        padding: 1rem;
        padding-top: 1.5rem;
    }

    .form-group {margin-bottom: 1.25rem;}
    .featured-box-field .input-group {margin-bottom: 0.65rem;}

    .form-btn {
        flex-direction: column;
        margin-top: 0;
    }

    .form-btn button {
        font-size: 1rem;
        font-weight: 500;
    }

    /*********************************************************
        Gallery Begin Here
    *********************************************************/
    .gallery-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 0.75rem;
        padding: 0.5rem;
    }    
    .gallery-overlay {padding: 1rem;}

    .projects-hd {
        font-size: 19px;
        padding: 15px;
        margin-top: 40px;
    }
    .gallery-item:hover {transform: translateY(-3px) scale(1.015);}

    /*********************************************************
        Donate Now Begin Here
    *********************************************************/
    .donate-header {padding: 30px 15px;}
    .donate-header h1 {font-size: 1.25em;}
    .donate-header p {margin-bottom: 0;}
    .donate-info {padding: 20px 15px;}
    .donate-info h2 {font-size: 20px;}
    .donate-info p {font-size: 15px;}
    .bank-details {padding: 20px;}
    .bank-details p {font-size: 1em;}

    .donate-btn {
        padding: 12px 24px;
        font-size: 1em;
    }
    .donate-block .donate-form {margin: 40px 0;}
    #success_msg .alert {font-size: 15px;}

    /*********************************************************
        Projects Section Begin Here
    *********************************************************/
    .projects-box {padding: 40px 12px;}

    .project-section {
        box-shadow: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);
        border-radius: 0.75rem;
        padding: 15px;
    }

    .project-grid {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    .project-image {
        width: 100%;
        order: -1;
    }

    .project-image-container {border-radius: 10px;}
    .project-content {width: 100%;}

    .project-title {
        font-size: 1.35rem;
        margin-bottom: 1rem;
        line-height: normal;
    }
    .project-content h3 {font-size: 1.15rem;}

    .project-description {
        font-size: 1rem;
        line-height: 1.6;
        margin-bottom: 1.25rem;
    }
    .action-btn a {padding: 0.55rem 1.5rem;}
    .project-content ul, .project-content ol {padding-left: 10px;}

    .stat-card-1,
    .stat-card-2 {
        position: static;
        margin: 1rem 0;
    }
    .project-gallery-grid {grid-template-columns: 1fr;}

    .project-gallery-overlay {
        transform: translateY(0);
        background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.3));
    }

    /*********************************************************
        Become a Member Terms and Conditions Section Start
    *********************************************************/
    .full-profile-info {
        width: 95%;
        max-height: 95%;
        padding: 1rem;
    }
    
    .full-profile-info h3 {font-size: 18px;}
    .full-profile-info p {font-size: 15px;}

    /*********************************************************
        Contact Us Section Start
    *********************************************************/
    .contact-page-block {flex-direction: column-reverse;}
    .contact-information, #contactForm {
        gap: 20px;
        width: 100%;
        background: transparent;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
    }

    /*********************************************************
        Footer Begin Here
    *********************************************************/
    .footer {
        flex-direction: column;
        padding: 40px 12px;
    }
    
    .footer-menu {
        flex-direction: column;
        width: 100%;
    }
    .single-footer-menu, .footer-address {width: 100%;}

    .footer h3 {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .single-footer-menu ul li a, .footer-address ul li {font-size: 15px;}
    .footer-social-media a {font-size: 30px;}

    .copyright {
        flex-direction: column;
        gap: 20px;
    }
    .copyright p {font-size: 11px;}

    /*********************************************************
        Start Application Button Section Start
    *********************************************************/
    #start-button-container {bottom: 30px;}

    .start-application-btn {
        font-size: 1rem;
        font-weight: 500;
        padding: 10px 35px;
    }

    /*********************************************************
        WhatsApp Section Start
    *********************************************************/
    .whatsapp-chat {
        width: 50px;
        height: 50px;
        left: 20px;
        top: auto;
        bottom: 85px;
    }
    .whatsapp-chat i {font-size: 34px;}
}