@media (max-width: 75em) {

    .review-container {
        grid-template-columns: 1fr 1fr;
    }

    .stretch-review {
        grid-column: 1/3;
    }

}

@media (max-width: 50em) {

    .review-container {
        grid-template-columns: 1fr;
    }

    .stretch-review {
        grid-column: 1/2;
    }


    .accordion {
        font-size: 2.4rem;
    }

}


@media (max-width: 106.25em) {

    .service-grid-header {
        padding: 1.2rem;
        font-size: 2.4rem;
    }

}

@media (max-width: 81.25em) {

    html {
        font-size: 58%;
    }


    .our-services-container {
        flex-direction: column;
        align-items: center;
    }

    .our-services-item {
        width: 50rem;
    }

    .parallax1,
    .parallax2,
    .parallax3 {
        height: 40rem;
        background-position: center;
    }

    .parallax4 {
        height: 40rem;
        background-position: right;
    }

    .pricing-container {
        flex-direction: column;
        align-items: center;
    }

    .pricing-item {
        width: 50rem;
    }

    .quad-container {
        grid-template-columns: 1fr 1fr;
    }

    .about-container {
        grid-template-columns: 1fr;
    }

    .about-img {
        width: 50%;
    }

}

@media (max-width: 65.25em) {

    .service-grid-container {
        grid-template-columns: 1fr 1fr;
    }

    .service-grid-header {
        padding: 1.2rem;
        font-size: 3.6rem;
    }

    .lymph-container {
        grid-template-columns: 1fr;
    }

    .page-z-container {
        grid-template-columns: 1fr;
    }

    .hopi-container {
        grid-template-columns: 1fr;
    }

    .hopi-img {
        grid-row: 1/2;
    }

    .hero-nav-list {
        display: none;
    }

    .menu-btn, .open-nav {
        display: block;
    }

}

@media (max-width: 56.25em) {

    /* .hero-nav-list {
        display: none;
    }

    .menu-btn {
        display: block;
    } */

    .other-container {
        grid-template-columns: 1fr;
    }

    .parallax1 {
        background-position: right;
    }

    .quad-container {
        grid-template-columns: 1fr;
    }

    .footer-container {
        grid-template-columns: 1fr;
        row-gap: 3rem;
    }

    .cta-title {
        font-size: 2.8rem;
    }

    .social-icons {
        width: 7rem;
    }

    .ihm-para {
        height: 35rem;
    }

    .reflex-para {
        height: 35rem;
        background-position: center;
    }

    .hopi-para {
        height: 35rem;
        background-position: 50%;
    }
}

@media (max-width: 43.75em) {

    .service-grid-header {
        padding: 1.2rem;
        font-size: 2.4rem;
    }

}

@media (max-width: 37.5em) {

    .hero-membership {
        width: 8rem;
    }

    .menu-btn,
    .exit-btn {
        width: 6rem;
    }

    .our-services-img {
        width: 30rem;
    }

    .our-services-item {
        width: 30rem;
    }

    .strip-box {
        max-width: 95%;
    }

    .strip-container {
        padding: 3.2rem 1.2rem;
    }

    .strip-title {
        font-size: 3.2rem;
    }

    .lymph-img {
        width: 100%;
    }

    .page-z-img {
        width: 100%;
    }

    .parallax3 {
        background-position: center;
    }

    .pricing-item {
        width: 30rem;
    }

    .footer-img {
        width: 30rem;
    }

    .cta {
        padding: 4.8rem 1.2rem;
    }

    .cta-socials {
        gap: 3.2rem;
        padding: 1.2rem;
    }


    .cta-container {
        width: 95%;
    }

    .hopi-para {
        height: 35rem;
        background-position: 30%;
    }

    .page-title {
        padding: 4.8rem 0.6rem;
        font-size: 6rem;
        text-align: center;
    }

    .page-header,
    .faq-title {
        font-size: 3.6rem;
    }
    

}

@media (max-width: 31.25em) {

    .service-grid {
        padding: 0 2.4rem 4.8rem;
    }

    .service-grid-container {
        grid-template-columns: 1fr;
    }

    .service-grid-header {
        font-size: 3.6rem;
    }

}