/* @media screen and (max-width: 768px) {

   /************hero********/
/* .badge {
      font-size: 16px;
      align-items: center;
   }

   .hero .col-7,
   .hero .col-5 {
      width: 100%;
   }

   .hero-details {
      text-align: center;
   }

   .hero-details h1 {
      font-size: 40px;
      line-height: 50px;
   }

   .hero-details h1 {
      font-size: 16px;
      margin-bottom: 50px;
   }

   .call-text p {
      font-size: 16px;
      text-align: left;

   }

   .hero-cta {
      flex-direction: column;
   } */

/* **************aboutus******* */
/* 
   .about .col-6,
   .about .col-6 {
      width: 100%;
   }

   .about-img img{
      width: 100%;
   }

   .schedule-box {
      font-size: 16px;
      margin: 30px 0 40px;
      padding: 30px 20px;
   }


   .about-box {
      flex-direction: column;
   }
 
   .heading h2{
      font-size: 28px;
   }

   .heading p{
      font-size: 16px;
   }
  .about-data .data{
      flex-direction: column;
      align-items: flex-start;
   }

   .about .btn{
      margin-bottom: 20px;
   }

   .about .call-us{
      margin-left: 0px;
   }
   .about .box-1{
      margin-left: 0px;
   }
 */

/* }  */

/* responsive layoutsss */

/* 0-575 none */
@media screen and (max-width: 576px) {
  .container {
    max-width: 100%;
  }

  .col-1 {
    width: 8.33%;
    padding: 0 12px;
  }

  .col-2 {
    width: 16.66%;
    padding: 0 12px;
  }

  .col-3 {
    width: 25%;
    padding: 0 12px;
  }

  .col-4 {
    width: 33.33%;
    padding: 0 12px;
  }

  .col-5 {
    width: 41.66%;
    padding: 0 12px;
  }

  .col-6 {
    width: 50%;
    padding: 0 12px;
  }

  .col-7 {
    width: 58.33%;
    padding: 0 12px;
  }

  .col-8 {
    width: 66.66%;
    padding: 0 12px;
  }

  .col-9 {
    width: 75%;
    padding: 0 12px;
  }

  .col-10 {
    width: 83.33%;
    padding: 0 12px;
  }

  .col-11 {
    width: 91.66%;
    padding: 0 12px;
  }

  .col-12 {
    width: 100%;
    padding: 0 12px;
  }

  .hero-details h1 {
    font-size: 40px;
    line-height: 55px;
  }

  .hero-cta {
    flex-direction: column;
  }

  .hero-details {
    text-align: center;
  }

  .heading h2 {
    font-size: 30px;
    line-height: 45px;
  }

  .heading p {
    font-size: 15px;
    line-height: 18px;
  }

  .about-img {
    padding-right: 0px;
  }

  .schedule-box {
    bottom: -130px;
    right: 1px;
  }

  .about-row {
    row-gap: 220px;
  }

  .about-box .box-1 {
    bottom: -195px;
  }

  .about .about-cta {
    flex-direction: column;
  }

  .service-icon h2 {
    font-size: 35px;
    line-height: 45px;
  }

  .ourservices {
    flex-direction: column;
    row-gap: 20px;
  }

  .service-icon {
    text-align: center;
  }

  .treatment-row {
    row-gap: 40px;
  }

  .treatment-content {
    padding-left: 10px;
  }

  .treatment-box {
    flex-direction: column;
    text-align: center;
  }
/*===== Header ===== */

 .top-header{
flex-direction: column;
row-gap:20px;
}

.menu{
flex-wrap:wrap;
justify-content:center;
}

.menu li{
padding:8px 10px;
} 

/* ===== Team ===== */

.team .doctorimg img{
height:300px;
}

/* ===== Booking ===== */

.booking .appointment{
margin-top:40px;
}

/* ===== Testimonial ===== */

.testimonial .test-image{
margin-top:40px;
}

/* ===== FAQ ===== */

.faq .faq-content{
padding-left:0;
margin-top:30px;
}



}


/* 576-767 sm */
@media screen and (min-width: 576px) {
  .container {
    max-width: 540px;
  }

  .col-sm-1 {
    width: 8.33%;
    padding: 0 12px;
  }

  .col-sm-2 {
    width: 16.66%;
    padding: 0 12px;
  }

  .col-sm-3 {
    width: 25%;
    padding: 0 12px;
  }

  .col-sm-4 {
    width: 33.33%;
    padding: 0 12px;
  }

  .col-sm-5 {
    width: 41.66%;
    padding: 0 12px;
  }

  .col-sm-6 {
    width: 50%;
    padding: 0 12px;
  }

  .col-sm-7 {
    width: 58.33%;
    padding: 0 12px;
  }

  .col-sm-8 {
    width: 66.66%;
    padding: 0 12px;
  }

  .col-sm-9 {
    width: 75%;
    padding: 0 12px;
  }

  .col-sm-10 {
    width: 83.33%;
    padding: 0 12px;
  }

  .col-sm-11 {
    width: 91.66%;
    padding: 0 12px;
  }

  .col-sm-12 {
    width: 100%;
    padding: 0 12px;
  }

  .hero-details h1 {
    font-size: 65px;
    line-height: 80px;
  }

  .hero-details {
    text-align: center;
  }

  .heading h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .heading p {
    font-size: 14px;
    line-height: 25px;
  }

  .about-img img {
    width: 100%;
    height: 400px;
  }

  .schedule-box {
    bottom: -135px;
    right: 15px;
  }

  .about-img {
    padding-right: 0px;
  }

  .about-row {
    row-gap: 120px;
  }

  .service-cta {
    flex-shrink: 0;
  }

  .service-icon h2 {
    font-size: 35px;
    line-height: 45px;
  }

  .ourservices {
    flex-direction: column;
    row-gap: 20px;
  }

  .treatment-row {
    row-gap: 40px;
  }

  .treatment-content {
    padding-left: 10px;
  }
/* ===== Header ===== */

/* .top-header{
flex-direction:column;
row-gap:20px;
}

.menu{
flex-wrap:wrap;
justify-content:center;
} */


 /* ===== Team ===== */

.team .doctorimg img{
height:300px;
}

/* ===== Booking ===== */

.booking .appointment{
margin-top:40px;
}

/* ===== Testimonial ===== */

.testimonial .test-image{
margin-top:40px;
}

/* ===== FAQ ===== */

.faq .faq-content{
padding-left:0;
margin-top:30px;
}


}

/* 768-991 md */
@media screen and (min-width: 768px) {
  .container {
    max-width: 720px;
  }

  .col-md-1 {
    width: 8.33%;
    padding: 0 12px;
  }

  .col-md-2 {
    width: 16.66%;
    padding: 0 12px;
  }

  .col-md-3 {
    width: 25%;
    padding: 0 12px;
  }

  .col-md-4 {
    width: 33.33%;
    padding: 0 12px;
  }

  .col-md-5 {
    width: 41.66%;
    padding: 0 12px;
  }

  .col-md-6 {
    width: 50%;
    padding: 0 12px;
  }

  .col-md-7 {
    width: 58.33%;
    padding: 0 12px;
  }

  .col-md-8 {
    width: 66.66%;
    padding: 0 12px;
  }

  .col-md-9 {
    width: 75%;
    padding: 0 12px;
  }

  .col-md-10 {
    width: 83.33%;
    padding: 0 12px;
  }

  .col-md-11 {
    width: 91.66%;
    padding: 0 12px;
  }

  .col-md-12 {
    width: 100%;
    padding: 0 12px;
  }

  .hero-details h1 {
    font-size: 75px;
    line-height: 95px;
  }

  .heading h2 {
    font-size: 45px;
    line-height: 60px;
  }

  .heading p {
    font-size: 18px;
    line-height: 30px;
  }

  .about-img img {
    width: 100%;
    height: 400px;
  }

  .about-img {
    padding-right: 0px;
  }

  .schedule-box {
    bottom: -92px;
    right: 25px;
  }

  .about-row {
    row-gap: 112px;
  }

  .ourservices {
    flex-direction: row;
  }

  .service-icon h2 {
    font-size: 40px;
    line-height: 60px;
  }

  .service-cta .btn {
    padding: 13px 40px;
  }


  .treatment-row {
    row-gap: 40px;
  }

  .treatment-content {
    padding-left: 10px;
  }
/* ===== Header ===== */

/* .top-header{
flex-direction:column;
row-gap:20px;
}

.menu{
flex-wrap:wrap;
justify-content:center;
} */
/* ===== Team ===== */

.team .doctorimg img{
height:320px;
}

/* ===== Booking ===== */

.booking .appointment{
margin-top:40px;
}

/* ===== Testimonial ===== */

.testimonial .test-image{
margin-top:40px;
}

/* ===== FAQ ===== */

.faq .faq-content{
padding-left:20px;
}



}




/* 992-1199 lg */
@media screen and (min-width: 992px) {
  .container {
    max-width: 960px;
  }

  .col-lg-1 {
    width: 8.33%;
    padding: 0 12px;
  }

  .col-lg-2 {
    width: 16.66%;
    padding: 0 12px;
  }

  .col-lg-3 {
    width: 25%;
    padding: 0 12px;
  }

  .col-lg-4 {
    width: 33.33%;
    padding: 0 12px;
  }

  .col-lg-5 {
    width: 41.66%;
    padding: 0 12px;
  }

  .col-lg-6 {
    width: 50%;
    padding: 0 12px;
  }

  .col-lg-7 {
    width: 58.33%;
    padding: 0 12px;
  }

  .col-lg-8 {
    width: 66.66%;
    padding: 0 12px;
  }

  .col-lg-9 {
    width: 75%;
    padding: 0 12px;
  }

  .col-lg-10 {
    width: 83.33%;
    padding: 0 12px;
  }

  .col-lg-11 {
    width: 91.66%;
    padding: 0 12px;
  }

  .col-lg-12 {
    width: 100%;
    padding: 0 12px;
  }

  .hero-details h1 {
    font-size: 75px;
    line-height: 90px;
  }

  .faq .faq-content {
    padding-left: 145px;
  }

  .heading h2 {
    font-size: 48px;
    line-height: 65px;
  }

  .heading p {
    font-size: 18px;
    line-height: 30px;
  }

  .about-img img {
    width: 100%;
    height: 400px;
  }

  .schedule-box {
    bottom: 0;
    right: 120px;
  }

  .about-img {
    padding-right: 0px;
  }

  .schedule-box {
    bottom: -100px;
    right: 40px;
  }

  .about-row {
    row-gap: 115px;
  }

  .treatment-content {
    padding-left: 0px;
  }

  .ourservices {
    flex-direction: row;
  }
/* ===== Header ===== */

/* .menu li{
padding:0 12px;
} */
/* ===== Services ===== */

.service-box{
padding:28px;
}
/* ===== Team ===== */

.team .doctorimg img{
height:340px;
}
  /* ===== Footer ===== */

.footer-email{
width:250px;
}

}

/* 1200-1399 xl */
@media screen and (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }

  .col-xl-1 {
    width: 8.33%;
    padding: 0 12px;
  }

  .col-xl-2 {
    width: 16.66%;
    padding: 0 12px;
  }

  .col-xl-3 {
    width: 25%;
    padding: 0 12px;
  }

  .col-xl-4 {
    width: 33.33%;
    padding: 0 12px;
  }

  .col-xl-5 {
    width: 41.66%;
    padding: 0 12px;
  }

  .col-xl-6 {
    width: 50%;
    padding: 0 12px;
  }

  .col-xl-7 {
    width: 58.33%;
    padding: 0 12px;
  }

  .col-xl-8 {
    width: 66.66%;
    padding: 0 12px;
  }

  .col-xl-9 {
    width: 75%;
    padding: 0 12px;
  }

  .col-xl-10 {
    width: 83.33%;
    padding: 0 12px;
  }

  .col-xl-11 {
    width: 91.66%;
    padding: 0 12px;
  }

  .col-xl-12 {
    width: 100%;
    padding: 0 12px;
  }

  .footer-email {
    width: 270px;
  }

  .footer-btn {
    padding: 19px 25px;
  }

  .hero-details h1 {
    font-size: 85px;
    line-height: 100px;
  }

  .heading h2 {
    font-size: 48px;
    line-height: 65px;
  }

  .faq .faq-content {
    padding-left: 70px;
  }

  .schedule-box {
    bottom: -100px;
    right: 30px;
  }

  .about-img {
    padding-right: 0px;
  }

  .ourservices {
    flex-direction: row;
  }

.team .doctorimg img{
height:350px;
}

/* ===== Footer ===== */

.footer-email{
width:270px;
}

}



/* 1400-any xxl */
@media screen and (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }

  .col-xxl-1 {
    width: 8.33%;
    padding: 0 12px;
  }

  .col-xxl-2 {
    width: 16.66%;
    padding: 0 12px;
  }

  .col-xxl-3 {
    width: 25%;
    padding: 0 12px;
  }

  .col-xxl-4 {
    width: 33.33%;
    padding: 0 12px;
  }

  .col-xxl-5 {
    width: 41.66%;
    padding: 0 12px;
  }

  .col-xxl-6 {
    width: 50%;
    padding: 0 12px;
  }

  .col-xxl-7 {
    width: 58.33%;
    padding: 0 12px;
  }

  .col-xxl-8 {
    width: 66.66%;
    padding: 0 12px;
  }

  .col-xxl-9 {
    width: 75%;
    padding: 0 12px;
  }

  .col-xxl-10 {
    width: 83.33%;
    padding: 0 12px;
  }

  .col-xxl-11 {
    width: 91.66%;
    padding: 0 12px;
  }

  .col-xxl-12 {
    width: 100%;
    padding: 0 12px;
  }

.hero-image{
  margin-left: 50px;
}

  .footer-email {
    width: 300px;
  }

  .footer-btn {
    padding: 19px 50px;
  }
  /* ===== Header ===== */

 /* .top-header{
flex-direction:column;
row-gap:20px;
} 

.menu{
flex-wrap:wrap;
justify-content:center;
}  */

}