@media (min-width: 1401px) {
  /* .container { max-width: 1200px;} */
  .dentist-block .container { max-width: 1140px;}
}

/* ==========================================================================
    (Medium Desktop, 1400px and up)*
    ========================================================================== */
@media (max-width: 1400px) {
   .header-right li a p { font-size: 20px;}
   .header-right li a p strong { font-size: 14px;}
   .banner { min-height: 750px;}
   .banner-img { padding-top: 70px;}
   .stats-list li { padding: 35px 20px; padding-right: 110px;}
   .orthodontics-right .convenient-location { right: -250px; max-width: 700px;}
   .treatment-body p { font-size: 18px;}
   .testimonials-block .owl-item img { width: 150px;}
   .testimonials-footer { padding-left: 170px;}
   .testimonials-footer h3 { font-size: 16px;}
   .testimonials-body { padding: 25px 20px 55px 95px;}
   .testimonials-body::before { width: 97px; height: 82px; background-size: cover;}
   .testimonials-body p { font-size: 16px;}
   .expertise-block {min-height: auto;}
   .services-treatment-block { min-height: auto;}
   .fun-filled-environment::before { left: 0;}

   .header-contact li a .icon { border: 1px solid var(--white);}
   .header-contact li a p { font-size: 16px;}
}
 
 
/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (min-width: 1201px) {
   .fun-filled-environment .container { max-width: 920px;}
}

@media (max-width: 1200px) {
   .appointment-form { padding: 30px;}
   .banner { min-height: 670px;}
   .banner-text h1 { font-size: 54px;}
   .first-text { font-size: 24px;}
   .header-right li a .icon { border: 1px solid var(--white);}
   .header-right li a { padding-left: 70px;}
   .footer-main .header-right li a .icon { border: none;}
   .stats-list li { padding: 20px; text-align: center;}
   .stats-list li .icon { position: relative; top: inherit; left: inherit; margin: auto; margin-bottom: 10px;}
   .why-choose-block .owl-nav { justify-content: center;}
   .location-orthodontics-left .primary-btn,
   .location-orthodontics-right .primary-btn { padding: 15px 30px; font-size: 14px;}
   .header-contact li a p  { font-size: 16px;}

   .header-contact li a { padding-left: 50px;}
}
 
 
/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
 @media (max-width: 991px) {
   h1 { font-size: 34px !important; line-height: 1.1 !important;}
   h2 { font-size: 30px !important; line-height: 1.1 !important;}
   h3 { font-size: 26px !important; line-height: 1.1 !important;}
   section { padding: 50px 0;}

   .banner-cont { position: static; padding: 0;}
   .header-contact li { margin-right: 15px;}
   .header-contact li a {padding: 0;}
   .header-contact li a p { font-size: 0; display: none;}
   .header-contact li a .icon { position: static; padding: 10px; width: 45px; height: 45px;}
   .header-contact li a p strong { font-size: 0;}
   .header { padding: 10px 0;}
   .banner { padding-top: 100px !important;}
   .banner-cont { flex-direction: column;}
   .banner-text { padding: 0; margin-top: 25px; max-width: 100%; text-align: center; width: 100%;}
   .appointment-form { margin: 0; max-width: 100%;}
   .appointment-form p { padding-bottom: 10px;}
   .enquiry-input { height: 48px;}
   .appointment-form .primary-btn { padding: 13px 30px; font-size: 15px;}
   .header .container { align-items: center;}
   .logo { margin-left: 0;}
   .appointment-form p br { display: none;}
   .banner-img { padding-top: 30px;}
   .stats-list li p { line-height: 1.3; font-size: 14px;}
   .pediatric-dentistry-text h2 { margin-bottom: 15px;}
   .pediatric-dentistry-text p { margin-bottom: 15px; line-height: 1.4;}
   .pediatric-dentistry-img { margin-left: -40px; margin-right: -40px;}
   .fun-filled-environment .container { margin-top: 25px;}
   .fun-filled-img { margin-right: 0;}
   .fun-filled-text { margin-left: 0;}
   .expertise-block { min-height: 600px;}
   .fun-filled-environment { padding-bottom: 50px !important; min-height: auto;}
   .fun-filled-environment::before { display: none;}
   .why-choose-block .commen-head { min-height: auto; background-size: 250px;}
   .why-choose-block .owl-carousel { margin-top: 0;}
   .why-choose-block { padding: 50px 0 !important;}

   .location-orthodontics-block { padding: 40px !important;}
   .location-orthodontics-left { padding: 0; min-height: auto; text-align: center; padding-bottom: 20px;}
   .convenient-location { display: none;}
   .location-orthodontics-right { padding: 0; max-width: 100%; min-height: auto; text-align: center;}
   .orthodontics-right { margin-right: 0 !important;}
   .location-orthodontics-left h3 span,
   .location-orthodontics-right h3 span { font-size: 36px;}
   .location-orthodontics-right h3 { margin-bottom: 15px;}
   .location-orthodontics-left p,
   .location-orthodontics-right p { font-size: 15px; line-height: 1.4;}
   .service-treatment-head { margin-bottom: 15px;}
   .services-treatment-block { min-height: auto;}
   .footer-awards { position: static; margin-bottom: 25px;}
   .header-right li { margin-right: 20px;}
   .footer-main .header-right li a .icon { width: 52px; height: 52px; padding: 10px;}
   .footer-main .header-right li a { padding-left: 62px;}
   .footer-main .header-right li a p span { font-size: 16px; line-height: 1.5;}
   .footer-main .primary-btn { padding: 13px 30px !important; min-height: auto  !important;}
   .treatment-body .icon { width: 70px; height: 70px; padding: 14px;}
   .services-treatment-slider .owl-nav { margin-top: 10px;}
   .dentist-box-body h3 { font-size: 20px !important;}

   .whatsapp-floating.desktop { display: none;}
   .whatsapp-floating.mobile { display: flex;}

   ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 14px;}
   ::-moz-placeholder { /* Firefox 19+ */ font-size: 14px;}
   :-ms-input-placeholder { /* IE 10+ */ font-size: 14px;}
   :-moz-placeholder { /* Firefox 18- */ font-size: 14px;}


   .stats-list li h3 {
      color: var(--secondary-color);
      margin-bottom: 5px;
      text-align: center;
    }
    .stats-list li p{text-align: center;}
    .orthodontics-block { text-align: center;}

 }
 


 

 
/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
   h1 { font-size: 30px !important;}
   h2 { font-size: 26px !important;}
   h3 { font-size: 22px !important;}
   section { padding: 40px 0;}

   .stats-list li { width: 50%;}
   .pediatric-dentistry-text { text-align: center;}
   .pediatric-dentistry-img { margin: 0;}
   .treatment-body { padding: 25px 15px 15px 15px;}
   .treatment-body p { font-size: 16px; line-height: 1.3;}
   .stats-list { padding: 15px 0;}
   .stats-list li p { margin-bottom: 0;}
   .stats-list li .hover-bg { top: 0; height: 100%;}
   .fun-filled-text { text-align: center;}
   .commen-head p { font-size: 16px; line-height: 1.3;}
   .choose-body { padding: 15px 20px; text-align: center;}
   .why-choose-block .owl-nav { margin-top: 0;}
   .location-orthodontics-block { padding: 40px 0 !important;}
   .testimonials-body::before { position: static;}
   .testimonials-body { padding: 25px 20px 40px 25px;}
   .testimonials-block .owl-item img { width: 100px;}
   .testimonials-footer { padding-left: 120px;}
   .testimonials-block { padding-bottom: 0;}
   .footer-awards { justify-content: center;}
   .footer-awards li::before { width: 100%; height: 1px;}
   .footer-main .header-right { justify-content: center; flex-direction: column;}
   .footer-main .header-right li { margin-bottom: 20px; margin-right: 0;}
   .footer-main .header-right li a { padding-left: 0; text-align: center;}
   .footer-main .header-right li a .icon { position: static; margin: auto; margin-bottom: 10px;}
   .footer-main .header-right li a p strong { padding-bottom: 0;}
   .footer-main .header-right li a p { font-size: 16px;} 
   .dentist-block { min-height: auto;}
   .footer-awards li { min-height: 100px; padding: 12px 20px;}
   .header-right li { margin: 0 0 0 15px;}

   .commen-head h3 { font-size: 18px;}
   .location-orthodontics-left .primary-btn, .location-orthodontics-right .primary-btn { border: 1px solid #fff;}
   .footer-main .header-right { flex-direction: row;}
   .footer-main .header-right li a p { display: none;}
   .footer-main .header-right li a .icon { margin-bottom: 0;}
   .footer-main .header-right li { margin: 0 5px;}
   .footer-map { border-radius: 3px;}

   .dentist-box-body h3,
   .dentist-box-body p,
   .dentist-box-body p strong { -webkit-line-clamp: inherit;}
   .footer-awards li { padding: 0 15px;}
   .footer .container { padding-top: 20px !important;}

   /* .banner,
   .location-orthodontics-block { background: rgb(29,38,125); background: linear-gradient(0deg, rgba(29,38,125,1) 33%, rgba(139,24,116,1) 98%);} */
   .footer-map iframe { width: 100%; height: 200px; display: block;}
   .footer-main .header-right li a { min-height: auto;}
   .footer-main .header-right li a .icon { width: 41px; height: 41px;}
   .footer-main .header-right li.header-call .icon i { font-size: 22px;}
   .footer-main .primary-btn { font-size: 14px; padding: 11px 20px !important;}

   .stats-list li h3, .stats-list li p{text-align: center;}
   .fun-filled-text h2{text-align: center;}
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */ 
@media (max-width: 575px) {
   
}


/* ==========================================================================
   *Extra small devices (portrait phones, less than 480px)*
   ========================================================================== */ 
   @media (max-width:480px) { 
      .header-right li {
         margin: 0 0 0 5px;
       }
       .header-contact li a .icon {
         position: static;
         padding: 10px;
         width: 37px;
         height: 37px;
       }
     
     .enquire-btn {
       display: inline-block;
       background: #fff;
       color: var(--primary-color) !important;
       font-size: 14px;
       font-weight: 600;
       padding: 10px 7px !important;
       line-height: 22px;
       transition: all ease-out 0.3s;
       position: relative;
       overflow: hidden;
       border-radius: 10px;
       border: 1px solid #fff !important;
     }
      
   }