@media(max-width:1500px){}

@media(max-width:1400px){}

@media(max-width:1200px){

}

@media(max-width:1069px){
  
#slider .content h2{font-size: 20px;}
#slider .content p{font-size: 14px;}

#slider .form-box h2{font-size: 20px;}
#slider .form-box h2 span{font-size: 16px;}
#slider .form-box p{font-size: 14px;}

#testimonial .reviewbtn a{font-size: 14px; padding: 10px;}
#testimonial .iner h4{font-size: 21px;}


}

@media(max-width:991px){

header .header-top{padding: 8px 0;}
header .header-top ul{gap: 20px;}
header .header-top ul li:first-child, header .header-top ul li:last-child{display: none;}
header .header-top .navbar-brand{text-align: start;}
header .header-top .navbar-brand img{width: 40%;}
/*header .header-top ul li:nth-child(2){width: 70%;}*/
/*header .header-top ul li:nth-child(3){width: 30%;}*/
/*header .header-top ul li .search-none{display: none;}*/
/*header .header-top ul li a{font-size: 22px;}*/
#search-menu .wrapper input{width: 80%;}
header .navbar{justify-content: end;} 
header .navbar-toggler{margin-top: -73px;}
header .offcanvas.offcanvas-end{background-color: #000000a2;}
header .nav-link{color: #fff;}

#about .inner .text{padding: 10px; border: 0 60px 90px 0;}
#about .inner .text p{font-size: 13px;}
#about .inner .text a{font-size: 14px;}
#about .inner .text h4{font-size: 18px;}

#about .contact .text p{font-size: 13px;}
#about .contact .text a{font-size: 14px;}
#about .contact .text h4{font-size: 18px;}

#doctor-sec h5 a, #for-bridal h5 a {font-size: 13px;}

#real .inner .content h4 a{font-size: 18px;}
#real .inner .content p{font-size: 14px;}

#tips .inner .content h4 a{font-size: 15px;}

#service {padding: 25px 0px;}
#service .inner .content h4 a {font-size: 16px;}
#service .heading h2 {font-size: 24px;}  
#service .inner .content p {font-size: 13px; margin-bottom: 4px;}

#service-a {padding: 25px 0px;}
#service-a .inner .content h4 a {font-size: 16px;}
#service-a .heading h2 {font-size: 24px;}  
#service-a .inner .content p {font-size: 13px; margin-bottom: 4px;}



#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;}

#makeup-ideas-det .blog{padding: 15px 20px 20px;}
#makeup-ideas-det .blog p{font-size: 11px;}
#makeup-ideas-det .blog a{font-size: 12px; line-height: 17px;}
#makeup-ideas-det .imgs img {border-radius: 50%;height: 100px; width: 100%;}

#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 .navbar-brand img{width: 50%;}
header .navbar-toggler{margin-top: -75px;}

#slider .slider-bg{padding: 15px 0px;}

#about {padding: 25px 0;}
#about .text-a {text-align: justify;}
#about ul li {margin: 10px 0px 10px 20px; font-size: 14px;}

#doctor-sec, #for-bridal, #testimonail-a {padding: 25px 0px;}
#doctor-sec h2, #for-bridal h2, #testimonail-a h2{font-size:25px; margin-bottom:25px;}

#about-ss {padding: 23px 0;}
#about-ss h2 {font-size: 23px;}
#about-ss .text-a {margin-bottom: 8px;}
#about-ss .row {row-gap: 10px; flex-direction: column-reverse;}

#about-sa {padding: 23px 0;}
#about-sa h2 {font-size: 23px;}
#about-sa .text-a {margin-bottom: 8px;}
#about-sa .row {row-gap: 10px; flex-direction: column-reverse;}


#service .heading h2{text-align: center;}
#service .heading .p1{margin-bottom: 0; text-align: center;}
#service .heading a{margin-bottom: 20px;}
#service .nav{justify-content: center !important;}
#service .nav-pills .nav-link, #service .nav-pills .view-all a {font-size: 13px; padding: 8px 10px;}

#service-a .inner .content h4 a{font-size: 17px;}

#for-bridal .row{row-gap: 25px;}

#listing .content{padding: 20px 10px;}
#listing .content p{font-size: 14px;}
#listing .content .call{font-size: 14px; padding: 8px 15px;}


#counter .item h1{margin: 5px 0;}

footer .footertop .about a img{width: 50%;}   
footer .footerboo .soical li:last-child{text-align: center; margin-top: 10px;}

#heading .content {padding: 15px 10px;}
#heading{background-position: -514px center;}
#heading .heading-bg{padding: 35px 0;}
#heading h2{font-size: 22px;}
#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;}

#makeup-ideas-det{padding:25px 0px;}
#makeup-ideas-det .blog h4 {font-size: 22px;}
#makeup-ideas-det h2{font-size: 26px; margin-bottom: 30px;}
#makeup-ideas-det .content h5 a{font-size: 23px;}
#makeup-ideas-det .content p{font-size: 14px;}
#makeup-ideas-det .imgs img {border-radius: 50%; height: 115px; width: 112px;}
#makeup-ideas-det .blog ul li {border-bottom: 1px solid #d5d5d5; margin-bottom: 20px; padding-bottom: 20px;}
#makeup-ideas-det .blog a {font-size: 19px; line-height: 17px;}
#makeup-ideas-det .blog 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%;}

#tips {padding: 25px 0px;}
#tips h2, #about h2 {font-size: 24px;}

#details h2{font-size: 31px; margin-bottom: 30px;}

footer .footertop {padding: 25px 0px 0px;}
footer .footerboo {padding: 0px 0px 20px;}

#service-vender{padding:30px 0px;}
#service-vender ul {margin-bottom: 17px;}
#service-vender ul li h4 {font-size: 16px;}
#service-vender ul li h5 a {padding: 8px 13px; font-size: 13px;}



}

@media(max-width:480px){

  header .offcanvas.offcanvas-end{width: 90%;}
  header .offcanvas-title{font-size: 22px;}
  
  
#iner-slider .slider-bg {padding: 20px 0px;}

#contact-class {padding: 24px 10px; overflow: hidden;}

#vender-sec {padding: 25px 0px;}
#vender-sec h2{font-size:24px; margin-bottom:25px;}

footer ul li h4 {font-size: 19px;}
footer .row {row-gap: 15px;}
  
#service-det-info{padding: 35px 0px; overflow: hidden;}
#service-det-info .iner ul{display: block !important; text-align: center;}
#service-det-info .content-a h3 {font-size: 24px;}
#service-det-info .content-a .text{margin: 10px 0px;}
#service-det-info .iner .text-a {font-size: 14px; margin: 8px 0px; text-align: justify;}
#service-det-info .item-reviews {padding: 30px 20px 0px;}
#service-det-info .item-reviews ul{display: block !important;}
#service-det-info .item-reviews .imgsc {margin-bottom: 15px; width: 30%;}
#service-det-info .item-reviews .content-c h4 {margin-bottom: 10px;}
#service-det-info .item-reviews .content-c .text {font-size: 14px; margin-bottom: 10px;}
#service-det-info .working-content form h3 {font-size: 20px; margin-bottom: 5px;}
  
#counter {padding: 30px 0;}  
#counter .item h2 {font-size: 22px;}  
#counter .item h3 {font-size: 14px;}

#our-vision {padding: 30px 0;}

#youtub-reel{padding:25px 0px 0px;}
#youtub-reel h2 {font-size: 24px; margin-bottom: 25px;}

#real {padding: 24px 0px;}
#real h2 {font-size: 24px;}

#real {padding: 24px 0px;}

#testimonial .iner h4 {font-size: 18px;}
#testimonial {padding:24px 0px;}
#testimonial .iner ul li {font-size: 15px;}

#tips .inner .content h4 a {font-size: 13px;}



}

@media(max-width:400px){
 



}

@media(max-width:359px){
   
  
  header .navbar-toggler{margin-top: -66px;}
   
}

