@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%;}


}
@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: 330px;
    }

    #slider .row{row-gap: 20px;}
    #slider .img{text-align: center;}
    #slider .img img{width: 50%; margin: auto;}
    #slider h2{font-size: 25px;}
    #slider p{font-size: 22px;}
    #slider ul li{font-size: 14px;}
    #slider a{font-size: 14px;}

    #service h2{font-size: 33px; margin-bottom: 30px;}
    #service .box{width: 100%;}
    #service .box ul{flex-direction: column !important;}
    #service .box .reverse{flex-direction: column-reverse !important;}
    #service .box ul .first{width: 100%;}
    #service .box ul .last{ width: 100%;}
    #service .box ul .first h4{font-size: 23px;}
    #service .book a{bottom: -20px; left: 18%; font-size: 16px;}
    
    #service .service-bg {
        padding: 35px 0 45px;
    }

    #choose h2{font-size: 33px; width: 100%;}
    #choose .iner i{font-size: 30px;}
    #choose .iner h5{font-size: 25px;}
    #choose .iner p{font-size: 14px;}
    
    #doctor h2{font-size: 33px;}
    
    #doctor .dr-about-content ul li {
        color: #000;
        font-size: 15px;
        font-weight: 500;
    }

    #clinic h2{font-size: 33px;}
    #contact .address{margin-top: 30px;}

    #contact .address ul li h4{font-size: 33px;}
    #contact .submit-btn{font-size: 16px;}

    footer .img a img{width: 60%;}
    footer .footerbg ul{display: block;}
    footer .footerbg ul li h2{font-size: 35px; margin-bottom: 30px;}

.video-section {
  background-color: #f9f9f9;
  padding: 25px 20px;
}

}

@media(max-width:400px){


}

@media(max-width:359px){

    #choose .iner h5{font-size: 20px;}
   
}

