@media(max-width:1500px){

}

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

@media(max-width:1200px){

}

@media(max-width:1069px){

   
}

@media(max-width:991px){
    

    header .header-top ul li{font-size: 13px; display: inline-block;}
    header .header-top ul li a{font-size: 14px;}
    header .navbar .navbar-brand{width: 90px;}

    #slider .forem .glow-on-hover {padding: 13px 10px; font-size: 16px; margin-bottom: 30px;}

    #about h2{padding-bottom: 20px;}
    #about .content p{font-size: 13px; font-weight: 400;}
    #about h3{font-size: 21px;}
    #about h4{font-size: 21px; margin-bottom: 15px;}
    #about .submit-btn{font-size: 16px;}
    #about .form-control{padding: 5px 10px;}

    #service{padding: 50px 0px 0px;}
    #service h2{font-size: 35px;}
    #service .service-inr .treatment-name{font-size: 14px; font-weight: 400; padding: 10px 0px;}
    #service .service-inr .treatment-name {font-size: 12px;}

    #Treatmentt .Treatmenttinr h3 {font-size: 18px;}

  

    #card {padding: 40px 0;}
    #card .inr{padding: 21px 10px;}

    #doctor .doctor-inr h4{font-size: 18px;}
    #doctor .doctor-inr p, #doctor .doctor-inr span{font-size: 13px;}
    #doctor .doctor-inr {height: 100%;}

    #testimonial .iner ul li{font-size: 30px;}
    #testimonial .owl-item p{font-size: 14px;}

    #contact .contactinr .forem .glow-on-hover {padding: 13px 10px; font-size: 16px;}


    footer .row{row-gap: 20px;}
    footer .footerinr ul li p{font-size: 14px;}
    footer .footerinr ul li a{font-size: 14px;}
    footer .footerinr ul li h4{font-size: 20px;}
    footer .footerinr .category li{margin-bottom: 5px;}

    
}
@media(max-width:950px) {
#projectFacts .projectFactsWrap .item {scale: 80%;}

}

@media(max-width:768px){
    .about-us {
        padding: 0px 20px;
    }
    #projectFacts .projectFactsWrap .item {margin: 0;}
    

    .projectFactsWrap { margin-top: 0px;}

}

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

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

@media(max-width:480px){

    header .offcanvas.show:not(.hiding), .offcanvas.showing{width: 80%;}
    header .navbar .navbar-brand {font-size: 18px;}
    header .header-top ul li:nth-child(1),  header .header-top ul li:nth-child(3){display:inline-block;margin-bottom: 10px;}
    

    #about h2 {font-size: 30px;}

    #service h2 {font-size: 30px;}
    #service .service-inr .treatment-name {font-size: 18px;}


    #doctor h2{font-size: 30px;}


    #card .row{row-gap: 20px;}

    #card .inr{padding: 25px 0px;}

    #Treatmentt{padding: 15px 0px;}
    #service{padding: 15px 0px;}

    #Treatmentt .Treatmenttinr{margin-bottom: 30px;}

    #contact iframe {height: 220px; width: 100%; }

    #contact .contactinr .forem .glow-on-hover{margin-bottom: 30px;}


    footer{padding: 50px 10px 20px;}
    footer .img a img{width: 60%;}


}

@media(max-width:426px){
#service .service-inr .img {width: 150px; height: 150px; margin: auto;}
.projectFactsWrap {display: block;}
#projectFacts .projectFactsWrap .item {width: 100%;margin: 0px;}    
#service .service-inr .img img {width: 100%;}
.whychoose {font-size: 40px; padding-top: 20px;}

#features h2{font-size-30px margin-bottom: 20px;}
#features ul{columns: 1; padding: 10px;}

}

@media(max-width:400px){

    .contact-h2 {padding: 4px 0px 4px;}
    .contact-h2 h2{font-size: 18px;}
    #contact iframe {width: 100%; height: 168px;}

}

@media(max-width:359px){
    header .header-top ul {justify-content: center !important;}
    .topbar {text-align:center; display:block;}

}