@media only screen and (max-width:540px){
/* ........................index page.......................... */
header{
  display: none;
}
.navbar{
  padding: 6px 4px !important;

}
.banner{
  padding: 35px 0;
}
.banner-hed{
  width: 60%;
  padding: 25px 15px;
  margin: 0 0 0px 0;

}
.banner-hed h1{
  font-size: 24px;
}
.banner-hed h3{
  font-size: 18px;
  padding: 15px 10px;
}
.banner-hed h4{
  font-size: 16px;
}
.banner-hed p{
  font-size: 14px;
}
.btn-book{
  display: none;
}
.btn-membership{
  display: none;
}
.about-us{
  padding: 30px 0;
}
.about-img{
  width: 460px;
  height: 365px;
  clip-path: none;
  margin: 0 auto;
}
.imgs{
  clip-path: none;
  right: -6px;
  text-align: center;
}
.about-desc h2{
  font-size: 22px;
  margin: 25px 0 0 0;
}
.about-desc h3{
  font-size: 18px;
}
.about-list li{
  font-weight:500 ;
}
.btn-read{
  padding: 8px 20px;
  font-size: 14px;
  clip-path: none;
  margin: 20px 0 0 0;
}
.imgs img{
  max-width: 88%;
  height: auto;
}
.services-wrap{
  padding: 25px 0;
}
.ser-hed h2{
  font-size: 20px;
}
.ser-hed p{
  font-size: 12px;
  text-align: center;
}
.ser-dec{
  padding: 15px;
  width: 70%;
  margin: 35px auto 0 auto;
}
.ser-icon{
  left: 120px;
}
.ser-dec h3{
  margin: 25px 0 5px 0;
}
.btn-view{
  padding: 10px 20px;
  
}
.btn-now{
  padding: 10px 30px;
  margin: 0 0 0 50px;
}
.plans-wrap{
  padding: 25px 0;
}
.plans{
  width: 60%;
  margin: 30px auto 0 auto;
}
.doctor-wrap{
  padding: 25px 0;
}
.owl-carousel .owl-nav button.owl-next{
  display: none;
}
.owl-prev{
  display: none;
}
.us-wrap{
  padding: 25px 0;
}
.us-des{
  margin: 10px 0;
  padding: 10px;
}
.testimonial-wrap{
  padding: 25px 0;
  background: linear-gradient(90deg, rgba(255,255,255,1) 0, rgba(0,140,255,1) 0%);
}
.testi-hed h2{
  font-size: 20px;
}
.testim .cont{
  width: 90%;
  padding: 10px;
}
.testim .cont div p{
  font-size: 10px;
}
.testim .dots{
  width: 93%;
}
.view-details h3{
  text-align: left;
}
/* ....................footer............ */
footer{
  padding: 25px 0;
}
.footer-desc p{
  margin: 20px 0 0 0;
  font-size: 14px;
}
.footer-desc h6{
  font-size: 16px;
}
.footer-desc h5{
  font-size: 20px;
  margin: 20px 0 0 0;
}
.f-lists li a{
  font-size: 14px;
}
.f-list li a{
  font-size: 14px;
}
.f-list li{
  margin: 0 0 10px 0;
}
.testim .dots .dot{
  width: 10px;
  height: 10px;
}
/* .............about page................... */
.about-banner{
  height: 200px;
}
.pakage-hed h1{
  font-size: 24px;
}
.pakage-hed p{
  font-size: 14px;
}
.pakage-hed{
  padding: 62px 0;
}
.about-wrap{
  padding: 25px 0;
}
.wrap2-des{
  margin: 10px 0 0 0;
}
.wrap2-des h3{
  font-size: 20px;
  font-weight: 600;
}
.wrap2-des p{
  font-size: 14px;
}
.about-sec2{
  padding: 25px 0;
}
.a-sec2 h4{
  font-size: 16px;
}
.a-sec2 p{
  font-size: 14px;
}
.about-lists li{
  font-size: 14px;
}
.about-sec3{
  padding: 25px 0;
}
/* .......................contact page.............. */
.cont-form{
  padding: 25px 0;
}
.contact-form{
  padding: 15px 0 0 0;
}
.contact-form h3{
  text-align: center;
  font-size: 20px;
}
.f-name{
  width: 100%;
}
.t-name{
  width: 100%;
}
/* .................services..................... */
.medical-banner{
  height: 200px;
}
.view-wrap{
  padding: 25px 0;
}
.view-details{
  padding: 15px 0;
}
.view-details h2{
  font-size: 20px;
}
.ac-wrap label{
  font-size: 14px;
}
.ac-wrap article p{
  font-size: 14px;
}
.b-name{
  width: 49%;
}
.book-banner{
  height: 200px;
}
.contact-banner{
  height: 200px;
}
.book-wrap{
  padding: 25px 0;
}
.service-hed h2{
  font-size: 22px;
}
.view-banner{
  height: 200px;
}
/* .....new style..................... */
.ser-icon1{
  top: 135px;
  left: 20px;
}
.btn-views{
  padding: 10px 10px;
}
.btn-nows{
  padding: 10px 10px;
}
}

@media only screen and (max-width:529px){
  .banner-hed{
    width: 70%;
  }
  .imgs{
    left: 16px;
    top: 10px;
  }
  .imgs img{
    max-width: 88%;
  }
  .about-img{
    height: 360px;
  }
  .btn-now{
    margin: 0 0 0 35px;
  }
  .us-hed h4{
    font-size: 14px;
  }
  .btn-views{
    padding: 10px 10px;
    font-size: 14px;
  }
  .btn-nows{
    padding: 10px 15px;
    font-size: 14px;
  }
}
@media only screen and (max-width:511px){
  .about-img{
    width: 440px;
    height: 350px;
  }
  .pakage-hed h1{
    font-size: 20px;
  }
  .ser-hed h2{
    font-size: 18px;
  }
  .ser-icon{
    top: 185px;
  }
  .ser-dec1{
    height: 425px;
  }

}
@media only screen and (max-width:500px){
  .about-img{
    display: none;
  }
  .imgs{
    position: static;
  }
  .btn-now{
    margin: 0 0 0 20px;
  }
  .ser-icon{
    top: 180px;
  }
  .ser-hed h2{
    font-size: 22px;
  }
  .us-img img{
    width: 90%;
    height: auto;
  }
  .us-hed{
    margin: 0 0px 0 5px;
  }
  .ser-icon1{
   display: none;
  }
  .btn-nows{
    padding: 10px 10px;
  }
}

@media only screen and (max-width:486px){
  .btn-now{
    margin: 0 0 0 15px;
  }
  .banner-hed h3{
    padding: 8px 5px;
  }
  .banner{
    padding: 25px 0;
  }
  .banner-hed{
    padding: 10px 15px;
  }
  .ser-hed h2{
    font-size: 20px;
  }
  .innercase{
    padding: 6px 0;
  }
  .innercase p{
    font-size: 14px;
  }

}
@media only screen and (max-width:479px){
  .ser-icon{
    top: 172px;
  }
  .btn-now{
    margin: 0 0 0 5px;
  }
  .ser-icon1{
    top: 120px;
  }
  .ser-dec1 h3{
    font-size: 14px;
    margin: 20px 0 5px 0;
  }
  .ser-dec1 p{
    font-size: 12px;
  }
  .ser-dec1{
    height: none;
  }
  .btn-views{
    display: block;
    text-align: center;
  }
  .btn-nows{
    display: block;
    text-align: center;
    margin: 10px 0;
  }
}
@media only screen and (max-width:470px){
  .ser-icon{
    top: 180px;
    left: 100px;
  }
  .ser-dec{
    width: 75%;
  }
  .btn-now{
    display: block;
    text-align: center;
    margin: 15px 0 0 0;
  }
  .btn-view{
    display: block;
    text-align: center;
  }
  .from-wrap h3{
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0 15px 0;
  }
  
}
@media only screen and (max-width:450px){
  .ser-dec{
    margin: 20px auto 0 auto;
    
  }
  .ser-hed h2{
    font-size: 18px;
  }
  .banner-hed{
    width: 75%;
  }
  .about-desc h2{
    font-size: 20px;
  }
  .about-desc h3{
    font-size: 16px;
  }
  .about-list li{
    font-size: 14px;
  }
  .ser-icon{
    top: 155px;
    left: 98px;
  }
  .doctor-desc h3{
    font-size: 14px;
  }
  .ser-icon1{
    display: none;
  }
  .ser-dec1 h4{
    font-size: 12px;
  }
  .ser-dec1{
    height: 465px;
  }
  .ser-dec1 h3{
    font-size: 18px;
  }
  .ser-dec1 h4{
    font-size: 16px;
  }
  .ser-dec1 p{
    font-size: 14px;
  }
}
@media only screen and (max-width:430px){
  .ser-icon{
    top: 150px;
  }
  .btn-now{
    margin: 10px 0 0 0;
  }
  .us-des{
    display: block;
  }
  .us-img{
    display: block;
    text-align: center;
  }
  .us-img img{
    width: 60%;
  }
  .us-hed{
    margin: 15px 0 0 0;
  }
  .us-hed h4{
    font-size: 16px;
    font-weight: 600;
  }
  .us-list li{
    font-size: 16px;
  }
  .us-hed a{
    font-size: 16px;
    padding: 15px 0 0 0;
  }
  .testim .wrap{
    padding: 15px 20px;
  }
  
}
@media only screen and (max-width:414px){
  .plans{
    width: 75%;
  }
  .btn-now{
    font-size: 14px;
  }
  .btn-view{
    font-size: 14px;
  }
  .ser-icon{
    top: 140px;
  }
}
@media only screen and (max-width:385px){
  .banner-hed{
    width: 100%;
  }
  .ser-icon{
    display: none;
  }
  .ser-dec{
    width: 95%;
  }
  .ser-dec h3{
    margin: 15px 0 0 0;
  }
  .plans{
    width: 90%;
    text-align: center;
  }
  .plans-details h4{
    font-size: 18px;
  }
  .plans-details p{
    font-size: 16px;
  }
  .btn-details{
    font-size: 16px;
  }
  .btn-detailss{
    font-size: 16px;
  }
  
  /* .doctor-sec{
      padding: 30px 50px;
  } */
  .view-details p{
    font-size: 16px;
  }
}
@media only screen and (max-width:370px){
  .ser-dec1{
    height: 450px;
  }
}