@media screen and (max-width: 1399px) and (min-width: 992px) {  

    .home-content{ padding: 175px 10px 60px; }

    .home-content h3{ font-size: 18px; font-weight: 600;}
    .home-content h1{ font-size: 40px; line-height: 45px; }
    .home-content p{ font-size: 16px; max-width: 350px; }

    .home-btn{ font-size: 10px; padding: 2px 7px; }

    .home-img-div{ padding: 50px 0px  0px; }

    .home-image{ width: 500px; height: 480px; margin-left: -45px; } 

    .home-layer-div{ padding: 50px 0 40px; } 

    .home-layer-div2{ 
        margin: 0 auto; 
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 10px; 
    }
    .home-layer-img{ width:50px; height: 100%; } 

    .home-layer-content{ padding: 10px 5px; } .home-layer-content h5{ font-size: 20px; }

    .home-layer-content p{
        font-size: 13px; 
        line-height: 16px;
        padding-top: 10px;
        width: 200px; 
    }
    .star{ padding-left: 55px; }  .health{ padding-left: 20px; }
    
    /* --------------------------- About Us Page Start --------------------------- */

    .about-container{ padding: 130px 8px 150px; }

    .about-img-div, .mission-img-div{ width: auto; }

    .about-img-div::after { width: 250px; height: 230px; top: 300px;  left: 200px; }

    .about-img, .our-mission-img, .facility-img{ width: 360px; height: 480px; }

    .about-us-content{ padding: 30px 20px; }

    .about-us-content h6{ font-size: 20px;}
    .about-us-content h1{ font-size: 33px; padding: 0px; font-weight: 700;}
    .about-us-content p{ font-size: 20px; line-height: normal; padding: 10px 0px; }

    .learnMore-btn, .mission-learnMore-btn{ 
        border-radius: 5px;
        font-size: 15px;
        padding: 8px 20px 8px 25px;
    }
    .about-title-img{ max-width: 600px; right: 40px; top: 60px; }

    .modal{ padding-top: 10%; }.modal-content { width: 90%; padding: 50px 40px 20px; }

    .our-mission-container{ padding: 160px 5px 100px; }  

    .mission-img-div::after { width: 250px; height: 230px; top: -60px; left: 5px; }
    
    /* --------------------------- Department Page Start --------------------------- */

    .department-container{ padding: 100px 13px 100px 13px; }  .department-contents{ width: 620px; }

    .department-contents h1 { font-size: 33px; }

    .department-contents p { font-size: 20px; line-height: normal; }  

    .department-box-container{ margin-top: -10px; }
    
    .paediatrics{ top: 130px; right: 0px; }

    /* --------------------------- Facility Section Start --------------------------- */

    .facility-container{ padding: 80px 5px 80px; }

    .Facility-content h1{ font-size: 33px;} 

    .Facility-content p{ font-size: 20px; max-width: auto; }  

    .facility-img-div::after {
        width: 230px;
        height: 190px; 
        right: 0;
        left: 280px;
    } 
    #labelfaci4{ height: auto; padding: 5px 20px 6px;} #labelfaci6{ height: auto; line-height: 20px; padding: 5px 20px 6px;}


    /* --------------------------- Healthcare Package Section Start --------------------------- */
    
    .healthcare-container{ padding: 70px 0px;} .healthpack { width: auto; padding: 20px 15px 20px 5px; } 

    .healthpack h1 { font-size: 30px;} .healthpack h5{ font-size: 26px; padding-top: 0px; width: auto; }

    .healthpack p{ font-size: 19px; width: auto; line-height: normal; padding: 5px 0;}

    .hover-section{
        padding: 10px 0px;
        width: 400px;
        display: block;
        margin-left: auto;
        margin-right: 30px; 
        margin-top: 160px; 
    }
    .senior-citizen p{ font-size: 16px; left: 35px; bottom: 115px; line-height: 18px; width: 130px; } 
    .hover-content p { font-size: 15px; line-height: 17px;}

    .citizen-health-text{ width: 140px; left: 25px; top: -120px; }
    .home-collection-text{ width: 160px; top: -145px; left: 16px; }
    .women-health-text { width: 145px; left: 23px; top: -127px; }
    .special-health-text{ width: 155px; left: 18px; top: -135px; }
    .cardiac-care-text{ width: 140px; left: 25px; top: -155px; }
    .diabetes-management-text{ width: 140px; left: 25px; top: -120px; }
    .cancer-marker-text{ width: 160px; left: 17px; top: -145px; }

    .home-collection{ margin-left: 250px; }
    .women-health{  margin-left: -90px; }
    .cardiac-care{ margin-left: -5px; margin-top: -148px; } 
    .diabetes-management{ margin-left: 165px; margin-top: -148px;}
    .special-health{ margin-left: -5px; margin-top: 148px; }
    .cancer-marker{ margin-left: 166px; margin-top: 148px; }

    .senior-citizen img , .center-hover{ width: 190px; height: 190px; } 

    /* --------------------------- Service Highlight Section Start --------------------------- */

    .highlight-container{ padding: 70px 8px; }   

    .highlight-items{ padding: 15px; height: 140px; }

    .service-header h1{ font-size: 30px; }  .highlight-items h4{ font-size: 15px; }

    .highlight-items p{ font-size: 13px; line-height: 16px; } 

    .highlight-box-img{ width: 350px; }

    /* --------------------------- Contact Us Start --------------------------- */

    .contact-section{ padding: 60px 0px;}

    .contact-section h3{ font-size: 30px; font-weight: 600; }

    .contact-section h1{ font-size: 30px;  width: 750px;}

    .contact-section p{ font-size: 16px; width: 550px; padding-top: 0px;}

    .contact-btn{ border-radius: 7px; padding: 10px 15px; font-size: 16px; }

    /* ---------------------------Footer Section Start --------------------------- */

    .footer-container{ padding: 60px 0 10px; } 

    .working-hours{ margin-top: 80px; width: auto;}

    .footer-section{ width:330px; } .footer-section2{ width: auto; margin-left: 70px; } 
    
    .footer-section3 hr{ display: none;}

    .footer-section3{ padding-top: 18px; margin-left: 400px; margin-top: 310px; width: auto; position: absolute;} 

    .footer-section3 .img1{ margin-left: 10px;} .footer-section3 .img2{margin-left: 5px;}
    
    .footer-section4{ margin-left: 10px; margin-top: 48px; width: auto; } .footer-section4-hr { display: block; } 

    .footer-section4 div { gap: 7px; }

    
 
}

/* ---------------------------------------------------------------------------
------------------------------------------------------------------------------
------------------------------------------------------------------------------ */

@media screen and (max-width: 991px) and (min-width: 768px){ 

    .home-container{ padding-top: 60px;}

    .home-content{ width: 345px; padding: 130px 0px 60px; }

    .home-content h3{ font-size: 18px; text-align: left; }
    .home-content h1{ font-size: 26px; text-align: left; line-height: 35px; }
    .home-content p{
        font-size: 15px;
        width: auto;
        max-width: 330px;
        text-align: left; 
    }
    .home-btn{
        font-size: 10px;
        padding: 2px 7px; 
        text-align: left;
        float: left;
    }

    .home-image{
        width: 440px;
        height: 450px; 
        margin-top: 0px;
        margin-left: -60px;
    } 
    .home-img-div{ padding: 0px 0 0px; } .home-layer-div{ padding: 50px 0; }

    .home-layer-div2{ width: auto; } .home-layer-img{ width:50px; height: 100%;}

    .home-layer-content{ padding: 0 5px; width: 150px;} .home-layer-content h5{ font-size: 20px; }

    .star{ padding-left: 30px; width: 190px; margin-left: 40px; } .health{ padding-left: 10px; margin-left: 40px; }

    .home-layer-content p{
        font-size: 15px;
        max-width: 150px;
        line-height: 16px;
        padding-top: 10px; 
    }

    /* --------------------------- About Us Page Start --------------------------- */

    .about-container{ padding: 100px 10px 80px;}

    .about-img-div{ width: 320px; }

    .about-img-div::after {
        width: 200px;
        height: 180px;
        top: 200px; 
        left: 120px;
    }
    .about-img, .our-mission-img, .facility-img{ width: 270px; height: 340px; }

    .about-title-img{ max-width: 450px; right: 40px; top: 50px; }

    .about-us-content{
        max-width: 400px;
        margin-left: auto; 
        margin-right: 0; 
        margin-top: -270px;
    }
    .about-us-content h6{ font-size: 16px;}
    .about-us-content h1{ font-size: 20px; font-weight: 600; padding: 0px; width: 250px; }
    .about-us-content p{ font-size: 16px; }

    .learnMore-btn, .mission-learnMore-btn{ 
        border-radius: 5px;
        font-size: 14px;
        padding: 5px 10px;
    }
    .modal{ padding-top: 15%; }.modal-content { width: 90%; padding: 50px 40px 20px; }

    .our-mission-container{ padding: 160px 5px 50px;}
    
    .our-mission-content{ margin-top: 0px; margin-left: 0; } 

    .mission-img-div{ width: 300px; margin-top: -350px; margin-left: auto; margin-right: 25px; display: block;}

    .mission-img-div::after {
        width: 200px;
        height: 170px;
        top: -50px;
        left: -20px;
    }
    
    /* --------------------------- Department Page Start --------------------------- */

    .department-container{ padding: 60px 8px; }

    .department-contents h1 { font-size: 20px; }

    .department-contents p { font-size: 15px; width: 340px; line-height: 17px;}

    .department-item { max-width: 340px; height: 250px; }

    .department-box{ width: auto;} .department-item h4{ padding-top: 27px;}
    
    .paediatrics{ position: absolute; top: 65px; width: auto; }

    /* --------------------------- Facility Section Start --------------------------- */

    .facility-container{ padding: 60px 5px 60px; }

    .Facility-content h1{ font-size: 20px;} 

    .Facility-content p{ font-size: 15px; max-width: 650px; } 

    .facility-main{  padding-top: 30px; width: auto;}
    
    .facility-img-div::after {
        width: 130px;
        height: 150px;
        top: -30px;
        right: -65px;
    }
    .facilty-right-content{ width: 390px; margin-left: 50px; padding-top: 0px;} 

    #labelfaci, #labelfaci2, #labelfaci7 { padding: 5px 15px; height: 30px; font-size: 13px; margin-top: 7px;}

    #labelfaci3 { padding: 5px 10px 5px 15px; height: 70px; font-size: 13px; margin-top: 7px; } #faci3, #faci3_1{ font-size: 12px; padding-top: 3px;} #faci3_1{margin-top: -20px;}

    #labelfaci4 { padding: 4px 15px; height: 45px; font-size: 13px; margin-top: 7px; }

    #labelfaci5 { font-size: 13px; height: 67px; padding: 5px 10px 5px 15px; margin-top: 7px; }

    #labelfaci6 { font-size: 13px; padding: 5px 10px 5px 15px; margin-top: 7px; }

    /* --------------------------- Healthcare Package Section Start --------------------------- */

    .healthcare-container{ padding: 70px 0 ; } .healthpack { width: 340px; padding-top: 0px; } 

    .healthpack h1 { font-size: 20px;} .healthpack h5{ font-size: 15px; padding-top: 0px; width: 340px; }

    .healthpack p{ font-size: 15px; width: 340px; line-height: 17px; padding: 5px 0;}

    .hover-section{
        padding: 10px 60px;
        width: 400px;
        display: block;
        margin-left: auto;
        margin-right: 0px; 
        margin-top: -260px;
    }
    .senior-citizen p{ font-size: 11px; left: 18px; bottom: 85px; line-height: 16px; width: 100px; }

    .hover-content p { font-size: 11px; line-height: 13px;}

    .citizen-health-text{ width: 100px; left: 22px; top: -90px; }
    .home-collection-text{ width: 114px; top: -108px; left: 14px; }
    .women-health-text , .special-health-text{ width: 115px; left: 13px; top: -98px; }
    .cardiac-care-text{ width: 110px; left: 15px; top: -113px; }
    .diabetes-management-text{ width: 120px; left: 10px; top: -90px; }
    .cancer-marker-text{ width: 120px; left: 11px; top: -110px; }

    .home-collection{ margin-left: 207px; }
    .women-health{  margin-left: -46px; }
    .cardiac-care{ margin-left: 17px; margin-top: -110px; } 
    .diabetes-management{ margin-left: 143px; margin-top: -111px;}
    .special-health{ margin-left: 16px; margin-top: 110px; }
    .cancer-marker{ margin-left: 143px; margin-top: 110px; }

    .senior-citizen img { width: 140px; height: 140px; }
    .center-hover { width: 140px; height: 140px; }

    /* --------------------------- Service Highlight Section Start --------------------------- */

    .highlight-container{ padding: 70px 0; }

    .highlight-box{ width: 350px; margin-left: 15px;}

    .highlight-items{ padding: 15px; height: 150px; }

    .service-header h1, .contact-section h3{ font-size: 20px; }

    .highlight-items h4 {font-size: 18px;} .highlight-items p{ font-size: 16px;}  

    /* --------------------------- Contact Us Start --------------------------- */

    .contact-section{ padding: 60px 0px;}

    .contact-section h1{ font-size: 23px;  width: 750px;}

    .contact-section p{ font-size: 16px; width: 750px; padding-top: 0px;}

    .contact-btn{ border-radius: 7px; padding: 5px 15px; font-size: 16px }

    /* ---------------------------Footer Section Start --------------------------- */

    .footer-container{ padding: 60px 0 10px; }

    .footer-section p, .footer-section2 p{ padding-top: 0px; }

    .footer-section3 { margin-left: 0px; padding-top: 0px; margin-top:  20px; }

    .footer-section4{ margin-left: 0px; margin-top: 0px;} 

    .footer-section4 div { display: flex; flex-direction: row;  gap: 10px; }

    .footer-section4-hr { display: block; } .footer-section4 div{ margin-top: -10px;}
}

/* -------------------------------------------------------------------------
----------------------------------------------------------------------------
---------------------------------------------------------------------------- */

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

    .home-content{ padding: 105px 10px 60px; }

    .home-content h3{ font-size: 18px; text-align: left; font-weight: 500;}
    .home-content h1{ font-size: 30px; text-align: left; line-height: 35px; }
    .home-content p{
        font-size: 13px;
        width: auto;
        max-width: 350px;
        text-align: left; 
    }
    .home-btn{
        font-size: 10px;
        padding: 2px 7px; 
        text-align: left;
        float: left;
    }
    .home-img-div{ padding: 0px 0px; }

    .home-image{
        width: 410px;
        height: 400px;
        display: block;
        margin: 0 auto;
        margin-left: -25px;
        margin-top: -40px;
    } 
    .home-layer-div{ padding: 30px 0 20px; } 

    .home-layer-div2{ 
        margin: 0 auto; 
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 10px;
    }
    
    .home-layer-img{ width:50px; height: 100%;} 

    .home-layer-content{ padding: 10px 5px;} .home-layer-content h5{ font-size: 20px; }

    .home-layer-content p{
        font-size: 13px; 
        line-height: 16px;
        padding-top: 10px;
        width: 200px; 
    }
    .star{ padding-left: 15px; }  .health{ padding-left: 10px; }

    /* --------------------------- About Us Page Start --------------------------- */
    .about-container{ padding: 130px 8px 25px; }

    .about-img-div, .mission-img-div{ width: auto; }

    .about-img-div::after {
        width: 200px;
        height: 180px;
        top: 240px; 
        left: 160px; 
    }
    .about-img, .our-mission-img, .facility-img{ width: 300px; height: 360px; }

    .about-us-content{ padding: 30px 30px; }

    .about-us-content h6{ font-size: 14px;}
    .about-us-content h1{ font-size: 18px; padding: 0px; }
    .about-us-content p{ font-size: 13px; line-height: 17px;}

    .learnMore-btn, .mission-learnMore-btn{ 
        border-radius: 5px;
        font-size: 10px;
        padding: 0px 5px;
    }
    .modal{ padding-top: 20%; }.modal-content { width: 90%; padding: 50px 40px 20px; }

    .our-mission-container{ padding: 60px 5px 60px; }
    
    .our-mission-content{ margin-top: 0px; margin-left: 0; width: auto; }
    
    .mission-img-div{ margin-top: 20px; width: 370px;  padding-right: 10px;}  .our-mission-img { float: right; } 

    .mission-img-div::after {
        width: 200px;
        height: 180px;
        top: -60px;
        left: 5px;
    }
    .about-title-img{
        width: 100%;
        max-width: 350px;
        top: 40px;
        right: 20px;
        margin: 0 auto; 
    }
    
    /* --------------------------- Department Page Start --------------------------- */

    .department-container{ padding: 60px 8px; }

    .department-contents h1 { font-size: 18px; }

    .department-contents p { font-size: 13px; width: auto; line-height: 17px; }

    .department-item { max-width: auto; height: auto; }

    .department-box{ width: auto; margin-top: 10px;} .department-item img{ width: 40px;}
    
    .department-item p{ font-size: 13px;} .department-item h4{ padding-top: 27px;}
    
    .paediatrics{ position: relative; top: 0px;  right: 0; }

    /* --------------------------- Facility Section Start --------------------------- */

    .facility-container{ padding: 60px 8px 60px; }

    .Facility-content h1{ font-size: 18px;}  .Facility-content p{ font-size: 13px;   } 

    .facility-main{  padding-top: 20px; width: auto; }
    
    .facility-img-div::after {
        width: 140px;
        height: 150px;
        top: -30px;
        right: -73px;
    }
    .facilty-right-content{  padding-top: 10px;} 

    #labelfaci, #labelfaci2, #labelfaci7 { padding: 5px 15px; height: 30px; font-size: 13px; margin-top: 7px;}

    #labelfaci3 { padding: 5px 10px 5px 15px; height: 70px; font-size: 13px; margin-top: 7px; } #faci3, #faci3_1{ font-size: 12px; padding-top: 3px;} #faci3_1{margin-top: -20px;}

    #labelfaci4 { padding: 4px 15px; height: 45px; font-size: 13px; margin-top: 7px; }

    #labelfaci5, #labelfaci6 { font-size: 13px; height: 60px; padding: 5px 10px 5px 15px; margin-top: 7px; line-height: 16px;}


    /* --------------------------- Healthcare Package Section Start --------------------------- */

    .healthcare-container{ padding: 50px 15px 100px; } .healthpack { padding-top: 0px; } 

    .healthpack h1 { font-size: 18px;} .healthpack h5{ font-size: 16px; padding-top: 0px; width: auto; }

    .healthpack p{ font-size: 13px; width: auto; line-height: 17px; padding: 5px 0;}

    .hover-section-div {
        display: flex;  
        justify-content: flex-start; 
        align-items: center;  
        margin: 0 auto;
        padding: 0px 0px;
    }
    .hover-section{ padding: 100px 40px 200px;}

    .senior-citizen p{ font-size: 11px; left: 18px; bottom: 85px; line-height: 16px; width: 100px; }
    .hover-content p { font-size: 11px; line-height: 13px;}

    .citizen-health-text{ width: 100px; left: 22px; top: -90px; }
    .home-collection-text{ width: 114px; top: -108px; left: 14px; }
    .women-health-text , .special-health-text{ width: 115px; left: 13px; top: -98px; }
    .cardiac-care-text{ width: 110px; left: 15px; top: -113px; }
    .diabetes-management-text{ width: 120px; left: 10px; top: -90px; }
    .cancer-marker-text{ width: 120px; left: 11px; top: -110px; }

    .home-collection{ margin-left: 207px; }
    .women-health{  margin-left: -46px; }
    .cardiac-care{ margin-left: 17px; margin-top: -110px; } 
    .diabetes-management{ margin-left: 143px; margin-top: -111px;}
    .special-health{ margin-left: 16px; margin-top: 110px; }
    .cancer-marker{ margin-left: 143px; margin-top: 110px; }

    .senior-citizen img, .center-hover { width: 140px; height: 140px; } 

    /* --------------------------- Service Highlight Section Start --------------------------- */

    .highlight-container{ padding: 60px 10px; }  

    .highlight-items{ padding: 20px; height: auto; } 

    .highlight-box{ padding-top: 20px;}

    .service-header h1, .contact-section h3{ font-size: 18px; } .highlight-items h4{ font-size: 17px;}

    .highlight-items p{ font-size: 13px; line-height: 17px;}

    .highlight-box img{ width: 100%;} 

    /* --------------------------- Contact Us Page Start --------------------------- */
    
    .contact-section{ padding: 60px 10px;}

    .contact-section h3{ font-size: 18px; } .contact-section h1{ font-size: 18px; font-weight: 400; }

    .contact-section p{ font-size: 13px; max-width: 310px; padding-top: 0px;}

    .contact-btn{ border-radius: 7px; padding: 5px 15px; font-size: 13px } .contactbtn-div{ padding-top: 10px;}

    .footer-container{ padding: 50px 8px 10px; } .footer-section, .footer-section2, .footer-section3 { margin-top: 20px; }

    .contact-logo{ width: 200px;}

    .footer-section h6, .footer-section2 h6, .footer-section3 h6{ font-size: 15px;}

    .footer-section p, .footer-section2 p, .footer-section3 p{ padding-top: 0px; font-size: 13px;} 

    .footer-section3{ margin-left: 0px; padding-top: 0px; margin-top: -130px;}

    .working-hours{ margin-top: 85px;}

    .footer-section3 hr{ display: none;}

    .footer-section2 .img1{ padding-left: 25px;} .footer-section2 .img3{ padding-left: 53px; }

    .footer-section3 .img1{ padding-left: 56px;} .footer-section3 .img2{ padding-left: 30px; }

    .footer-section4{ margin-left:  0px; margin-top: 0px; }

    .footer .company-menu{ padding-top: 0px; font-size: 13px; width: 80px;} 

    .footer-section4-hr { display: block;}
}

@media (max-width: 399px) {  
    .about-container{ padding: 100px 8px 25px; }

    .about-img-div::after {
        width: 190px;
        height: 160px;
        top: 240px; 
        left: auto; 
    } 
    .about-title-img{ right: 0px; max-width: 320px; padding-right: 10px;}

    .mission-img-div{ width: auto; padding-right: 10px; } .our-mission-img{ width: 290px; height: 360px; }

    .mission-img-div::after{  width: 190px; height: 160px; } 

    /* -------------------- Facility Styling ------------------ */

    .facility-img{ width: 280px; height: 350px; } 

    .facility-img-div::after { width: 130px; height: 130px; top: -35px; right: -65px; } 

    .facility-main{  padding-top: 30px; width: auto; }

    #labelfaci3{ padding: 5px 10px 5px 15px; height: 85px; } #labelfaci3 img{ display: none;} 

    #labelfaci7{ padding: 5px 15px; height: 40px; line-height: 15px;}

    /* -------------------- Health Package Styling ------------------ */ 
    .hover-section{ padding: 100px 30px 200px;  } 

    .senior-citizen img , .center-hover{ width: 125px; height: 125px; } 

    .senior-citizen p{ font-size: 11px; line-height: 16px; left: 15px; bottom: 80px; width: 100px; }
    .hover-content p { font-size: 10px; line-height: 12px;}

    .citizen-health-text{ width: 100px; left: 13px; top: -83px; }
    .home-collection-text{ width: 110px; top: -98px; left: 8px; }
    .women-health-text { width: 100px; left: 13px; top: -88px; }
    .special-health-text{ width: 100px; left: 13px; top: -92px;}
    .cardiac-care-text{ width: 100px; left: 13px; top: -103px; }
    .diabetes-management-text{ width: 100px; left: 13px; top: -83px; }
    .cancer-marker-text{ width: 100px; left: 13px; top: -105px; }

    .home-collection{ margin-left: 195px; }
    .women-health{  margin-left: -35px; }
    .cardiac-care{ margin-left: 22px; margin-top: -102px; } 
    .diabetes-management{ margin-left: 137px; margin-top: -102px;}
    .special-health{ margin-left: 23px; margin-top: 100px; }
    .cancer-marker{ margin-left: 138px; margin-top: 100px; }
}