
@media (min-width: 2732px){
    .service-card {
          height: 650px;
      }
    }

@media (min-width: 2049px) and (max-width: 2731px) {
    .service-card {
      height: 544px;
    }
    .our-team-card {
        height: 480px;
    }
  }

@media (min-width: 1821px) and (max-width: 2048px) {
    .service-card {
        height: 510px; 
      }
      .our-team-card {
        height: 465px;
      }
    }

@media (min-width: 1707px) and (max-width: 1820px) {
    .service-card {
            height: 480px;
        } 
        .our-team-card {
            height: 405px;
        }
    }


 @media (min-width: 1517px) and (max-width: 1706px) {
       .service-card {
        height: 456px;
    }
      .stellarnav > ul > li > a {
            padding: 0 26px;
            font-size: 17px;
        } 
    }   

/* @media (min-width: 1300px) and (max-width: 1600px) { */
@media(max-width: 1530px) { 
    .exploreOurService {
    padding: 0 0 70px 0;
}

.aboutuspage-text h2 {
    font-size: 38px;
}

.aboutuspage-text p {
    font-size: 22px;
    line-height: 36px;
}

.about-mission, .about-vision {
    padding: 40px 35px;
}
.aboutuspage-vision-mission-section {
    padding: 65px 0 70px;
}

.aboutuspage-section p, .aboutuspage-extra-content p {
    font-size: 22px;
    line-height: 40px;
}

.vision-section p {
  font-size: 18px;
    line-height: 25px;
}

.aboutrightimg {
    height: auto;
}

.stellarnav > ul > li > a {
    font-size: 16px;
    padding: 0 12px;
} 

.hero-content h1 {
    font-size: 53px;
    max-width: 731px;
}
.hero-btn a {
    padding: 18px 30px;
    font-size: 19px;
    line-height: 16px;
}
.hero-section .hero-content {
    margin-left: auto;  
    margin-right: auto; 
}
.hero-btn {
    margin-top: 53px;
    text-align: center; 
}
.about-chiropractic h3 {
    font-size: 38px;
}
.about-chiropractic p {
    font-size: 18px;
    line-height: 25px;
}
.readMore, .makeAppointent {
    padding: 14px 35px;
    font-size: 19px;
    line-height: 16px;
}
.exploreOurService h3 {
    line-height: 44px;
    padding-bottom: 4px;
    font-size: 38px;
}
.serviceCardContent h4 {
    font-family: 'Nunito';
    font-weight: 600;
    font-size: 25.41px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #333333;
}

ul.footer-copyright li {
    font-size: 14px;
    line-height: 14px;
}
.right-section-login .login{
    /*padding: 8px 10px;*/
    font-size: 14px;
    line-height: 30px;
  } 

.right-section-login .signup {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 30px;
 }
 .right-section-login .language {
    padding: 3px 8px;
    font-size: 14px;
    line-height: 30px; 
 } 
 .right-section-login {
    gap: 14px;
  }

    .stellarnav > ul > li > a {
        padding: 0 19px;
        font-size: 16px;
    } 
  .right-section-login .login, .right-section-login .signup {
    /*padding: 8px 10px;*/
    font-size: 16px;
    line-height: 32px;
  } 
  .our-team-card {
    height: 360px;
    margin-bottom: 20px;
  }
  .ourTeamCardImage img {
    margin-top: -144px;
 }
 .ourTeamCardContent {
    margin-top: -180px;
    height: 180px;
  }
  .our-team-section {
    padding: 55px 0 0;
  }
  .our-team-section .content {
    margin: 0px 0 150px;
  }
  .certificate-page-sec p {
    font-size: 22px;
    line-height: 40px;
 }
  .certificate-page-verify-certificate {
    padding: 45px 0 250px;
 }
 .our-course-section .content p {
    font-size: 22px;
    line-height: 40px; 
 }
 .training-for-companies p {
    font-size: 20px;
    line-height: 40px; 
 }
 .training-for-companies, .verify-certificate, .about-academy {
    padding: 120px 0;
 }
.form-container .form-control.send-query {
    font-size: 20px;
    padding: 20px;
    margin: 30px 0 !important;
 }
 .stellarnav li.has-sub > a:after {
    right: -14px;
 } 
} 

@media(max-width: 1370px) {

    .our-team-card {
        height: 350px;
        margin-bottom: 20px;
    } 
    .ourTeamCardContent {
        margin-top: -117px;
        height: 125px;
      }
      .ourTeamCardImage img {
        margin-top: -133px;
      }
      .ourTeamCardContent h4 {
        font-size: 30px;
        line-height: 80%;
        margin-bottom: 15px;
        padding-top: 20px;
    } 
    .team-rating .rating img {
        width: 21px;
    } 
    .ourTeamCardContent p {
        font-size: 25px;
        line-height: 90%;
    } 
    .our-team-section {
    padding: 55px 0 0;
   }
   .our-team-section .content {
        margin: 0 0 120px;
    } 
    .service-card {
        height: 445px;
    } 
    .training-for-companies {
        padding: 90px 0;
    } 
    .verify-certificate {
    padding: 100px 0;
   }
   .about-academy {
        padding: 90px 0;
    } 
   .verify-form .form-control {
        padding: 35px 12px 35px 46px;
    } 
    .our-course-section .content p {
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 46px;
    }
    .service-card {
        margin-bottom: 26px;
    }
    .our-course-section {
        padding: 46px 0;
    }
    .certificate-page-sec p {
        font-size: 20px;
        line-height: 36px;
   }
   .certificate-page-verify-certificate .content p {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 46px;
    } 
    .aboutuspage-section p, .aboutuspage-extra-content p {
        font-size: 20px;
        line-height: 36px;
    }
    .aboutrightimg {
        height: 560px;
    } 
    .aboutuspage-vision-mission-section {
        padding: 60px 0;
    }
    .about-mission, .about-vision {
        gap: 25px;
        padding: 29px 30px;
        border-radius: 30px;
    } 
    .contact-page-section {
        padding: 50px 0 60px;
    }  
    .form-container .form-control.send-query {
        font-size: 20px;
        padding: 18px;
        margin: 30px 0 !important;
    } 
    .contact-page-map {
        padding: 0 0 90px;
    }
    .contact-page-information-text p {
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 15px;
    } 
    .contact-page-information-text h3 {
        font-size: 42px;
        line-height: 90%;
        margin: 50px 0 15px;
    } 
    .contact-page-form h3 {
        font-size: 32px;
        line-height: 20px;
        margin-bottom: 20px;
    } 
    .form-container .form-control {
        padding: 35px 10px 18px;
    } 
    .our-team-section .content p {
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 10px;
    } 
} 

@media(max-width: 1250px) { 
    
    .aboutrightimg {
      height: 400px;
    } 
    .stellarnav > ul > li > a {
        font-size: 15px;
        padding: 0 7px;
    } 

    .right-section-login {
        gap: 9px;
    } 
    .right-section-login .login, .right-section-login .signup {
        padding: 5px 10px;
        font-size: 13px;
    }
      select.gt_selector.notranslate {
        padding: 8px 10px; 
        font-size: 13px;
        line-height: 33px;
    } 
    .course-tag {
        gap: 2px;
        font-size: 10px;
        line-height: 160%;
    }

    .serviceCardContent h4 {
        font-size: 24px;
        min-height: 46px;
    } 
    .service-card {
        height: 415px;
    } 
    .serviceCardContent {
        padding: 16px 0;
    } 
    .serviceCardContent p {
        font-size: 15px;
        line-height: 23px;
     }
     .training-for-companies {
        padding: 70px 0;
    } 
    .verify-certificate {
        padding: 70px 0;
    }
    .about-academy {
        padding: 70px 0;
    }
   .exploreOurService h3, .training-for-companies h3, .verify-certificate h3, .about-academy h3 {
        line-height: 36px;
        font-size: 30px;
    } 
    .exploreOurService p.sub-heading, .training-for-companies p, .verify-certificate .content p, .about-academy p  {
        font-size: 18px;
        line-height: 30px;
        padding-bottom: 15px; 
    }
    .verify-form .form-control {
        padding: 35px 12px 35px 46px;
    } 
    .quick-link ul li a, .quick-return ul li a {
        font-size: 16px;
        line-height: 35px;
    }
    footer p {
        font-size: 16px;
        line-height: 35px;
    }
    .quick-access ul li a {
        font-size: 16px;
        line-height: 32px;
    } 
    footer h4 {
        font-size: 20px;
        line-height: 30px;  
    }
    footer {
    padding-top: 60px;
    }
    .footer-bottom {
        padding: 22px 0;
        border-top: 1px solid #ffffff3d;
        margin-top: 70px;
    } 
    .social-icons li a {
        height: 40px;
        width: 40px;
        font-size: 16px;
        margin-top: 24px;
    } 
    .hero-content h1 {
        font-size: 50px;
    }
    .hero-content p {
        font-size: 24px;
        line-height: 30px; 
    }
    .hero-btn a {
        padding: 14px 24px;
        font-size: 17px;
        line-height: 16px;
    }
    .button-class {
        padding: 8px 14px;
        font-size: 15px;
        line-height: 80%;
    }
    .certificate-page-sec p {
        font-size: 18px;
        line-height: 30px;
    } 
    .certificate-page-verify-certificate .content p {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 40px;
    }
    .certificate-page-verify-certificate {
        padding: 40px 0 200px;
    } 
    .aboutuspage-section p, .aboutuspage-extra-content p {
        font-size: 18px;
        line-height: 30px;
    } 
    .about-mission h3, .about-vision h3 {
        font-size: 26px;
    }
    .aboutuspage-section p, .aboutuspage-extra-content p { 
        font-size: 16px;
        line-height: 27px;
    } 
    .about-mission img, .about-vision img {
        width: 80px;
        height: 80px;
    } 
    .about-mission, .about-vision {
        gap: 25px;
        padding: 29px 30px;
        border-radius: 30px; 
    }
    .aboutuspage-vision-mission-section {
        padding: 50px 0;
    } 
    .contact-page-information-text h3 {
        font-size: 40px;
        line-height: 90%; 
        margin: 50px 0 15px;
    }
    .contact-page-information-text p {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 12px;
    } 
    .contact-page-section {
        padding: 45px 0 60px;
    } 
    .contact-page-map {
        padding: 0 0 80px;
    }
    .contact-number h5 a, .email-address h5 a {
        font-size: 20px;
        line-height: 40px; 
    }
    .contact-page-form h3 {
        font-size: 30px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .form-container .form-control {
        padding: 30px 10px 15px;
    }    
   .form-container .form-control.send-query {
        font-size: 20px;
        padding: 16px;
        margin: 22px 0 !important;
    } 
    .contact-number, .email-address {
        gap: 23px;
        padding: 10px 30px;
        margin-bottom: 28px;
    }
    .our-team-section .content p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 10px; 
    }

    .our-course-section .content p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 46px;
    }
    .our-course-section {
        padding: 40px 0;
        position: relative;
    } 
    .our-team-section .content {
        margin: 0 0 130px;
    } 
    .our-team-card {
        height: 280px;
        margin-bottom: 16px; 
    } 
    .our-team-section {
        padding: 55px 0 0;
    }
    .ourTeamCardContent h4 {
        font-size: 30px;
        line-height: 80%;
        margin-bottom: 15px;
        padding-top: 20px;
    }
    .team-rating .rating img {
        width: 21px;
    }
    .ourTeamCardContent p {
        font-size: 25px;
        line-height: 90%;
    }
    .ourTeamCardContent {
        margin-top: -117px;
        height: 125px;
    }

}


/* desktop 1200px to 1600px */
@media(max-width: 1199px) {
    .quick-access ul li a {
    font-size: 14px;
}
  .custom-container {
    padding: 0 40px;
}
.logo a img {
    height: 35px;
    width: 149px;
}
.stellarnav > ul > li > a {
    font-size: 17px;
    padding: 10px 10px;
}
.hero-content h1 {
    font-size: 46px;
    max-width: 731px;
}
  .hero-section .hero-content {
    left: 29%;
}
.about-chiropractic {
    padding: 50px 0;
}
.footer-bottom {
    margin-top: 36px;
}
}

@media (min-width: 992px) {
    .our-team-section .col-lg-3 {
        margin: 100px 0;
    }    
}


@media (max-width: 1199px) and (min-width: 992px) {

    
}
@media (max-width: 991px) and (min-width: 768px) {
.service-card {
    position: relative;
    height: 380px;
    display: block;
    margin-bottom: 25px;
}
}
 @media(max-width: 991px) {
 .stellarnav.mobile {
    text-align: right;
}
.stellarnav.mobile.right > ul {
    right: 0;
    z-index: 999;
}
.stellarnav.mobile > ul > li > a {
    text-align: left;
    padding: 12px 16px;
}

.hero-section .hero-content {
    left: 207px;
}
.hero-content h1 {
    font-size: 33px;
    max-width: 789px;
}
.hero-btn a {
    padding: 10px 35px;
    font-size: 16px;
    line-height: 12px;
}
.about-chiropractic h3,.exploreOurService h3 {
    font-size: 29px;
    line-height: 37px;
}
.readMore, .makeAppointent {
    padding: 10px 19px;
    font-size: 15px;
    line-height: 16px;
}
.exploreOurService {
    padding: 50px 0;
}
footer {
    padding-top: 50px;
}
.social-icons li a {
    height: 40px;
    width: 40px;
}
 }


 @media(max-width: 767px) {
   
    div#main-nav {
        text-align: right;
    }
    .hero-inner > img {
    height: 200px;
}
.hero-content h1 {
    font-size: 29px;
    max-width: 100%;
    width: 95%;
    text-align: center;
    margin: 0 auto;
}
   .hero-section .hero-content {
    left: 50%;
    width: 100%;
    text-align: center;
}
.hero-btn {
    margin-top: 23px;
}
.hero-btn a {
    padding: 8px 18px;
    font-size: 14px;
    line-height: 12px;
}
.service-card {
    height: auto;
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
.serviceCardContent {
    max-width: 100%;
}
.serviceCardContent p {
    -webkit-line-clamp: 3;
}
.serviceCardImage img {
    height: 264px;
}
.viewMore {
    margin-top: 30px;
}
.about-chiropractic h3, .exploreOurService h3 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 10px;
}
.exploreOurService {
    padding: 40px 0;
}
.custom-container {
    padding: 0 20px;
}
footer {
    padding-top: 40px;
}
.social-icons li a {
    height: 29px;
    width: 29px;
    margin-top: 0;
    font-size: 15px;
}
.footer-logo img {
    width: 180px;
    margin-bottom: 17px;
}
.quick-link {
    padding: 20px 0;
}
.quick-link ul li a, .quick-return ul li a {
    font-size: 14px;
    line-height: 20px;
}
footer h4 {
    font-size: 20px;
    line-height: 26px;
}
.footer-bottom {
    margin-top: 20px;
}
.footer-copyright {
    flex-wrap: wrap;
    gap: 14px;
}
ul.footer-copyright li {
    font-size: 13px;
    line-height: 19px;
}
.about-chiropractic {
    padding: 40px 0;
}

.right-section-login {
    gap: 9px;
}
.right-section-login .login, .right-section-login .signup {
    padding: 0px 1px;
    font-size: 10px;
    border-radius: 8px;
} 
select.gt_selector.notranslate {
    padding: 7px 1px;
    font-size: 10px;
    line-height: 30px;
    border-radius: 8px;
}
.our-team-card {
    height: 385px;
    margin-bottom: 40px;
}
.ourTeamCardImage {
    margin: 95px 0 2px;
    padding: 50px;
    background: #eaddc3b8;
    border-radius: 30px;
}
 .ourTeamCardImage img {
    margin-top: -154px;
 }
 .contact-page-section {
    padding: 1px 0 30px;
 }

 .contact-page-information-text h3 {
    font-size: 36px;
    margin: 30px 0 15px;
  }
  .contact-number, .email-address {
    gap: 20px;
    padding: 10px 5px;
    margin-bottom: 20px;
 }
 .contact-page-form h3 {
    font-size: 21px;
    line-height: 31px;
    margin-bottom: 9px;
  }
  .contact-page-form {
    padding: 48px 10px;
    border-radius: 10px;
  }
  .contact-page-map {
    padding: 0 0 40px;
  }
  .aboutuspage-vision-mission-section {
    padding: 40px 0;
 }
 .about-mission, .about-vision {
    display: block;
  }

  .about-mission h3, .about-vision h3 {
    font-size: 26px;
    margin-top: 20px;
  }
  .aboutuspage-vision-mission-section .custom-container {
    padding: 0 10px;
  }
  .aboutuspage-vision-mission-section .p-0 {
    padding: 20px !important;
  }
  .about-mission, .about-vision {
    padding: 20px 30px;
  }
  .logo a img {
    height: auto;
    width: 149px;
  }
  .about-mission img, .about-vision img {
    width: 70px;
    height: 70px;
  }
  .verify-form {
    display: block;
    justify-content: center;
    align-items: center;
 }
 .verify-form .form-control {
    width: 100%;
    padding: 15px 12px;
 }
.verify-form form {
    border-radius: 15px;
    width: 340px;
    max-width: 350px;
} 
 .verify-form input[type="submit"] {
    padding: 0px 0px;
    margin: 7px;
    width: 110px;
    font-size: 20px; 
    right: 56px;
 }
 .certificate-page-verify-certificate {
    padding: 40px 0 100px;
  }
  .verify-form input[type="text"]::placeholder {
    font-size: 18px;
    line-height: 30px;
 } 
 .certificate-page-verify-certificate .content p {
    font-size: 22px;
    line-height: 30px;
 }
 .serviceCardContent h4 {
    font-size: 22px;
    min-height: 26px;
  }
  .button-class {
    padding: 12px 14px;
    font-size: 15px;
    line-height: 70%;
  }
  .our-service-container {
    padding: 40px 20px;
    margin-top: -74px;
  }
  .training-for-companies .custom-container {
    padding: 0 20px;
  }
  .verify-certificate .custom-container {
    padding: 0 20px;
 }
 .about-academy .custom-container {
    padding: 0 20px;
 }
.exploreOurService p.sub-heading, .training-for-companies p, .verify-certificate .content p, .about-academy p {
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 0px;
    margin-bottom: 10px;
} 
 .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 300px !important;
 }
 .hero-content p {
    font-size: 20px;
    line-height: 50px;
 }

 }
 @media(max-width: 576px) {
   .readMore, .makeAppointent {
    padding: 10px 8px;
    font-size: 13px;
    line-height: 10px;
}
.checkButtons {
    gap: 14px;
    padding: 10px 0 20px 0;
}

.inner-banner-text h1 {
    font-size: 30px;
    line-height: 30px;
}
.inner-banner-section {
    height: 150px;
}

.aboutuspage-section {
   padding: 35px 0px;
}

.aboutuspage-section p {
    font-size: 16px;
}
.aboutuspage-text h2 {
    font-size: 25px;
    line-height: 28px;
}

section.vision-section {
    padding: 20px 0;
}

.vision-section p {
    font-size: 16px;
}

.contact_right .form-group textarea {
height: 98px;
}

}


@media (min-width: 1200px) and (max-width: 1399px) {
 
        .stellarnav > ul > li > a {
        padding: 0 16px;
        font-size: 15px;
    }
    
.right-section-login .login, .right-section-login .signup {
        font-size: 15px;
        line-height: 19px;
    }
}




				
					
