@media (min-width: 1401px) {
   .container { max-width: 1200px;}
}

/* ==========================================================================
    (Medium Desktop, 1400px and up)*
    ========================================================================== */
@media (max-width: 1400px) {
   
}
 
 
/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
   
   .banner-left { padding: 0;}
   .dr-words-block h3 { font-size: 32px;}

}
@media (min-width: 1200px) and (max-width: 1300px) { 
   .regen-banner {
      background-position: 0 0 !important;
    }
}

@media (min-width: 1366px) and (max-width: 1600px) { 
   .regen-banner {
      background-position: 160px 0 !important;
    }
 }

 @media (min-width: 1301px) and (max-width: 1365px) { 
   .regen-banner {
      background-position: 160px 0 !important;
    }
 }


 @media (min-width: 992px) and (max-width: 1099px) {
   .regen-banner {
     background-position: -100px 0 !important;
   }
 }
 
 
/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
 @media (max-width: 991px) {
   h1 { font-size: 42px !important; line-height: 1.1 !important;}
   h2 { font-size: 36px !important; line-height: 1.1 !important;}
   h3 { font-size: 26px !important; line-height: 1.1 !important;}
   p { font-size: 16px;}
   ul li { font-size: 16px;}
   section { padding: 50px 0;}

   .header .container { justify-content: center;}
   .header-phone { font-size: 20px;}
   .google-review { padding: 10px 30px;}
   .google-review p { font-size: 12px;}
   .banner-left h1 { margin-bottom: 15px;}
   .banner-left p { margin-bottom: 15px;}
   .banner-right { margin: 0;}
   .banner-left { text-align: center;}
   .american-board { max-width: 100%; padding: 0; min-height: auto; display: block;}
   .american-board .icon { position: static; display: block; margin: auto; margin-bottom: 8px;}
   .featured-logos-block h2 { text-align: center; margin-bottom: 15px;}
   .testimonial-main { padding: 50px;}
   .take-quiz-block { min-height: 360px;}
   .video-element { width: 90px; height: 90px;}

   .primary-btn { padding: 20px 40px; font-size: 16px;}
   .take-quiz-main h2 span { padding-bottom: 15px;}
   .take-quiz-main h2 { margin-bottom: 15px;}
   .wellness-block h2 { margin-bottom: 15px;}
   .wellness-block ul { margin-bottom: 20px;}
   .wellness-block ul li { min-height: auto; display: block; padding: 10px 0; font-size: 16px;}
   .regenerative-cont { padding: 25px;}
   .regenerative-wellness-block { min-height: 745px;}
   .dr-words-cont { padding-left: 20px;}
   .dr-words-block h4 { font-size: 18px;}
   .dr-words-block h4 span { padding-top: 10px; font-size: 14px;}
   .dr-words-block h3 { margin-bottom: 15px;}
   .our-doctor-block h2 { margin-bottom: 15px;}
   .doctor-carousel .owl-nav { position: static; justify-content: center; margin-top: 15px;}

   .footer-left { padding: 0;}
   .footer-logo { position: static;}
   .footer-mid ul li a,
   .footer-left p,
   .footer-right p { font-size: 14px;}
   .footer-mid ul li a .icon,
   .footer-social li a { width: 48px; height: 48px; border: 1px solid #ffffff29;}
   .footer-right h3 { font-size: 24px !important;}
   .footer-right p { margin-bottom: 15px;}

   .book-appointment-block h2 { margin-bottom: 15px;}

   .regen-banner{background-image: none !important;}
   .banner-left{margin: 0px;}


   .header.fixed .logo, .header.fixed .header-phone {display: none;}
.header {
  padding: 8px 0;}

  .american-board{text-align: center; margin: 0px auto;}
  .american-board img{margin: 0px auto; text-align: center; }

 }
 


 

 
/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
   h1 { font-size: 36px !important;}
   h2 { font-size: 28px !important;}
   h3 { font-size: 22px !important;}
   p{font-size: 15px;}

   .banner-left p { font-size: 16px;}
   .header-phone { font-size: 18px;}
   .header-right { justify-content: center;}
   .google-review { margin: 0 0 10px 0;}
   .take-quiz-main h2 span { font-size: 18px;}
   .testimonial-main { padding: 45px 25px;}
   .testi-item p { font-size: 16px;}
   .regenerative-wellness-block { min-height: auto;}
   .resp-vtabs .resp-tabs-container { margin: 0; width: 100%;}
   .regenerative-wellness-block h2 { margin-bottom: 10px;}
   .regenerative-wellness-block h2.resp-accordion { font-size: 18px !important; font-weight: 600; letter-spacing: 1px; border: 1px solid #887B72 !important; background: var(--bg-color) !important;}
   .regenerative-wellness-block h2.resp-tab-active { border: 1px solid #887B72 !important; background: #887B72 !important; color: var(--bg-color) !important;}
   .video-element { position: relative; top: inherit; right: inherit; bottom: inherit; left: inherit; display: flex; justify-content: center; align-items: center; padding: 15px; background: #887B72; border-radius: 15px; width: 100%; height: 250px; margin-top: 20px; background: url(../img/take-quiz-bg.webp) no-repeat right top; background-size: cover;}
   .video-element img { width: 80px; height: 80px; position: relative; z-index: 2;}
   .video-element::before { content: ''; width: 100%; height: 100%; display: block; background: #56473c78; position: absolute; left: 0; top: 0;}
   .take-quiz-main { text-align: center;}
   .primary-btn { box-shadow: 0 0 25px 0 #0000001c;}
   .primary-btn:hover { box-shadow: 0 0 25px 0 #0000003f;}
   .dr-words-cont { padding: 15px 0 0 0; text-align: center;}
   .dr-words-block h3 { font-size: 22px !important;}
   .our-doctor-block h2 { text-align: center;}
   .our-doctor-info { text-align: center;}
   .footer-left,
   .footer-social { justify-content: center; margin-bottom: 20px;}
   .footer-mid ul li { margin-bottom: 15px;}
   .footer-right { text-align: center;}
   .dr-words-block h4 span { font-size: 12px;}
   .our-doctor-info { padding: 25px;}
   .our-doctor-info h4 { font-size: 16px; padding-top: 15px;}

   .doctor-carousel .owl-nav button { width: 80px;}
   .footer-logo { width: 80px;}
   .footer-top { padding-top: 35px;}
   .footer-mid { display: block;}
   .footer-mid ul li { display: block; border: 1px solid #ffffff29; padding: 15px; border-radius: 10px; box-shadow: 0 0 15px 0 #00000021;}
   
   .american-board {font-size: 13px;}

   .table-style span {
      right: -13px;
    }
    .table-style span img{width: 20px;}
    .table-style p {
      font-size: 14px;
      padding: 0 15px;
    }
    .table-style td {
      padding: 25px 0;
      width: 50%;
      position: relative;
      vertical-align: top;
    }

    .regen-banner {background: none !important;}
    .video-blcok {
      height: auto;
      margin-bottom: -6px;
    }
    .wellness-block2 h2.resp-accordion{ color: var(--brown) !important; font-size: 19px !important;}
    .wellness-block2 .resp-tab-active{border: none !important;}
    .wellness-block2 .resp-vtabs .resp-tab-content{border: none; margin: 10px 0;}
    .wellness-block2 .resp-vtabs .resp-tab-content:last-child{border: none !important;}
    .take-quiz-block2{background: none !important;}
    ul.listing-style-2 li{padding-left: 15px !important;}
    .listing-style-lp2 li{text-align: left !important;}

    .regenerative-cont h3 {
      font-size: 30px !important;
      margin-bottom: 25px;
    }
    .banner-left{  margin:0;}
    .banner{min-height: auto;}

    .dr-rozina{text-align: center;}
    .dr-rozina img{margin-top: 20px;}
    .take-quiz-block2 p{text-align: left !important;}
    .take-quiz-block2 h2{font-weight: 700;text-align: left !important;}
    .wellness-block2 h2.resp-accordion{font-family: "Montserrat", sans-serif !important; font-size: 14px !important; text-align: left; }

    .dr-rozina img{width: 130px;}
    ul.listing-style li, .regenerative-cont p{font-size: 15px;}



    .banner{background-image: none !important; padding: 18px 0;}
    .mobile-banner{margin-bottom: 15px;}
    .header-phone {margin-top: 10px;}
    .american-board .icon{height: auto;}

    .awards-logo {
      display: flex;
      justify-content: center;
    }

    .american-board{text-align: center; margin: 0px auto;}
    .american-board img{margin: 0px auto; text-align: center; width: 250px;}
}

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



/* ==========================================================================
   *Extra small devices (portrait phones, less than 480px)*
   ========================================================================== */ 
@media (max-width:480px) { 
   .google-review p { flex-direction: column;}
   .header-right,
   .header .container { flex-direction: column;}
   .header-right { width: 100%;}
   .google-review { width: 100%; border-radius: 10px; padding: 15px;}
   .google-review p img { display: block; padding: 7px 0;}
   .stem-cells.one { width: 90px;}
   .stem-cells.two { width: 60px;}
   .logo { width: 150px;}
}