@media only screen and (max-width: 1440px) {
    #message {
        background-size: cover;
    }
    .not-on-face {
        top: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .btn-round {
        width: auto;
        font-size: small;
        /*height: auto;*/
    }

    .program-effect {
        margin-top: 25px !important;
    }

    .pl-3-img {
        position: relative;
        top: 8em;
        left: 5em;
    }
}

@media only screen and (max-width: 1024px) {
    #privateHero {
        background-position: initial;
    }

    .p-no-face {
        top: 0;
    }
}

@media only screen and (max-width: 991px) {

    #messageBox {
        position: inherit;
    }

    .hero-text > h1 {
        width: auto;
    }

    .cta-life-text {
        width: auto;
        font-size: 22px;
    }

    .l-border:before {
        display: none;
    }

    .logos {
        width: 20%;
    }

    .card.text-white.border-0.border-rad-0:first-of-type {
        margin-bottom: 10%;
    }

    .download-cta {
        margin-top: 10%;
    }

    .we-do-text {
        font-size: 15px;
    }

    .program-title {
        font-size: 25px;
    }

    .text-question {
        margin: 4% auto;
    }

    #hourglass {
        margin-top: 5%;
    }

    .pl-img > img {
        left: 0;
        top: 0;
        margin: 0 auto;
        display: flex;
        width: 8rem;
    }

    .pl-3-img {
        position: relative;
        top: 2em;
        margin: 0 auto;
        display: flex;
        left: 0;
    }

    .pl-4-content > img {
        margin: 0 auto;
        display: flex;
        position: initial;
        top: 0;
        left: 0
    }
}

@media only screen and (max-width: 946px) {
    .pl-sec-feature::after {
        top: -106px;
    }
}

@media only screen and (max-width: 809px) {
    .nav-custom-btns {
        margin-top: 5%;
        margin-right: auto !important;
        margin-left: auto;
    }

    .navbar-brand {
        /*width: 100%;*/
    }

    .navbar-brand > img {
        margin: 0 auto;
        display: block !important;
        /*width: 30%;*/
    }
}

@media only screen and (max-width: 768px) {
    .navbar-nav .active > .nav-link::after {
        width: 60px !important;
    }

    .hero-input {
        margin-bottom: 1.5rem !important;
    }

    .hero-text > p {
        width: auto;
    }
    .h-not-on-face{
        top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .mt-input {
        margin-top: 1.5rem !important;
    }

    .sec-feature::before, .sec-feature::after {
        display: none;
    }
}

@media only screen and (max-width: 575px) {

    ul.nav.justify-start {
        justify-content: start !important;
    }
}

@media only screen and (max-width: 506px) {
    .navbar-brand > img {
        margin-left: 0 !important;
    }

    .logos {
        margin-bottom: 5%
    }

    a.navbar-brand {
        width: 80%;
    }

    body .program-effect {
        font-size: 13px !important;
        width: auto;
        margin-top: 0 !important;
        height: auto;
        padding: 3px 20px;
    }

}

@media only screen and (max-width: 425px) {
    .section-title-b {
        margin-top: 20px;
    }

    .btn-appointment {
        width: auto;
        height: auto;
        font-size: small;
        padding: 1em;
    }

    .section-para-b {
        margin-bottom: 0;
        font-size: inherit;
    }

    .accordion-text, .faq-header > h2 > span {
        font-size: 14px;
    }

    a.navbar-brand {
        width: 50%;
    }

    .program-title {
        font-size: 25px;
    }

    .mb-300 {
        margin-bottom: 18%;
    }

    .adult-cta > h1 {
        font-size: 20px;
    }

    .adult-cta > p {
        font-size: 13px;
    }

    .hero-text {
        margin-top: 15%;
    }

    .center-hero-btn {
        position: initial;
    }

    .center-hero {
        position: initial;
    }

    .center-hero > h1 {
        /*font-size: 1.2rem;*/
        font-size: 2.2rem;
        margin-top: 15%;
    }
}

@media only screen and (max-width: 375px) {
    .hero-text > h1 {
        font-size: 25px;
    }

    /*.btn-appointment{*/
    /*width: auto !important;*/
    /*font-size: 14px !important;*/
    /*padding: 5% !important;*/
    /*}*/
    #nav-appoint-wrap {
        width: 60%;
    }
}

@media only screen and (max-width: 320px) {
    .btn {
        /*width: auto !important;*/
        /*font-size: 14px !important;*/
        /*padding: 5% !important;*/
    }
}