@media screen and (min-width: 992px) {
    .mobile-menu-wrapper, .mobile-menu-modal-wrapper.active, .mobile-menu-modal-wrapper {
        display: none;
    }
    .site-header ul#menu-main-menu {
        display: flex;
    }
}

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

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    } 
}

@media screen and (max-width: 1366px) {
    .container, header#site-header {
        max-width: 85.6%;
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 1115px) {
    .col:not(.w-image) {
        padding-right: 15px;
    }
    section.section-about .col:not(.w-image) {
        padding: 0;
        padding-left: 40px;
    }
    .problems-wrapper .problems-row .problems-col {
        flex: 0 45%;
        max-width: 100%;
    }
    .section-contact .row .col {
        padding: 0;
        width: 100%;
        max-width: 100%;
        flex: 0 100%;
    }
    section.section.section-book .row .col .content-wrapper {
        padding-left: 22px;
        padding-right: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .section-treatment .row .img-wrapper img {
        max-width: 740px;
    }
}
@media screen and (max-width: 991px) {
    .pb-120 {
        padding-bottom: 80px !important;
    }
    .pt-120 {
        padding-top: 80px !important;
    }
    h1.title {
        font-size: 40px;
        line-height: 55px;
    }
    .lead-text {
        margin-top: 20px;
    }
    h3.title, .inquiry-modal .inquiry-wrapper h3, h3.heading {
        font-size: 30px;
        line-height: 40px;
    }
    .section-banner .heading {
        font-size: 24px;
        line-height: 30px;
    }
}
@media screen and (max-width: 830px) {
    section.section.section-book .row {
        flex-direction: column;
        gap: 60px;
    }
    section.section.section-book .row .col:first-child {
        padding: 0;
        max-width: 100%;
        width: 100%;
    }
    section.section.section-book .row .col:last-child {
        max-width: 100%;
        width: 100%;
        padding: 0;
        padding-bottom: 60px;
    }
}
@media screen and (max-width: 768px) {
    .container, header#site-header, section.section.section-book.cta-footer .content-wrapper {
        max-width: 90%;
    }
    .sub-pages .banner-bg {
        top: -80px;
        height: 100%;
        min-height: unset;
    }
    section.section-contact {
        padding-bottom: 243px !important;
        padding-top: 60px !important;
    }
    section.section-contact .row .col:last-child {
        max-width: 100%;
        padding: 0;
    }
    .section-contact .row {
        align-items: stretch;
    }
    section.section-contact .row .col:last-child {
        max-width: 100%;
    }
    section.section-contact .contact-bg {
        max-width: 360px;
        background-size: contain;
    }
}
@media screen and (max-width: 620px) {
    .container, header#site-header, section.section.section-book.cta-footer .content-wrapper {
        max-width: 100%;
        padding-left: 22px;
        padding-right: 22px;
    }
    .pb-120 {
        padding-bottom: 60px !important;
    }
    .pt-120 {
        padding-top: 60px !important;
    }
    .row {
        flex-direction: column;
        gap: 40px;
    }
    .col {
        max-width: 100%;
    }
    section.section-about .col:not(.w-image) {
        padding: 0;
        padding-left: 0;
    }
    .section-treatment {
        min-height: unset;
        height: 100%;
    }
    .section-treatment .row {
        flex-direction: column-reverse;
        gap: 0;
    }
    section.section.section-book .row .col .content-wrapper,
    .inquiry-modal .inquiry-wrapper {
        padding-left: 22px;
        padding-right: 22px;
    }
    .section-treatment .row .col:first-child {
        max-width: 100%;
    }
    .section-treatment .row .col:last-child {
        max-width: 100%;
        max-height: 275px;
    }
    .section-treatment .row .img-wrapper img {
        height: 25rem;
    }
    .section-treatment .background {
        height: 170%;
    }
    .problems-wrapper .problems-row {
        flex-direction: column;
    }
    .location-row {
        flex-wrap: wrap;
        gap: 30px;
    }
    .location-row .location-col {
        flex: 0 100%;
        min-width: 100%;
    }
    .sub-pages .banner-bg {
        background-image: url(/wp-content/themes/hello-theme-child-master/assets/images/mobile-curve-bg.svg);
        width: 100%;
        height: 100%;
        top: -80px;
        background-size: contain;
        background-position: unset;
    }
    section.section-contact {
        min-height: unset;
        width: 100%;
    }
    .section-contact .container {
        max-height: 100%;
    }
    section.section-contact {
        display: flex;
        flex-direction: column-reverse;
    }
    section.section-contact {
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 0 !important;
    }
    section.section-contact .contact-bg {
        max-width: 360px;
        background-size: contain;
        position: relative;
        bottom: 0;
        height: 260px;
    }
    .footer-wrapper {
        width: 100%;
        flex-direction: column;
    }
    footer#site-footer .footer-wrapper .menu-wrap {
        flex-direction: column;
        width: 100%;
        gap: 40px;
    }
    footer#site-footer .footer-menu-wrap {
        flex-direction: column;
        text-align: center;
        width: 100%;
        gap: 20px;
    }
    footer#site-footer .footer-wrapper .menu-wrap .site-navigation {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    footer#site-footer .site-navigation ul.menu {
        align-items: center;
    }
    footer#site-footer .footer-wrapper {
        padding-bottom: 40px;
    }
    footer#site-footer .footer-bottom {
        flex-direction: column;
        gap: 20px;
    }
    footer#site-footer {
        padding: 57px 0 58px;
    }
    .inquiry-modal .inquiry-wrapper h3 {
        font-size: 35px;
        line-height: 25px;
    }
    section.section.section-book .row .col .content-wrapper {
        padding-bottom: 60px;
    }
}