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

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

@media(max-width:1200px){

}

@media(max-width:1069px){
 
  header .nav-link{font-size: 14px;}
  header .whatsapp li a{font-size: 14px; padding: 10px 15px;}
 
  #testimonial .reviewbtn a{font-size: 14px; padding: 10px;}
  #testimonial .iner h4{font-size: 21px;}


}

@media(max-width:991px){

    header .header-top a{font-size: 14px;}
    header .navbar-nav .dropdown-menu{position: absolute;} 
    header .whatsapp{justify-content: start; margin-top: 40px;}
    header .headermn .navbar .navbar-brand{width: 15%;}
    .sticky .headermn .navbar .navbar-brand{width: 12%;}
    
    #about .content ul li span{font-size: 14px;}
    #about .content p{font-size: 14px; line-height: 24px;}
    
    #about2 .content ul li span{font-size: 14px;}
    #about2 .content p{font-size: 14px; line-height: 24px;}

    #counter .item h1{font-size: 30px; margin: 15px 0;}
    #counter .item h3{font-size: 17px;}
 

    #blog .text h5 a{font-size: 18px;}
    #blog .text p{font-size: 14px;}

    footer .footertop ul li{font-size: 14px; margin-top: 5px;}
    footer .footertop .addres li, footer .footertop ul li a, footer .footertop .about p{font-size: 14px;}

    #about-page .content h2{font-size: 30px; margin-bottom: 15px;}
    #about-page .content p{font-size: 14px;}

    #blog-page .text h5 a{font-size: 18px;}
    #blog-page .text p{font-size: 14px;}
    #blog-detail .blog{padding: 15px 20px 20px;}
    #blog-detail .blog p{font-size: 11px;}
    #blog-detail .blog a{font-size: 12px; line-height: 17px;}

    #contact .location p{font-size: 14px; margin-bottom: 15px;}
    #contact .location ul li{height: 70px; padding: 8px 12px; margin-bottom: 10px;}
    #contact .location ul li a{font-size: 14px; font-weight: 400;}

    #details .content p{font-size: 14px;}
    #details .service{padding: 15px 20px 20px;}
    #details .service ul li a{font-size: 14px; padding: 10px;}

}

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

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

@media(max-width:579px){
 
    header .header-top ul li a{font-size: 12px;}
    header .header-top ul li:last-child{display: none;}
    header .headermn .navbar .navbar-brand{width: 30%;}
    .sticky .headermn .navbar .navbar-brand{width: 25%;}

    #slider .owl-item{padding: 75px 0;}
    #slider .content h2{font-size: 24px;}
    #slider .content p{font-size: 14px;}
    #slider .content a{font-size: 14px;}

    #about .row{flex-direction: column-reverse;}
    #about2 .content{padding: 0;}

    #treatments h2{font-size: 31px;}

    #treatments-2 h2{font-size: 31px;}

    #counter .item h1{margin: 5px 0;}

    footer .footertop .about a img{width: 45%;}
    footer .footerboo ul{display: block;}
    footer .footerboo .soical li:last-child{text-align: center; margin-top: 10px;}

    #heading{background-position: -514px center;}
    #heading .heading-bg{padding: 80px 0;}
    #heading h2{font-size: 30px;}
    #heading .content{width: 100%; padding: 30px;}
    #heading p, #heading a{font-size: 14px;}

    #about-service .content h2{font-size: 33px;}

    #blog-detail h2{font-size: 26px; margin-bottom: 30px;}
    #blog-detail .content h5 a{font-size: 23px;}
    #blog-detail .content p{font-size: 14px;}

    #service-page h2{font-size: 30px;}
    #service-page ul{display: block;}
    #service-page ul li:first-child{width: 100%;}
    #service-page ul li:last-child{width: 100%;}

    #details h2{font-size: 31px; margin-bottom: 30px;}
}

@media(max-width:480px){

  header .offcanvas.offcanvas-end{width: 80%;}
  header .offcanvas-title{font-size: 22px;}

}

@media(max-width:400px){
 



}

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