@media (max-width: 575.98px) {

    .line-height-56px *,
    .line-height-70px *,
    .line-height-60px * {
        line-height: 1.2 !important;
    }

    .service-detail-photo {
        max-height: 250px;
    }

    .smile-section,
    .contact-section,
    .booking-section,
    .price-list-section,
    .faq-section,
    .process-section,
    .service-detail-content-section,
    .services-list-section,
    .blog-section,
    .services-section,
    .why-us-section,
    .location-section,
    .goal-section,
    .gallery-section,
    .features-section,
    .video-section,
    .team-section {
        padding: 32px 0 !important;
    }


    .feature-card {
        max-width: 100%;
    }

    .about-hero-section {
        min-height: 300px;
    }

    .hero-stat-icon img {
        width: 25px;
        height: 25px;
        object-fit: contain;
    }

    .hero-stat-divider {
        margin: 0 10px;
    }

    .hero-stat-icon {
        width: 35px;
        height: 35px;
    }

    .blog-card-img-wrap {
        /*max-height: 200px;*/
        width: 100%;
    }

    .blog-card-img-wrap img {
        /*max-height: 200px;*/
    }


    .location-photo-wrap,
    .goal-photo-wrap {
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }

    .location-section,
    .goal-section {
        padding-top: 128px !important;
        padding: 64px 0;
    }

    .hero-section {
        min-height: 550px;
    }

    .about-hero-title h1 {
        font-size: 28px !important;
        line-height: 43px !important;
    }
}

/* Extra small devices (phones, less than 576px) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .service-detail-photo {
        max-height: 300px;
    }

    .about-hero-section {
        min-height: 300px;
    }

    .blog-card-img-wrap {
        max-height: 250px;
        width: 100%;
    }

    .location-photo-wrap,
    .goal-photo-wrap {
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
    }

    .location-section,
    .goal-section {
        padding-top: 128px !important;
        padding: 64px 0;
    }

    .hero-section {
        min-height: 550px;
    }

    .about-hero-title h1 {
        font-size: 34px !important;
        line-height: 49px !important;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .service-detail-photo {
        max-height: 400px;
    }

    .about-hero-section {
        min-height: 350px;
    }

    .location-photo-wrap,
    .goal-photo-wrap {
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
    }

    .location-section,
    .goal-section {
        padding-top: 128px !important;
        padding: 64px 0;
    }

    .hero-section {
        min-height: 700px;
    }

    .about-hero-title h1 {
        font-size: 40px !important;
        line-height: 55px !important;
    }
}

/* Large devices (desktops, less than 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {

    .location-section,
    .goal-section {
        padding-top: 128px !important;
        padding: 64px 0;
    }

    .hero-section {
        min-height: 700px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .navbar-links a {
        font-size: 16px !important;
    }

    .navbar-links {
        gap: 15px;
    }
}

@media (max-width: 991.98px) {
    #homeHeroCarousel .hero-bg-img {
        visibility: hidden;
    }

    .hero-section {
        min-height: unset !important;
        padding-top: 3em;
        padding-bottom: 3em;
    }
}