/* Max width 767px */
@media only screen and (max-width: 767px) {
  body {
    font-size: 15px;
  }
  p {
    font-size: 15px;
  }
  .ptb-150 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pt-150 {
    padding-top: 50px;
  }
  .pb-125 {
    padding-bottom: 25px;
  }
  .default-btn {
    padding: 12.5px 25px;
    font-size: 15px;
  }
  .section-title {
    margin-bottom: 30px;
  }
  .section-title h2 {
    font-size: 25px;
  }
  .top-header-area {
    padding-bottom: 20px;
  }
  .top-header-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 540px;
  }
  .top-header-left {
    display: block;
    margin-bottom: 15px;
  }
  .top-header-left li {
    font-size: 14px;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .top-header-left li:last-child {
    margin-bottom: 0;
  }
  .top-header-info {
    display: block;
  }
  .top-header-info li {
    font-size: 14px;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .top-header-info li:last-child {
    margin-bottom: 0;
  }
  .navbar .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 540px;
  }
  .navbar .navbar-inner {
    padding: 10px 20px;
  }
  .navbar.sticky {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .main-header-area {
    padding-top: 20px;
  }
  .services-item {
    padding: 25px;
  }
  .services-item .service-image {
    padding-right: 0;
  }
  .services-item .service-content {
    margin-top: 25px;
  }
  .services-item .service-content h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .services-item .service-content p {
    margin-bottom: 20px;
  }
  .doctors-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 540px;
  }
  .doctors-card .doctor-content .list li a {
    padding: 5px 10px;
    font-size: 12px;
  }
  .real-results-card .real-content {
    padding: 25px;
  }
  .real-results-card .real-content .list li {
    display: block;
  }
  .real-results-card .real-content .list li span {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .footer-area {
    border-radius: 0;
    padding-top: 50px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  .single-footer-widget.pe-5 {
    padding-right: 0 !important;
  }
  .single-footer-widget.ps-5 {
    padding-left: 0 !important;
  }
  .single-footer-widget .info-list li {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .copyright-area {
    margin-top: 25px;
  }
  .copyright-area p {
    font-size: 14px;
  }
  .dental-treatment-banner-area {
    padding-top: 135px;
    padding-bottom: 50px;
  }
  .dental-treatment-banner-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 540px;
  }
  .dental-treatment-banner-area::before {
    background: #000000;
    opacity: 0.3;
  }
  .dental-treatment-review-slider {
    position: relative;
    bottom: 0;
    right: 0;
    max-width: 525px;
    margin-top: 35px;
  }
  .dental-treatment-review-slider .content {
    padding: 20px;
  }
  .dental-treatment-review-slider .content p {
    font-size: 14px;
  }
  .dental-treatment-ratings {
    display: none;
  }
  .overview-content {
    padding: 25px;
    margin-top: 30px;
  }
  .overview-content h2 {
    font-size: 25px;
    margin-bottom: 35px;
  }
  .overview-content .inner {
    padding-left: 0;
  }
  .overview-content .inner .icon {
    position: relative;
    margin-bottom: 25px;
  }
  .overview-content .list {
    display: block;
  }
  .overview-content .list li {
    font-size: 14px;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .overview-content .list li:last-child {
    margin-bottom: 0;
  }
  .services-wrap-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 540px;
  }
  .services-wrap-card {
    padding: 25px;
  }
  .services-wrap-card .icon {
    margin-bottom: 20px;
  }
  .services-wrap-card h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  .services-wrap-card p {
    font-size: 15px;
    padding-bottom: 20px;
    margin-bottom: 25px;
  }
  .services-wrap-card .list {
    margin-bottom: 15px;
  }
  .services-wrap-card .list li {
    margin-bottom: 15px;
  }
  .services-wrap-card .services-btn {
    margin-top: 10px;
  }
  .doctors-circle-card {
    margin-top: 30px;
  }
  .page-banner-area {
    border-radius: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 300px;
    padding-bottom: 50px;
  }
  .page-banner-area::before {
    border-radius: 0;
  }
  .page-banner-content h2 {
    font-size: 35px;
    margin-bottom: 15px;
  }
  .page-banner-content h2::before {
    height: 40px;
  }
  .page-banner-content .list {
    display: block;
  }
  .page-banner-content .list li {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .page-banner-content .list li::before {
    display: none;
  }
  .page-banner-content .list li:last-child {
    margin-bottom: 0;
  }
  .appointment-wrap-box {
    padding: 25px;
  }
  .appointment-wrap-box .box {
    margin-top: 25px;
  }
  .cta-inner-area {
    padding: 50px 25px;
    margin-bottom: 50px;
  }
  .cta-content h3 {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .cta-info {
    justify-content: start;
    margin-top: 20px;
  }
  .cta-info span {
    font-size: 14px;
  }
  .testimonials-pagination {
    position: relative;
    text-align: start;
    margin-top: 30px;
  }
  .dentist-profile-sidebar {
    margin-bottom: 30px;
  }
  .dentist-profile-sidebar .profile-info {
    padding: 25px;
  }
  .dentist-profile-desc {
    padding: 25px;
  }
  .dentist-profile-desc h2 {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .dentist-profile-desc h3 {
    font-size: 18px;
  }
  .new-patients-content h2 {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .new-patients-item .item {
    display: block;
    padding: 25px;
  }
  .new-patients-item .item h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .contact-info-card {
    padding: 25px;
  }
  .contact-info-card .icon {
    margin: 0 auto 20px;
  }
  .contact-info-card h3 {
    margin-bottom: 12px;
  }
  .services-details-sidebar {
    margin-bottom: 30px;
  }
  .services-details-sidebar .services-box {
    padding: 25px;
  }
  .services-details-sidebar .working-info {
    padding: 25px;
  }
  .services-details-desc .block-image .icon {
    right: 10px;
    bottom: 10px;
  }
  .services-details-desc .desc-inner {
    padding: 25px;
  }
  .services-details-desc .desc-inner h2 {
    font-size: 25px;
  }
  .services-details-desc .desc-inner h3 {
    margin-top: 30px;
    margin-bottom: 15px;
  }
  .services-details-desc .desc-inner .list li {
    margin-left: 0;
    font-size: 15px;
  }
  .services-details-desc .desc-inner .list li:nth-child(2) {
    margin-left: 0;
  }
  .services-details-desc .desc-inner .list li:nth-child(3) {
    margin-left: 0;
  }
}
/* Min width 576px to Max width 767px */
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page-banner-content .list {
    display: flex;
  }
  .page-banner-content .list li {
    margin-right: 35px;
    margin-bottom: 0;
  }
  .page-banner-content .list li::before {
    display: block;
  }
}
/* Min width 768px to Max width 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ptb-150 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pt-150 {
    padding-top: 70px;
  }
  .pb-125 {
    padding-bottom: 45px;
  }
  .top-header-area {
    padding-bottom: 20px;
  }
  .top-header-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 720px;
  }
  .top-header-left {
    justify-content: center;
    margin-bottom: 15px;
  }
  .top-header-info {
    justify-content: center;
  }
  .navbar .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 720px;
  }
  .navbar .navbar-inner {
    padding: 10px 20px;
  }
  .navbar.sticky {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar.sticky .others-option {
    right: 85px;
  }
  .navbar .collapse:not(.show) {
    display: block;
  }
  .navbar ul {
    display: none;
  }
  .navbar .others-option {
    position: absolute;
    right: 75px;
    top: 50%;
    transform: translateY(-50%);
  }
  .navbar .others-option .option-item {
    margin-right: 15px;
  }
  .navbar .others-option .option-item .default-btn {
    padding: 10.5px 20px;
    font-size: 15px;
  }
  .main-header-area {
    padding-top: 20px;
  }
  .responsive-navbar .offcanvas-body .others-option {
    display: none !important;
  }
  .doctors-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 720px;
  }
  .doctors-card .doctor-content .list li a {
    padding: 5px 10px;
  }
  .footer-area {
    border-radius: 0;
    padding-top: 170px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  .single-footer-widget.pe-5 {
    padding-right: 0 !important;
  }
  .single-footer-widget.ps-5 {
    padding-left: 0 !important;
  }
  .single-footer-widget .info-list li {
    font-size: 17px;
    margin-bottom: 15px;
  }
  .copyright-area {
    margin-top: 45px;
  }
  .navbar-style-three-area .others-option {
    right: 85px;
  }
  .dental-treatment-banner-area {
    padding-top: 180px;
    padding-bottom: 50px;
  }
  .dental-treatment-banner-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 720px;
  }
  .dental-treatment-banner-area::before {
    background: #000000;
    opacity: 0.3;
  }
  .dental-treatment-review-slider {
    position: relative;
    bottom: 0;
    right: 0;
    max-width: 525px;
    margin-top: 45px;
  }
  .dental-treatment-ratings {
    display: none;
  }
  .overview-content {
    padding: 30px;
    margin-top: 30px;
  }
  .services-wrap-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 720px;
  }
  .services-wrap-card {
    padding: 30px;
  }
  .services-wrap-card .icon {
    margin-bottom: 20px;
  }
  .services-wrap-card h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  .services-wrap-card p {
    font-size: 15px;
    padding-bottom: 20px;
    margin-bottom: 25px;
  }
  .services-wrap-card .list {
    margin-bottom: 15px;
  }
  .services-wrap-card .list li {
    margin-bottom: 15px;
  }
  .services-wrap-card .services-btn {
    margin-top: 10px;
  }
  .doctors-circle-card {
    margin-top: 30px;
  }
  .page-banner-area {
    border-radius: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 250px;
    padding-bottom: 70px;
  }
  .page-banner-area::before {
    border-radius: 0;
  }
  .appointment-wrap-box {
    padding: 45px;
  }
  .cta-inner-area {
    padding: 70px;
  }
  .cta-info {
    justify-content: start;
    margin-top: 25px;
  }
  .dentist-profile-sidebar {
    margin-bottom: 30px;
  }
  .new-patients-item .item {
    display: block;
  }
  .new-patients-item .item h2 {
    margin-bottom: 25px;
  }
  .services-details-sidebar {
    margin-bottom: 30px;
  }
}
/* Min width 992px to Max width 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ptb-150 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pt-150 {
    padding-top: 100px;
  }
  .pb-125 {
    padding-bottom: 75px;
  }
  .top-header-area {
    padding-bottom: 20px;
  }
  .top-header-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 960px;
  }
  .top-header-left {
    justify-content: center;
    margin-bottom: 15px;
  }
  .top-header-info {
    justify-content: center;
  }
  .navbar .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 960px;
  }
  .navbar .navbar-inner {
    padding: 10px 20px;
  }
  .navbar.sticky {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar.sticky .others-option {
    right: 95px;
  }
  .navbar .collapse:not(.show) {
    display: block;
  }
  .navbar ul {
    display: none;
  }
  .navbar .others-option {
    position: absolute;
    right: 75px;
    top: 50%;
    transform: translateY(-50%);
  }
  .navbar .others-option .option-item {
    margin-right: 15px;
  }
  .navbar .others-option .option-item .default-btn {
    padding: 10.5px 20px;
    font-size: 15px;
  }
  .main-header-area {
    padding-top: 20px;
  }
  .responsive-navbar .offcanvas-body .others-option {
    display: none !important;
  }
  .doctors-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 960px;
  }
  .footer-area {
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  .single-footer-widget.pe-5 {
    padding-right: 0 !important;
  }
  .single-footer-widget.ps-5 {
    padding-left: 0 !important;
  }
  .single-footer-widget .info-list li {
    font-size: 17px;
    margin-bottom: 15px;
  }
  .navbar-style-three-area .others-option {
    right: 95px;
  }
  .dental-treatment-banner-area {
    padding-top: 200px;
    padding-bottom: 100px;
  }
  .dental-treatment-banner-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 960px;
  }
  .dental-treatment-banner-area::before {
    background: #000000;
    opacity: 0.2;
  }
  .dental-treatment-review-slider {
    position: relative;
    bottom: 0;
    right: 0;
    max-width: 525px;
    margin-top: 45px;
  }
  .dental-treatment-ratings {
    top: 18%;
    right: 2%;
    transform: translateY(-18%) translateX(-2%);
  }
  .overview-content {
    margin-top: 30px;
  }
  .services-wrap-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 960px;
  }
  .services-wrap-card {
    padding: 30px;
  }
  .page-banner-area {
    border-radius: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 265px;
    padding-bottom: 100px;
  }
  .page-banner-area::before {
    border-radius: 0;
  }
  .cta-inner-area {
    padding: 70px;
  }
  .cta-info span {
    font-size: 15px;
  }
  .dentist-profile-sidebar .doctors-card .doctor-content .list li a {
    padding: 5px 8px;
    font-size: 14px;
  }
  .dentist-profile-sidebar .profile-info {
    padding: 20px;
  }
  .dentist-profile-desc {
    padding: 35px;
  }
  .new-patients-item .item {
    padding: 35px;
  }
  .services-details-sidebar {
    margin-bottom: 30px;
  }
}
/* Min width 1200px to Max width 1399px */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ptb-150 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pt-150 {
    padding-top: 100px;
  }
  .pb-125 {
    padding-bottom: 75px;
  }
  .top-header-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 1140px;
  }
  .top-header-left li {
    margin-right: 20px;
    font-size: 14px;
  }
  .top-header-info li {
    font-size: 14px;
    margin-right: 15px;
  }
  .navbar .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 1140px;
  }
  .navbar .navbar-inner {
    padding: 0 20px;
  }
  .navbar .navbar-nav .nav-item {
    margin-left: 10px;
    margin-right: 10px;
  }
  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 14px;
  }
  .navbar .others-option .option-item {
    margin-right: 10px;
  }
  .main-header-area {
    padding-top: 25px;
  }
  .doctors-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 1140px;
  }
  .real-results-card .real-content {
    padding: 25px;
  }
  .footer-area {
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  .single-footer-widget.pe-5 {
    padding-right: 0 !important;
  }
  .single-footer-widget.ps-5 {
    padding-left: 0 !important;
  }
  .single-footer-widget .info-list li {
    font-size: 17px;
    margin-bottom: 15px;
  }
  .dental-treatment-banner-area {
    padding-bottom: 395px;
  }
  .dental-treatment-banner-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 1140px;
  }
  .dental-treatment-review-slider {
    right: 50px;
  }
  .dental-treatment-ratings {
    top: 20%;
    right: 2%;
    transform: translateY(-20%) translateX(-2%);
  }
  .overview-content {
    padding: 45px 30px;
  }
  .overview-content .list li {
    margin-right: 10px;
  }
  .services-wrap-area .container-fluid {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    max-width: 1140px;
  }
  .page-banner-area {
    border-radius: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .page-banner-area::before {
    border-radius: 0;
  }
  .contact-info-card {
    padding: 20px;
  }
}
/* Min width 1400px to Max width 1500px */
/* Min width 1600px */
@media only screen and (min-width: 1600px) {
  .top-header-area .container-fluid {
    padding-left: 100px;
    padding-right: 100px;
    max-width: 1920px;
  }
  .navbar .container-fluid {
    padding-left: 100px;
    padding-right: 100px;
    max-width: 1920px;
  }
  .navbar-style-three-area .container-fluid {
    padding-left: 100px;
    padding-right: 100px;
    max-width: 1920px;
  }
  .doctors-area .container-fluid {
    padding-left: 100px;
    padding-right: 100px;
    max-width: 1920px;
  }
  .dental-treatment-banner-area .container-fluid {
    padding-left: 100px;
    padding-right: 100px;
    max-width: 1920px;
  }
  .dental-treatment-ratings {
    top: 28%;
    right: 11%;
    transform: translateY(-28%) translateX(-11%);
  }
  .services-wrap-area .container-fluid {
    padding-left: 100px;
    padding-right: 100px;
    max-width: 1920px;
  }
  .services-wrap-card {
    padding: 45px 40px;
  }
  .services-wrap-card p {
    font-size: 17px;
  }
  .services-wrap-card .list li {
    font-size: 15px;
  }
  .services-wrap-card .list li img {
    margin-right: 12px;
  }
}

/* =============================================
   Mobile fix: page banner too tall on inner pages
   ============================================= */
@media only screen and (max-width: 767px) {
  /* Collapse top header to save vertical space */
  .top-header-area {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .top-header-left {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 6px;
  }
  .top-header-left li {
    font-size: 12px;
    margin-bottom: 0;
  }
  .top-header-info {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .top-header-info li {
    font-size: 12px;
    margin-bottom: 0;
  }

  /* Reduce page banner padding so content appears on screen */
  .page-banner-area {
    padding-top: 25px;
    padding-bottom: 25px;
    margin-top: 0;
  }
  .page-banner-content h2,
  .page-banner-content .h2 {
    font-size: 28px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 480px) {
  .page-banner-area {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .page-banner-content h2,
  .page-banner-content .h2 {
    font-size: 24px;
  }
  /* Keep top header single-line compact */
  .top-header-area {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}