@media(max-width:1500px){

}

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

@media(max-width:1200px){

}

@media(max-width:1069px){

    #testimonial .iner ul li{font-size: 21px;}
    #testimonial .iner h4{font-size: 18px;}
    #testimonial .reviewbtn a{font-size: 14px; padding: 10px;}

}

@media(max-width:991px){

    header ul li a img{width: 50%;}

    #slider h2{font-size: 33px; margin-bottom: 8px;}
    #slider p{font-size: 27px; margin-bottom: 8px;}
    #slider ul li{margin-bottom: 8px; font-size: 16px;}
    #slider ul li i{font-size: 16px;}
    #slider a{font-size: 18px; margin-top: 15px;}

    #service .box{width: 660px; }
    #service .box ul .first p{font-size: 13px;}
    #service .book a{font-size: 18px; left: 31%;}

    #doctor .inner h5{font-size: 18px;}

    #clinic .content .text h5{font-size: 18px;}
    #clinic .content .text p{font-size: 14px;}

    #testimonial{padding: 50px 0;}
    #testimonial h2{font-size: 33px;}

    #contact .address ul li a, #contact .address ul li p{font-size: 14px;}

    #contact{padding: 45px 0;}
    #contact h2{font-size: 35px;}

    footer .footerinr .logo img{width: 40%;}

    header .navbar-nav {
        gap: 15px;
    }
    header .navbar .whatsapp {
        margin-top: 15px;
        justify-content: center;
    }
    header .navbar .social-links {
        margin-top: 10px;
        justify-content: center;
        text-align: center;
    }


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


}

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

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

@media(max-width:480px){

    header ul li a img{width: 70%;}
    header ul li .contact{font-size: 14px; padding: 10px 20px;}
    .sticky ul li a img{width: 50%;}
    header .headermn .navbar .navbar-brand {
        width: 40%;
    }
    .sticky .headermn .navbar .navbar-brand {
        width: 40%;
    }
    header .navbar .whatsapp{
        margin-top: 10px;
        justify-content: start;
    }
    header {
        position: unset;
         padding: 0px 0px;
    }
    header .navbar-nav {
        position: relative;
        align-items: start;
    }
    header .navbar-nav {
        gap: 18px;
    }
    .offcanvas{
height: 500px;
    }
    header .navbar .social-links {
        margin-top: 8px;
        display: flex;
        justify-content: flex-start;
        text-align: center;
        list-style: none;
    }


    .about-intro .about-intro-content h2 {
        font-size: 25px;
    }

    .about-intro {
        padding: 20px 15px;
    }
    .about-intro .about-intro-content p {
        width: 100%;
        font-size: 15px;
        margin: 20px 0px;
        text-align: justify;
    }
    .about-intro .about-intro-content a {
        margin-bottom: 20px;
        padding: 8px 15px;
        font-size: 12px;
        margin-top: 0px
    }
    .product-section p {
        font-size: 15px;
        margin: 13px 0px;
        text-align: justify;
    }
    .product-section h6{
        text-align: center;
    }
     .product-section .product-image {
        height: 250px;
        width: 100%;
    }
     .product-section h3{
        font-size: 1.7em;
    }
     .product-section {
        padding: 0px 20px 22px 20px;
    }
    #gallery {
        padding: 20px ;
      }

      #gallery .gallery-top {
        justify-content: center;
      }

    #gallery .gallery-top li a {
        padding: 8px 15px;
        font-size: 12px;
    }
    #gallery .gallery-top h2 {
        font-size: 30px;
    }
    #gallery .gallery-top h6 {
        font-size: 15px;
    }
    .testimonials-2 {
        padding: 25px 0;
    }
    .testimonials-2 .testimonial-tittle {
        text-align: center;
        margin-bottom: 20px;
    }
    #why-choose {
        padding: 20px 0px;
    }
    #why-choose h2 {
        font-size: 35px;
        margin: 20px 0px;
    }
    #why-choose .choose-content h3 {
        font-size: 17px;
        margin: 20px 0px;
    }
    #why-choose .choose-content {
        text-align: center;
        padding: 15px 0px;
    }
    .counter-section {
        padding: 50px 20px;
    }
    .counter-box {
        padding: 9px 5px 37px;
    }
    .counter-box {
        line-height: 8px;
    }
    .counter-box span img {
        margin-bottom: 15px;
    }




.client-section {
    padding: 35px 0px;
}

.client-section h2 {
    font-size: 30px;
}
.testimonials-2 .testimonial-tittle h2 {
    font-size: 30px;
}

footer .footerboo ul li img {
    width: 150px;
}
footer .footertop {
    padding: 50px 0px 20px;
}

/* about page  */

.management {
    padding: 25px 0px 50px;
}
.management h1 {
    font-size: 28px;
    margin-bottom: 19px;
}
.management p {
    text-align: justify;
    font-size: 17px;
}
.management .team {
    margin: 0;
}
.vision .content h5 {
    text-align: center;
    margin-top: 18px;
}
.vision {
    padding: 10px 0px;
}
.vision .content p {
    text-align: justify;
    font-size: 17px;
}

/* services page  */
.product-section {
    padding: 25px 0px;
}
.product-section h2 {
    text-align: center;
    font-size: 25px;
    margin-bottom: 20px;
   
}
.product-section h2:before {
    bottom: -12px;
    left: 160px;
}
.about-wrap p {
    font-size: 16px;
    line-height: 23px;
}
.section-advantage h2 {
    font-size: 28px;
    margin-bottom: 30px;
}
.section-advantage {
    background-color: #e41621;
    padding: 40px 0px;
}
.section-advantage .service-details p {
    font-size: 16px;
    line-height: 20px;
    color: #333;
    letter-spacing: 0px;
}
#gallery .nav-link  {
    padding: 0px 10px;
    font-size: 15px;
}
#gallery h2 {
    font-size: 30px;
    color: #e41621;
    margin-bottom: 10px
}
#gallery .nav {
    gap: 10px;
}
#career-page .career-mn {
    padding: 0;
   
}
#career-page {
    padding: 25px 8px;
}
#contact-form {
    padding: 25px 10px;
}
#contact-form h2 {
    text-align: center;
}
.map-section {
    padding: 25px 7px;
}
#contact-form .text-content {
    margin-bottom: 18px;
}
#contact-form p {
    font-size: 17px;
}
footer .footertop .about p {
    margin: auto;
    text-align: justify;
    width: 100%;
    margin-top: 20px;
}


}


@media(max-width:400px){


}

@media(max-width:359px){

    #choose .iner h5{font-size: 20px;}
   
}

/* 🌐 Responsive CSS for Slider */

/* ---------- Large screens (default) ---------- */
#slider .slider-caption .SlideHeader p {
  font-size: 85px;
}

/* ---------- Laptops & Small Desktops ---------- */
@media (max-width: 1200px) {
  #slider .slider-caption .SlideHeader p {
    font-size: 70px;
  }

  #slider .slider-caption a {
    padding: 8px 25px;
    font-size: 16px;
  }
}

/* ---------- Tablets ---------- */
@media (max-width: 992px) {
  #slider .crousel-image img {
    height: 70vh;
    object-fit: cover;
  }

  #slider .slider-caption {
    top: 35%;
    left: 5%;
  }

  #slider .slider-caption .SlideHeader p {
    font-size: 55px;
    line-height: 1.1;
  }

  #slider .slider-caption a {
    padding: 8px 20px;
    font-size: 15px;
  }
}

/* ---------- Mobile Landscape ---------- */
@media (max-width: 768px) {
  #slider .crousel-image img {
    height: 60vh;
  }

  #slider .slider-caption {
    top: 40%;
    left: 5%;
  }

  #slider .slider-caption .SlideHeader p {
    font-size: 40px;
  }

  #slider .slider-caption a {
    padding: 6px 18px;
    font-size: 14px;
  }
}

/* ---------- Mobile Portrait ---------- */
@media (max-width: 576px) {
  #slider .crousel-image img {
    height: 50vh;
  }

  #slider .slider-caption {
    top: 45%;
    left: 5%;
    width: 90%;
  }

  #slider .slider-caption .SlideHeader p {
    font-size: 28px;
    line-height: 1.2;
  }

  #slider .slider-caption .SlideHeader span {
    font-size: 30px;
  }

  #slider .slider-caption a {
    padding: 6px 15px;
    font-size: 13px;
  }
}

/* ---------- Extra Small Devices ---------- */
@media (max-width: 400px) {
  #slider .slider-caption .SlideHeader p {
    font-size: 22px;
  }

  #slider .slider-caption a {
    font-size: 16px;
    padding: 5px 12px;
  }
}