.sticky.masthead {
    top: 0;
}

.sticky .site-logo {
    position: relative;
    display: block;
    top: 50%;
    overflow: hidden;
    width: 86px;
    height: 25px;
}

.sticky .s--zen12-logo {
    width: 100%;
    height: 25px;
    background: url('/img/logo-zen12-min.png') no-repeat center bottom;
}

.sticky.slide-up {
    /* top: -4rem; */
    height: 0;
    top: -10%;
    padding: 0 !important;
}

.sticky.slide-down {
    position: fixed;
    top: 0;
    z-index: 1000000;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .25);
}

.page .sticky.slide-down {
    background-color: #fff;
}

.slide-down .site-logo {
    -webkit-transition: none;
    transition: none;
}

.hint-wrap {
    display: none;
    position: absolute;
    text-align: center;
    margin: 0 auto 1rem;
    z-index: 1000;
    width: 100%;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.interaction-hint {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 9rem;
    margin-left: auto;
    margin-right: auto;
    border-radius: .555555rem;
    background-color: rgba(0, 0, 0, .75);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .5);
    border-radius: 10%;
    -webkit-transform: scale3d(1.25, 1.25, 1.25);
    transform: scale3d(1.25, 1.25, 1.25);
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.blurred {
    filter: blur(2px);
}

.plans-side-fades {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
}

    .plans-side-fades::before,
    .plans-side-fades::after {
        position: absolute;
        display: block;
        content: "";
        width: 20%;
        top: 17%;
        bottom: 15%;
        outline: 0px dashed #0cf;
        background: #f2f2f2;
        z-index: 1;
        opacity: 0;
        -webkit-transition: all 250ms ease-out;
        transition: all 250ms ease-out;
    }

    .plans-side-fades::before {
        left: -30%;
        background: -webkit-linear-gradient(left, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 40%, rgba(255, 255, 255, 0) 100%);
        background: -moz-linear-gradient(left, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 40%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, rgba(242, 242, 242, 1) 0%, rgba(245, 242, 242, 1) 40%, rgba(255, 255, 255, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#00ffffff', GradientType=1);
    }

.hide-left.plans-side-fades::before {
    left: -30%;
}

.plans-side-fades::after {
    right: -30%;
    background: -webkit-linear-gradient(right, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 40%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(right, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 40%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to left, rgba(242, 242, 242, 1) 0%, rgba(245, 242, 242, 1) 40%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#00ffffff', GradientType=1);
}

.overflown .plans-wrap {
    position: relative;
    width: 110%;
    left: -5%;
    cursor: grab;
}

    .overflown .plans-wrap:active {
        cursor: grabbing;
    }

.overflown .plan {
    position: relative;
}

.overflown .plans-side-fades::before,
.overflown .plans-side-fades::after {
    opacity: 1;
}

.overflown .plans-side-fades::before {
    left: -15%;
}

.overflown .plans-side-fades::after {
    right: -15%;
}

@media screen and (max-width: 66em) {
    html {
        font-size: 118.75%;
    }

    .benefits-section ul li {
        padding-left: 1.4em;
        background-position: 4px 4px;
    }

    .wrapper {
        max-width: 848px
    }

    .restless_wrap {
        right: 127px;
    }

    .hero .video-wrapper {
        height: 6.75rem;
    }

    .prcs-step {
        margin: 0;
        width: 24%;
        font-size: 0.842105rem;
    }

    .howto-section .prcs-step {
        width: 26%;
    }

    .divider-wrap {
        width: 11%;
        height: 24px;
    }

    .howto-section .divider-wrap {
        width: 10%;
    }

    .growth-info {
        font-size: .9em;
        max-width: 16rem;
    }

        .growth-info .line-block {
            display: inline;
        }

    .styles-section .bubbles {
        /* min-height: 650px; */
        min-height: 34rem;
    }

    .prcs-nm {
        font-size: 4rem;
    }

    .package-section .cmn-ddl,
    .package-section .support_ddl {
        display: none;
    }

    .guarantee-section .wrapper {
        background-position: right 10% bottom;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .guarantee-hd {
        font-size: 1.78947rem;
        margin-bottom: .75em;
    }

    .guarantee-info {
        font-size: 0.947368rem;
    }

    ul li.plan-feature {
        padding: .75em 2.5em 1.125em 3em;
    }

    .special-plan ul li.plan-feature {
        background: url(/img/tick_green_sm.png) no-repeat 1.5em 1em;
    }

    .plan.left ul li.plan-feature {
        background-position: 1em 1em;
    }

    .plan.right ul li.plan-feature {
        background-position: 2em 1em;
    }

    .seal.secure {
        text-align: center;
        width: 100%;
    }

    .seal.credit-cards {
        margin-top: 0.6842rem;
        background-position: 0 -5px;
    }

    .faq-section .q {
        font-size: 1.105rem;
    }

    .tv-video_wrap {
        background-position: center top 30%;
        -webkit-background-size: 130% auto;
        background-size: 130% auto;
    }

    .page-article .tv-video {
        max-width: 90%
    }

    .sidebar .testimonial .user-info {
        width: 67%;
    }

    .sidebar .blockquote .text {
        width: 100%;
    }

    .sidebar .blockquote .quotes {
        margin-bottom: .25rem
    }

    .content-wrapper {
        padding-top: 2rem;
        padding-bottom: 2.5rem;
    }

    .page .video-section {
        padding-top: 2rem
    }

    .page-upsell2 .video-section,
    .page-member .video-section {
        padding-top: 0
    }

    .page .main-hd {
        font-size: 2rem;
    }

    .page-upsell1 .main-hd {
        font-size: 1.75rem;
    }

    .article-hd {
        font-size: 2rem;
    }

    .article-subhd {
        font-size: 1.125rem;
    }

    .inline-quote {
        font-size: 1.158em;
    }

    .inline-quote--long {
        width: 48%
    }

    .main .license-content-hd {
        font-size: 1.75rem;
    }

    .content .audio-samples-links li {
        /* background: url(/img/tick_blue_sm.png) no-repeat 0 .4em; */
    }

    .page-getstarted .hero-txt {
        width: 61%;
    }

    .page-getstarted .header-hd {
        font-size: 1.68421052632rem;
    }

    .hero ul.tick-white li {
        background-size: auto 50%;
    }

    .paymodes_wrap .fieldset-hd {
        padding-top: .5rem;
        text-align: center;
    }

    .paymodes {
        padding-top: .5rem;
        display: block;
        margin-left: 0
    }

    label[for="termscheck"].error {
        max-width: 16rem;
        margin-left: auto;
        margin-right: auto;
    }

    .page-upsell1 .bttn_wrap {
        margin-top: 2em
    }

    .page-upsell1 .special-plan-bttn_ddl3 {
        right: -6.5rem;
    }

    .page-upsell2 .sub360-intro .inner-wrapper {
        padding-top: 2em;
        padding-bottom: 1em
    }

    .page-upsell2 .sub360-benefits {
        padding-right: 4%;
        padding-left: 4%;
        background-position: left 0 top 30%;
    }

    .page-upsell2 .benefits-list {
        font-size: 0.9473rem;
    }

    .page-upsell2 .hero-info {
        width: 69%;
    }

    .page-upsell2 .video_ddl {
        right: 17px;
    }
}

@media screen and (max-width: 66em) {
    .page-upsell1 a.bttn.larger {
        font-size: 1rem;
    }
}


@media screen and (max-width: 66em) and (min-width: 45.563em), (max-width: 37.5em) {
    .page-upsell1 a.bttn.larger {
        font-size: 0.894736rem;
    }
}

/*66em*/

@media screen and (max-width: 53em) {
    html {
        font-size: 112.5%;
    }

    .wrapper {
        max-width: 768px;
    }

    .footer .wrapper {
        padding-left: 3%;
        padding-right: 3%;
    }

    .restless_wrap {
        top: -16px;
    }

    .chatter_wrap {
        top: 44px;
    }

    .shortterm_wrap,
    .immediate_wrap {
        top: 0;
    }

    .masthead:not(.sticky) {
        height: 6.5rem;
        padding: .2rem 0 .15rem;
    }

    .nav {
        bottom: .8rem;
    }

    .page.narrow .nav {
        bottom: 0.1rem;
        right: 2%;
    }

    .s--zen12-logo,
    .site-logo {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

    .header-hd {
        font-size: 2.75rem;
    }

    .hero ul {
        padding-left: 0
    }

    .page-getstarted .hero-txt {
        width: 63%;
    }

    .page-getstarted .header-hd {
        margin-bottom: .25em;
    }

    .page-getstarted .hero-img {
        width: 37%;
    }

    .page-getstarted .header-hd {
        font-size: 1.66666666667rem;
    }

    .hero ul.tick-white li {
        background-size: auto 57%;
    }

    .home .video-section,
    .benefits-section,
    .science-section,
    .styles-section,
    .howto-section,
    .package-section,
    .plans-section,
    .faq-section {
        padding: 3rem 0 2.5rem;
    }

    .faqs {
        margin-bottom: 0;
    }

    .excuses-section,
    .growth-section {
        padding-top: 3rem;
    }

    .header-bg {
        height: 49rem;
        background-position: right 46% center;
    }

    .main-menu {
        font-size: 0.68421rem
    }

    .prcs-step {
        width: 25%;
    }

    .howto-section .prcs-step {
        font-size: .777777rem;
    }

    .benefits-section {
        -webkit-background-size: contain;
        background-size: contain;
    }

    .change-section .wrapper {
        background-position: right -10% bottom;
    }

    .immediate_ddl,
    .shortterm_ddl {
        display: none;
    }

    .benefits-section {
        min-height: 50rem;
    }

    .immediate_wrap {
        top: 50px;
    }

    .styles-section {
        background-position: center bottom 16rem;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
    }

        .styles-section .cmn-ddl {
            display: none;
        }

    .nature_wrap {
        right: 0;
        top: 0;
    }

    .relax_wrap {
        left: 0;
    }

    .guided_wrap {
        top: 10rem;
        left: 0;
    }

    .wnoise_wrap {
        top: 10rem;
        right: 0;
    }

    .styles-section .bubble_wrap {
        width: 35%;
    }

    .howto-section .prcs-step {
        width: 25%;
    }

    .package-section {
        background-position: center top 0rem;
        padding-bottom: 0
    }

        .package-section .bubbles {
            min-height: 600px;
        }

    .library_wrap {
        top: 0;
    }

    .manual_wrap {
        top: 27px;
    }

    .guide_wrap {
        top: 190px;
    }

    .bonus_wrap {
        top: 175px;
    }

    .support_wrap {
        top: 408px;
    }

    .guarantee-txt {
        width: 70%;
    }

    .about-hd {
        font-size: 1.75rem;
    }

    .audio-samples-hd {
        padding-left: 3.25rem;
    }

    .page-getstarted .hero {
        padding-top: 1.75rem;
        padding-bottom: 1rem;
    }

    .hero ul.tick-white li {
        background-size: auto .75rem;
    }

    .seal.trust-guard {
        max-width: 17rem;
        text-align: center;
    }

    .page-getstarted .bttn-submit_ddl {
        transform: scale(.75);
        transform-origin: 0 0
    }

    .page-getstarted .special-plan-bttn_ddl1 {
        transform-origin: 100% 0
    }

    .page-upsell2 .sub360-benefits {
        padding-bottom: 0;
        background-position: left 10% top 30%;
    }

    .page-upsell2 .hero-info {
        padding-top: .5rem;
        width: 71%;
    }

    .page-upsell2 .hero-img {
        margin-top: 0;
        width: 25%;
    }

    .page-upsell2 ul.tick-white li {
        background-size: .9rem;
    }

    .page-upsell2 .benefits-list li {
        margin-bottom: .75em;
    }

    .sub360-offer {
        background-position: left -300px top -140px
    }

        .sub360-offer .offer-txt {
            width: 57%;
        }
}


/*53rem*/

@media screen and (max-width: 48em) {
    html {
        font-size: 106.25%;
    }

    p,
    ul,
    ol,
    dl {
        margin-bottom: 1.5rem;
    }

    .main-menu {
        font-size: 0.646755rem
    }

    .site-logo {
        /* margin-top: -7px; */
        position: relative;
    }

    .play-icon {
        -webkit-transform: scale(.8) translate(-50%, -50%);
        transform: scale(.8) translate(-50%, -50%);
    }

    .videos-gallery .play-icon {
        -webkit-transform: scale(.75) translate(-50%, -50%);
        transform: scale(.75) translate(-50%, -50%);
    }

    .sidebar .videos-gallery .play-icon {
        -webkit-transform: scale(.8) translate(-50%, -50%);
        transform: scale(.8) translate(-50%, -50%);
    }

    .change-info {
        font-size: .941176rem;
    }

    .bubble {
        font-size: 0.8235294117rem;
    }

    .prcs-step {
        font-size: 0.82353rem;
        width: 24%
    }

    .howto-section .prcs-step {
        font-size: 0.82353rem;
    }

    .special-plan-bttn_ddl1,
    .special-plan-bttn_ddl2 {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }

    .special-plan-bttn_ddl1 {
        left: -5rem;
    }

    .special-plan-bttn_ddl2 {
        right: -4.5rem;
    }

    .plans-area {
        position: relative;
        display: block;
    }

    .package-section {
        padding-bottom: 4rem;
        background-position: left 54% top -9rem;
    }

        .package-section .bubbles {
            min-height: auto;
            margin-top: 24rem;
            width: 100%;
            text-align: center;
            max-width: 32rem;
            margin-left: auto;
            margin-right: auto;
            -ms-box-orient: horizontal;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -moz-flex;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
        }

    .package-info {
        max-width: 25rem;
    }

    .package-section .bubble_wrap {
        position: relative;
        -webkit-flex: 0 0 47%;
        flex: 0 0 47%;
        /* flex-grow, flex-shrink, flex-basis */
        margin: 1.5%;
        top: auto;
        left: auto;
        right: auto;
        text-align: center;
    }

        .package-section .bubble_wrap:nth-of-type(1) {
            order: 1;
        }

        .package-section .bubble_wrap:nth-of-type(2) {
            order: 4;
        }

        .package-section .bubble_wrap:nth-of-type(3) {
            order: 3;
        }

        .package-section .bubble_wrap:nth-of-type(4) {
            order: 2;
        }

        .package-section .bubble_wrap:nth-of-type(5) {
            order: 5;
        }

    .package-section .bubble {
        width: 100%;
        min-height: 100%;
        text-align: center;
    }

    .page-article .content li {
        background-position: .222222em .4em;
    }
}


/*48*/

@media screen and (max-width: 45.5em) {
    .wrapper {
        max-width: 580px;
    }

    .bubble {
        background-color: rgba(255, 255, 255, 0.95);
    }

    .home .hero {
        padding: .5rem 0 9.8rem;
    }

    .tv-video {
        max-width: 650px;
        width: 85%
    }

    .page .tv-video {
        margin-bottom: 1.5rem;
    }

    .header-hd {
        font-size: 2.5rem;
    }

    .section-hd {
        font-size: 1.76470588rem
    }

    .research-hd,
    .about-hd {
        font-size: 1.5rem;
    }

    .as-seen-on-hd {
        font-size: 1.2rem;
    }

    .growth-info {
        max-width: 100%
    }

    .growth-hd {
        margin-bottom: 1rem;
    }

    .growth-txt {
        padding-bottom: 11rem
    }

    .science-info,
    .growth-info {
        font-size: 1rem;
    }

    .section-subhd {
        font-size: 1.5rem
    }

        .section-subhd .header-bg {
            background-position: right 40% center;
        }

    .section-intro {
        line-height: 1.5;
    }

    .section-subhd {
        font-size: 1.25rem;
    }

    .but_ddl {
        top: -23px;
        -webkit-transform: scale(.6);
        transform: scale(.6);
    }

    .restless_wrap {
        right: 28px;
        top: 85px;
    }

    .chatter_wrap {
        top: 0;
        left: 89px;
    }

    .notime_wrap {
        left: 31px;
        top: 133px;
    }

    .nofocus_wrap {
        top: 210px;
    }

    .unaware_wrap {
        right: 37px;
        top: 340px;
    }

    .slow_wrap {
        left: 66px;
        top: 258px;
    }

    .excuses-section {
        background-position: center bottom;
        min-height: 72rem;
    }

    .change-section .wrapper {
        background-position: right -20% bottom;
    }

    .change-info {
        width: 50%;
    }

    .howto-section .prcs-step,
    .prcs-step {
        width: 100%;
        max-width: 10rem;
    }

    .coupon-box .prcs-step {
        max-width: none
    }

    .howto-section .divider-wrap,
    .divider-wrap {
        width: 18%
    }

    .howto-section .prcs-step {
        max-width: 11rem;
    }

    .divider2-wrap {
        display: block;
        margin: 4rem auto;
    }

    .divider2 {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .growth-hd.smaller {
        font-size: 1.7647rem;
    }

    .growth_ddl {
        position: absolute;
        display: block;
        bottom: 25%;
        left: 50%;
        width: 40%;
        margin-left: -20%;
    }

    .woman-noob,
    .woman-pro {
        width: 34%;
    }

    .styles-hd {
        font-size: 1.764705rem
    }

    .styles-section .bubble_wrap {
        width: 39%;
    }

    .relax_wrap {
        position: absolute;
        left: 0;
    }

    .nature_wrap {
        right: 0;
    }

    .styles-section {
        background-position: center bottom 12rem;
    }

    .styles-info .line-block {
        display: inline;
    }

    .guarantee--txt {
        width: 70%;
        margin-top: 1.5em;
    }

    .guarantee-hd {
        font-size: 1.5rem;
        margin-bottom: .5em;
    }

    .guarantee-info {
        font-size: 0.882352rem;
        line-height: 1.5;
    }

    .special-plan {
        left: 0;
    }

    .plan-hd {
        position: relative;
        padding: 0.5em 10%;
        min-height: 4rem;
    }

    .special-plan .plan-hd {
        padding-top: 1em;
        padding-bottom: 1em;
        height: auto;
    }

    .plan-title {
        font-size: 1.25rem;
    }

    .special-plan .plan-title {
        font-size: 1.5rem;
    }

    .plan.left ul li.plan-feature {
        padding-left: 2.5em;
        padding-right: 1.25em;
        background-position: .75em 13px;
    }

    .special-plan ul li.plan-feature {
        padding-left: 2.5em;
        padding-right: 1em;
        background: url(/img/tick_green_sm.png) no-repeat .7em 13px;
    }

    .plan.right ul li.plan-feature {
        padding-left: 3.5em;
        padding-right: 1em;
        background-position: 1.5em 13px;
    }

    .plan-price .old-price {
        font-size: 1em;
    }

    .special-plan .plan-price .old-price {
        font-size: 1.5em;
    }

    .plan-price .new-price {
        font-size: 2em;
    }

    .special-plan .plan-price .new-price {
        font-size: 3em;
    }

    .special-plan .plan-bttn {
        padding-top: .5em;
        padding-bottom: .5em;
        font-size: 1rem;
    }

    .special-plan-bttn_ddl1,
    .special-plan-bttn_ddl2 {
        top: .8rem;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }

    .faq {
        width: 44%;
        margin-left: 2%;
        margin-right: 2%;
        font-size: 0.824rem
    }

        .faq .q {
            font-size: 0.941rem;
            padding-bottom: .5em;
            border-bottom-width: 2px;
        }

    .footer-left {
        width: 78%;
    }

    .footer-right {
        width: 19%;
    }

    .videos-gallery li.video-wrapper {
        width: 29%;
        margin-left: 1%;
        margin-right: 2%
    }

    .content-wrapper {
        padding-top: 1rem;
    }

    .page-getstarted .content-wrapper,
    .page-article-only .content-wrapper {
        padding-top: 1.5rem
    }

    .page-getstarted .sidebar,
    .page-getstarted .main,
    .page-article .sidebar,
    .page-article .main {
        width: 100%;
    }

    .page-getstarted .sidebar,
    .page-article .sidebar {
        float: none;
        clear: both;
    }

    .trustpilot-wrap {
        padding-top: 1rem;
        margin-bottom: 1.5rem
    }

    .page-getstarted .sidebar {
        margin-top: 1rem;
    }

    .sidebar .videos-gallery {
        display: block;
        width: 100%
    }

    .sidebar .testimonials,
    .sidebar .videos-gallery {
        -ms-box-orient: horizontal;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .sidebar .testimonial,
    .sidebar .video-wrapper {
        -webkit-flex: 47% 0 0;
        flex: 47% 0 0;
        margin: 0 1.5% 1.5rem;
    }

    .page-getstarted .sidebar .testimonial,
    .page-getstarted .sidebar .video-wrapper {
        -webkit-flex: 47% 1 0;
        flex: 47% 1 0;
    }

    .page-getstarted .sidebar .video-wrapper {
        padding-bottom: 55%;
    }

    .page-getstarted .sidebar .videos-gallery .play-icon {
        -webkit-transform: scale(1.3) translate(-50%, -50%);
        transform: scale(1.3) translate(-50%, -50%);
    }

    .sidebar .testimonial {
        -ms-box-orient: horizontal;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .sidebar .triangle-border {
        /* flex: 1; */
        /*  make testimonials same height  */
        height: 100%;
        /*better than flex:1 works in IE too*/
    }

    .testimonial:not(.larger) .credit {
        margin-top: .5rem;
    }

    .page-article .sidebar .video-wrapper,
    .page-article .sidebar li.video-wrapper {
        padding-bottom: 26%;
    }

    .sidebar .guarantee_wrap {
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .special-plan-bttn_ddl3 {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }

    .page-upsell1 .bttn_wrap {
        margin-top: 1.25em;
    }

    .page-upsell1 .special-plan-bttn_ddl3 {
        display: none;
    }

    .article-hd {
        font-size: 2.5rem;
    }

    .article-subhd {
        font-size: 1.5rem;
    }

    .inline-quote {
        width: 36%;
        line-height: 1.35;
    }

    .inline-quote--long {
        width: 51%
    }

    .ny-hd {
        font-size: 1.6rem;
    }

    .page-license .img-certificate {
        position: relative;
        width: 25%;
        margin-right: 5%;
        left: auto;
        float: left;
    }

    .page-unlock .coupon-hd,
    .page-thank .coupon-hd {
        font-size: 1.75rem;
        max-width: 15em
    }

    .code:before {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        top: -0.75em;
        left: -28px;
    }

    .page-thank {
        font-size: 17px;
    }

    .page-getstarted .hero {
        padding-top: 1rem;
        padding-bottom: .5rem;
        background-size: 180% auto;
        background-position: 50% -190px;
    }

    .page-getstarted .header-hd {
        text-align: center;
    }

    .page-getstarted .hero-img {
        margin-top: 1rem;
        margin-bottom: .5rem;
    }

    .page-getstarted .hero ul {
        margin-bottom: 0;
    }

    .page-getstarted .hero-img,
    .page-getstarted .hero-info,
    .page-getstarted .hero-txt {
        float: none;
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .page-getstarted .header-hd {
        max-width: 30rem;
        font-size: 1.75rem;
    }

    .page-getstarted .hero-info,
    .page-getstarted .hero-img {
        max-width: 20rem;
    }

    .page-getstarted .hero-img {
        max-width: 18rem;
    }

    .page-getstarted .hero-info + ul,
    .page-getstarted .hero-info {
        max-width: 20rem;
        margin-left: auto;
        margin-right: auto;
    }

    .elmnt-group label {
        font-size: .8em;
    }

    .order-info input,
    .order-info button,
    .order-info .select-wrap,
    .order-info .StripeElement {
        height: 2.25rem;
    }

    .page-upsell .col-left,
    .page-upsell .col-right {
        width: 100%;
        float: none;
    }

    .page-upsell .product_pic {
        max-width: 15rem;
    }

    .page-upsell1 .main-hd {
        text-align: center;
        line-height: 1.25;
        margin-bottom: 1.5rem;
    }

    .page-upsell .col-right {
        margin-bottom: 0rem;
    }

    .col-right .guarantee_wrap {
        margin-top: 5rem;
        margin-bottom: 2rem;
        max-width: 13.5rem;
    }

    .page-upsell1 .bttn_wrap {
        text-align: center;
    }

    .page-upsell1 a.bttn.larger {
        padding: 0.75em 1em;
        width: auto;
    }


    .page-upsell2 .inner-wrapper {
        padding-top: .5em;
    }

    .page-upsell2 .content-top-inner-wrapper {
        padding-left: 3%;
        padding-right: 3%
    }

    .page-upsell2 .header-hd {
        font-size: 2rem;
    }

    .page-upsell2 .content-hd {
        margin-bottom: .5em;
    }

    .page-upsell2 .sub360-benefits {
        background-position: center top -13rem;
        background-size: 180%;
    }

    .sub360-benefits .benefits-hd {
        font-size: 2rem;
    }

    .page-upsell2 .hero-img {
        margin-top: 0;
        width: 100%;
        max-width: 10rem;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .page-upsell2 .hero-info {
        position: relative;
        display: block;
        float: none;
        width: 100%;
        max-width: 29rem;
        padding-top: 0;
        margin: -1rem auto 2rem;
        font-size: 1rem;
    }

    .page-upsell2 .video_ddl {
        display: none;
    }

    .sub360-offer .price-badge {
        width: 42%;
        right: -2.75rem;
    }

    .sub360-offer {
        padding-top: 5em;
        background-size: 50rem;
        background-position: center top -9rem;
    }

        .sub360-offer .offer-txt,
        .sub360-offer .offer-img {
            display: block;
            width: 100%;
        }

        .sub360-offer .offer-txt {
            padding-top: 0;
            margin-left: 0;
            text-align: center;
            margin-top: -1.5rem;
        }

        .sub360-offer .offer-img {
            margin-left: auto;
            margin-right: auto;
            margin-top: 0;
            max-width: 11rem;
            width: 100%;
        }

        .sub360-offer .bttn.learn-more {
            margin-left: auto;
            margin-right: auto;
        }

    .sub360-offer-hd {
        width: 16rem;
        margin-bottom: 0;
    }

    .sub360-offer .inner-wrapper {
        padding-top: 0
    }

    .skip-link-wrap {
        max-width: 19rem;
        margin-left: auto;
        margin-right: auto;
    }
}


/*45.5*/

@media screen and (max-width: 45.5em) and (min-width: 30.0625em) {
    .page-getstarted .testimonial:nth-of-type(1) {
        order: 1;
    }

    .page-getstarted .testimonial:nth-of-type(2) {
        order: 4;
    }

    .page-getstarted .testimonial:nth-of-type(3) {
        order: 3;
    }

    .page-getstarted .testimonial:nth-of-type(4) {
        order: 2;
    }

    .page-getstarted .testimonial:nth-of-type(5) {
        order: 5;
    }

    .page-about .testimonial:nth-of-type(1) {
        order: 1;
    }

    .page-about .testimonial:nth-of-type(2) {
        order: 6;
    }

    .page-about .testimonial:nth-of-type(3) {
        order: 4;
    }

    .page-about .testimonial:nth-of-type(4) {
        order: 3;
    }

    .page-about .testimonial:nth-of-type(5) {
        order: 5;
    }

    .page-about .testimonial:nth-of-type(6) {
        order: 2;
    }

    .page-about .testimonial:nth-of-type(7) {
        order: 7;
    }

    .page-research .testimonial:nth-of-type(1) {
        order: 1;
    }

    .page-research .testimonial:nth-of-type(2) {
        order: 4;
    }

    .page-research .testimonial:nth-of-type(3) {
        order: 3;
    }

    .page-research .testimonial:nth-of-type(4) {
        order: 6;
    }

    .page-research .testimonial:nth-of-type(5) {
        order: 5;
    }

    .page-research .testimonial:nth-of-type(6) {
        order: 2;
    }

    .page-research .testimonial:nth-of-type(7) {
        order: 8;
    }

    .page-research .testimonial:nth-of-type(8) {
        order: 7;
    }
}
/*45.5*/
@media screen and (max-width: 42em) {
    .page-member.page-unlock .s-m.video_ddl {
        display: none;
    }
}

@media screen and (max-width: 40em) {
    .video-subhd_ddl {
        display: none;
    }

    .plans-wrap {
        width: 105%;
        left: -2.5%;
    }

    .plans-side-fades::before {
        left: -10%;
    }

    .plans-side-fades::after {
        right: -10%;
    }

    .page-unlock .coupon-hd,
    .page-thank .coupon-hd {
        font-size: 1.5rem;
        max-width: 15em
    }

    .warning-box strong::before {
        left: .25rem;
    }
}

@media screen and (max-width: 38em) {
    .coupon-box .sub-hd {
        font-size: 1.25rem;
        max-width: 15em;
        line-height: 1.7;
    }

    .amount:before {
        position: absolute;
        display: block;
        height: 31px;
        width: 126px;
        top: .8em;
        left: -10px;
        content: "";
        background-position: -10px -10px;
    }
}

@media screen and (min-width: 37.5em) {
    .sticky .nav {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        bottom: auto;
    }
}

.at-top {
    box-shadow: none;
}

@media screen and (max-width: 37.4375em) {
    .lock-scroll {
        overflow: hidden !important;
        -ms-touch-action: none;
        touch-action: none;
    }

    .wrapper {
        max-width: 480px;
    }

    .header-bg {
        height: 36rem;
        background-position: right 40% top 20px;
    }

    .header-hd {
        font-size: 2rem;
    }

    .sub-head-hd {
        font-size: 1.125rem;
    }

    .benefits-section ul li {
        padding-left: 1.5em;
        background-position: 4px 3px;
    }

    .home .video-section,
    .benefits-section,
    .science-section,
    .styles-section,
    .howto-section,
    .package-section,
    .plans-section,
    .faq-section {
        padding: 2rem 0 1.5rem;
    }

    .faqs {
        margin-bottom: 0;
    }

    .howto-section .process {
        margin-bottom: 1rem;
    }

    .excuses-section,
    .growth-section {
        padding-top: 2rem;
    }
    /*   .section:not(.as-seen-on-section):not(.change-section):not(.growth-section):not(.guarantee-section):not(.package-section):not(.page-video-section):not(.signup-section) {
  padding: 2rem 0 1.5rem;   
} */
    .package-section {
        /*   padding-top: 3rem */
    }

        .package-section .bubbles {
            width: 120%;
            left: -10%;
            max-width: none;
            margin-bottom: 1rem;
        }

    .growth-section {
        padding-top: 2rem;
    }

    .masthead:not(.sticky) {
        height: auto;
    }

    .masthead {
        height: auto;
        padding: .5rem 0 .5rem !important;
    }

    .site-logo {
        position: relative;
        display: block;
        top: 50%;
        overflow: hidden;
        width: 86px;
        height: 25px;
    }

    .s--zen12-logo {
        width: 100%;
        height: 25px;
        background: url('/img/logo-zen12-min.png') no-repeat center bottom;
    }

    .nav-toggle,
    .main-menu .nav-icon .icon-lbl {
        display: block
    }

    .nav {
        float: none;
        position: absolute;
        right: 0;
        top: -.75rem;
        bottom: auto;
        z-index: 100000;
        width: 100%;
    }

        .nav .menu-icon {
            cursor: pointer;
            display: inline-block;
            float: right;
            line-height: 1;
            padding: 1.4rem .75rem;
            position: relative;
            user-select: none;
        }

        .nav .main-menu {
            clear: both;
            position: fixed;
            width: 100%;
            left: 120%;
            height: 100%;
            top: 0;
            bottom: 0;
            box-shadow: 0 4px 6px rgba(0, 0, 0, .25);
            -webkit-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
            background-color: hsla(196, 100%, 35%, .95);
            overflow: hidden;
            padding-top: 3rem;
        }

    .menu-btn:checked {
        overflow: hidden;
    }

    .nav .menu-btn:checked ~ .main-menu {
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
        overflow-y: auto;
    }

    @supports (-webkit-overflow-scrolling: touch) {
        /* CSS specific to iOS devices */
        /*because those won't lock the page scroll*/
        .nav .menu-btn:checked ~ .menu-icon {
            position: fixed;
            right: 9%;
        }
    }

    .nav li {
        width: 100%;
        display: block;
    }



    .menu-item,
    .page.narrow .menu-item {
        margin-left: 0;
    }

        .menu-item a,
        .menu-item.special a {
            font-size: 1.25rem;
            text-transform: none;
            padding: .5em 1.25em;
            border-radius: 0;
            /*    border-top: 1px solid hsla(196, 100%, 30%, .9);   */
        }

        .menu-item:first-child a {
            border-top: 0;
        }

        .menu-item.special a,
        .menu-item a {
            text-align: center;
            color: hsla(196, 100%, 95%, 1);
            background-color: transparent;
            /* background-color: hsla(196, 100%, 35%,.95);  */
        }

        .menu-item.special a {
            color: hsla(72, 94%, 52%, 1);
        }

        .menu-item a:hover,
        .menu-item a:focus,
        .nav li a:hover,
        .nav li a:focus {
            color: #001D27;
            background-color: #3ac0f1;
        }

        .menu-item.special a:hover,
        .menu-item.special a:focus,
        .nav li.special a:hover,
        .nav li.special a:focus {
            color: hsla(72, 51%, 5%, 1);
            background-color: #B2E135
        }

    .as-seen-on-section {
        padding-top: 1rem;
        padding-bottom: .5rem;
    }

    .as-seen-on-hd {
        font-size: 1rem;
    }

    .video-hd {
        max-width: 13em
    }

    .play-icon {
        -webkit-transform: scale(.9) translate(-50%, -50%);
        transform: scale(.9) translate(-50%, -50%);
    }

    .video-container .play-icon {
        -webkit-transform: scale(.6) translate(-50%, -50%);
        transform: scale(.6) translate(-50%, -50%);
    }

    .page-1col.narrow .play-icon.large {
        -webkit-transform: scale(.8) translate(-50%, -50%);
        transform: scale(.8) translate(-50%, -50%);
    }

    .section-info .line-block {
        display: inline
    }

    .immediate_wrap {
        top: 0px;
    }

    .immediate_ddl {
        display: none;
    }

    .benefits-section .bubble_wrap {
        position: relative;
        width: 100%;
        max-width: 16rem;
    }

    .restless_wrap {
        right: 0;
    }

    .chatter_wrap {
        left: 18px;
    }

    .notime_wrap {
        left: -11px;
    }

    .unaware_wrap {
        right: 69px;
    }

    .slow_wrap {
        left: -24px;
    }

    .immediate_wrap {
        margin-bottom: 1rem;
    }

    .benefits-section {
        min-height: 100%;
        background-position: left 20% bottom;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .bubbles {
        text-align: left;
    }

    .excuses-info .line-block {
        display: inline;
    }

    .bubble.oval:before,
    .bubble.oval:after {
        display: none;
    }

    .change-title {
        margin-top: -28px;
        margin-bottom: -40px;
        -webkit-transform: scale(.75);
        transform: scale(.75);
    }

    .change-section .wrapper {
        background-position: right -42% bottom -15%;
        background-size: 84%;
    }

    .change-info {
        margin-top: .5em;
        width: 100%;
        padding-bottom: 15rem
    }

    .change-hd {
        padding-top: .85em;
    }

    .section-hd.change-hd {
        max-width: 21rem;
    }

    .excuses-info {
        max-width: 22em;
    }

    .woman-noob,
    .woman-pro {
        width: 39%;
        padding-bottom: 50%
    }

    .growth-hd {
        max-width: 11em
    }

    .growth_ddl {
        width: 41%;
    }

    .growth-hd .line-block {
        margin-bottom: .2em;
    }

    .excuses-hd {
        max-width: 21em;
    }

    .styles-section .bubbles {
        min-height: 38rem;
    }

    .styles-section {
        background-position: left -18rem bottom 11rem;
        -webkit-background-size: 50rem auto;
        background-size: 50rem auto;
    }

    .styles-hd {
        max-width: 11em;
        line-height: 1.2;
    }

    .styles-section .bubbles {
        /* text-align: right; */
    }

    .styles-section .bubble_wrap {
        position: relative;
        display: block;
        top: auto;
        left: 0;
        right: 0;
        float: right;
        max-width: 14rem;
        width: 100%;
        margin-bottom: .75rem
    }

    .science-hd {
        max-width: 11em;
    }

    .howto-section .prcs-step {
        max-width: 10rem;
    }

    .howto-section .step3 {
        max-width: 11rem;
    }

    .howto-info {
        max-width: 21em;
    }

    .faq-section-hd {
        font-size: 1.412rem;
    }

    .package-section {
        background-position: left 54% top -8rem;
    }

    .package-hd {
        font-size: 1.76470588rem;
        max-width: 11em;
    }

    .bubble-hd {
        margin-bottom: .25em;
    }

    .package-img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: auto;
        max-height: 12rem;
        height: 80%;
    }

    .support_wrap .package-img {
        margin-bottom: 1.35rem;
    }

    .package-section .bubble {
        text-align: center;
        width: 100%;
    }

        .package-section .bubble.square {
            padding-top: 1.5em;
            padding-left: 1em;
            padding-right: 1em
        }

    .guarantee-badge {
        width: 100%;
        max-width: 30rem;
        padding-bottom: 40%;
        float: left;
    }

    .guarantee-txt {
        width: 100%;
        max-width: 30rem;
        margin-top: 1em;
        text-align: center;
        float: right;
    }

    .guarantee-hd {
        text-align: center;
    }

    .guarantee-section .wrapper {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .guarantee-section .wrapper {
        background-position: center top -12rem;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .guarantee-hd {
        margin-left: auto;
        margin-right: auto;
    }

    .plans-wrap {
        width: 110%;
        left: -5%;
    }

    .interaction-hint {
        max-width: 7rem;
    }

    .overflown .plans-side-fades::before,
    .overflown .plans-side-fades::after,
    .plans-side-fades::before,
    .plans-side-fades::after {
        bottom: 29%;
    }

    .faqs {
        max-width: 16.5rem;
        margin-left: auto;
        margin-right: auto;
    }

    .faq {
        font-size: .9rem;
        width: 100%;
        margin-left: 1%;
        margin-right: 1%;
    }

        .faq .q {
            font-size: 1rem;
        }

    .footer .wrapper {
        padding-left: 4%;
        padding-right: 4%;
    }

    .footer-left {
        margin-bottom: 1rem;
    }

    .footer-left,
    .footer-right {
        width: 100%;
        display: block;
    }

    .page .video-section {
        padding-top: 0
    }

    .page-article .video-section {
        padding-top: 1.25em;
    }

    .research-hd,
    .about-hd {
        max-width: 11em;
    }

    .italy-hd {
        font-size: 1.7rem;
    }

    .ny-hd {
        max-width: 10em
    }

    .mini-info,
    .research-info,
    .about-info {
        font-size: 0.9411764rem;
        line-height: 1.5;
        max-width: 29em;
        padding-left: 5%;
        padding-right: 5%;
    }

    .about-info {
        max-width: 29em;
    }

    .mini-info {
        max-width: 18em
    }

    .italy-info,
    .research-info {
        max-width: 22em
    }

    .ny-info {
        max-width: 22.5em
    }

    .research-info .line-block,
    .about-info .line-block {
        display: inline;
    }

    .page .tv-video {
        margin-bottom: 1rem;
    }

    .page-article .content ul {
        margin-left: 1%;
    }

    .page-mini .page-video-section {
        margin-bottom: 0;
        padding-top: 1.5rem !important;
        padding-bottom: 0rem !important
    }

    .article-hd {
        font-size: 2rem;
    }

    .article-subhd {
        font-size: 1.2rem;
    }

    .inline-quote {
        width: 51%;
    }

    .page-mini .content-wrapper {
        padding-bottom: 1.5rem
    }

    .btn-continue-wrap .ddl {
        right: -5rem;
        width: 5em;
    }

    .page-unlock .coupon-hd,
    .page-thank .coupon-hd {
        font-size: 1.25rem;
    }

    .coupon-box {
        padding: 2em 1.5em;
    }

        .coupon-box:before {
            -webkit-transform: scale(.8);
            transform: scale(.8);
        }

    .page-thank .intro .inner-wrapper {
        padding-top: 0
    }

    .page-thank {
        font-size: 16px;
    }

    .member-video-section .video_ddl {
        display: none;
    }

    .page-member .video-section .sub-head {
        font-size: 1.35rem;
    }

    .page-member .header-hd {
        margin-bottom: .2em;
    }

    .ddl-popular-wrap {
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }

    .testimonial.larger .blockquote .text {
        width: 83% !important;
    }

    .page-getstarted .hero {
        background-position: 50% -141px;
    }

    .page-getstarted .hero-img {
        max-width: 15rem;
    }

    .form-getstarted .elmnt-group {
        width: 100%;
        float: none !important;
    }

    .page-upsell1 .main-hd {
        font-size: 1.5rem;
    }

    .page-upsell1 a.bttn.larger {
        font-size: 0.94117em;
    }

    .col-right .guarantee_wrap {
        max-width: 13rem;
    }

    .page-upsell2 .header-hd {
        font-size: 1.75rem;
    }

    .page-upsell2 .sub360-benefits {
        background-position: center top -10rem;
        background-size: 50rem;
    }

    .sub360-benefits .benefits-hd {
        font-size: 1.75rem;
        margin-bottom: .5em;
    }

    .page-upsell2 .submit.bttn {
        font-size: 1rem;
        padding-left: 1em;
        padding-right: 1em;
    }

    .elmnt-group label {
        font-size: .9em;
    }

    .col-right .guarantee_wrap {
        margin-top: 5rem;
    }

    .stamp-ltd {
        bottom: -.75rem;
        right: -8px;
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
}




/*37.5*/

@media screen and (max-width: 34em) {
}

@media screen and (max-width: 33em) {
    .plans-wrap {
        width: 105%;
        left: -2.5%;
    }

    .package-section .bubbles {
        width: 110%;
        left: -5%;
    }

    .tabs > ul > li {
        width: 100%;
    }

    .level-select-wrap {
        width: 13rem;
    }

    .karl-downloads-pic {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1rem;
    }

    .karl-downloads-hd {
        text-align: center;
    }
}

@media screen and (max-width: 32em) {
    .home .hero {
        padding-bottom: 9rem;
    }

    .as-seen-on-hd {
        font-size: 1rem;
    }

    .section-info {
        line-height: 1.5;
    }

    .change-hd {
        padding-top: .75em;
    }

    .styles-section {
        background-position: left -20rem bottom 11rem;
    }

        .styles-section .guided_wrap {
            right: -30.5%;
        }

        .styles-section .nature_wrap {
            right: -37%;
        }

        .styles-section .wnoise_wrap {
            right: -42%;
        }

        .styles-section .wnoise_wrap {
            right: -34%;
        }

    .guarantee-info {
        margin-left: auto;
        margin-right: auto;
        max-width: 26rem;
    }

    .page-member .section-txt:not(.levels-section-txt) {
        max-width: 15em
    }
}

@media screen and (min-width: 30.0625em) {
    .mini-cta .btn-lbl .line-block,
    .article-cta .btn-lbl .line-block {
        display: inline;
    }
}

@media screen and (max-width: 30em) {
    .wrapper {
        max-width: 400px;
    }

    .page .wrapper {
        max-width: 410px
    }

    .package-section {
        background-position: left 54% top -6.75rem;
    }

        .package-section .bubbles {
            width: 100%;
            left: 0;
            text-align: center;
        }

        .package-section .bubble_wrap {
            width: 100%;
            display: block;
            max-width: 15rem;
            margin-bottom: 1rem;
        }

        .package-section .bubble_wrap {
            -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
            margin: 2%;
        }

        .package-section .bubble.square {
            padding-left: 1.5em;
            padding-right: 1.5em;
        }

    .header-bg {
        height: 31rem;
    }

    .home .hero {
        padding-bottom: 5rem
    }

    .header-hd {
        font-size: 1.75rem;
    }

    .sub-head-hd {
        max-width: 15em;
        font-size: 1rem;
    }

    .video-subhd {
        max-width: 14em;
    }

        .video-subhd .line-block,
        .sub-head-hd .line-block {
            display: inline;
        }

    .hero .video-wrapper {
        max-width: 10rem;
        height: 5.5rem;
    }

    .excuses-section {
        background-position: right 90% bottom;
    }

        .excuses-section .bubble_wrap {
            left: 0;
            right: auto;
        }

    .growth-txt {
        padding-bottom: 9rem;
    }

    .restless_wrap {
        top: 123px;
    }

    .notime_wrap {
        top: 248px;
        z-index: 1;
    }

    .nofocus_wrap {
        top: 375px;
        right: auto;
        z-index: 2;
    }

    .nofocus.bubble {
    }

    .slow_wrap {
        left: 0;
        top: 504px;
    }

    .slow.bubble {
        width: 252px;
    }

    .unaware_wrap {
        top: 632px;
    }

    .change-section .wrapper {
        background-position: right -42% bottom -15%;
    }

    .change-info {
        padding-bottom: 13rem;
    }

    .process {
        margin-top: 2em
    }

    .divider-wrap {
        display: block;
        width: 100%;
        margin: 2rem auto 3rem;
    }

    .prcs-step_divider {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .prcs-step,
    .prcs-step_divider {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .howto-section .prcs-step,
    .prcs-step {
        width: 100%;
    }

    .science-section {
        padding-bottom: 3rem
    }

        .science-section .prcs-step {
            max-width: 16rem;
        }

    .howto-section .prcs-step {
        max-width: 16.5rem
    }

    .howto-section .step-info {
        max-width: 17em;
    }

    .howto-section .step2 .step-info {
        max-width: 16em;
    }

    .science-section .step2 .step-info {
        max-width: 16.5em;
    }

    .prcs-icon_wrap {
        width: 38%;
        padding-bottom: 38%;
    }

    .step-info {
        font-size: 0.9375rem;
        max-width: 17.5em;
        margin-left: auto;
        margin-right: auto;
    }

    .howto-section .step-hd {
        font-size: 1.294117rem;
        margin-bottom: .5em;
    }

    .howto-hd {
        max-width: 8em
    }

    .prcs-step_divider {
        width: 4rem;
        height: 1.25rem;
    }

    .howto-section .prcs-icon_wrap {
        width: 33%;
        padding-bottom: 33%;
    }

    .sc-link_wrap:first-child {
        width: 50%
    }

    .sc-link_wrap {
        width: 40%
    }

    .sc-link {
        font-size: 0.7647rem;
        max-width: 100%;
        padding-right: 7%
    }

    .woman-noob,
    .woman-pro {
        width: 43%;
        padding-bottom: 55%;
    }

    .growth_ddl {
        width: 28%;
        bottom: 20%;
        margin-left: -14%;
    }

    .styles-section {
        background-position: left -20rem bottom 13rem;
    }

        .styles-section .section-subhd {
            max-width: 15em;
        }

            .styles-section .section-subhd .line-block {
                display: inline;
            }

    .sub360-benefits .benefits-hd {
        font-size: 1.5rem;
    }

    .package-hd {
        max-width: 11em
    }

    .package-info {
        max-width: 19.575rem;
    }

    .guarantee-hd {
        font-size: 1.235rem;
    }

    .guarantee-badge {
        padding-bottom: 49%;
    }

    .plans-wrap {
        width: 120%;
        left: -10%;
    }

    .plans {
        padding-top: 5rem;
        width: 36rem;
    }

    .plans-side-fades::before,
    .plans-side-fades::after {
        bottom: 10%;
    }

    .hint-wrap {
        top: 35%;
    }

    .special-plan {
        max-width: 16.5rem
    }

    .special-plan {
        margin-top: 0
    }

    .plans-hd {
        font-size: 1.471rem;
    }

    .plan-hd p {
        max-width: 13em;
        margin-left: auto;
        margin-right: auto;
    }

    .plan-title {
        font-size: 1.412rem;
    }

    .plans-section_bg {
        bottom: 26rem;
    }

    .security-seals {
        margin-top: 2em;
    }

    .note {
        max-width: 16em;
    }

    .videos-gallery {
        text-align: center;
    }

        .videos-gallery li.video-wrapper {
            width: 28%;
        }

    .footer .video-border {
        position: absolute;
        /* padding-bottom: 54%; */
    }

    .aff-program li,
    .copyright li,
    .footer-menu li {
        margin-bottom: .5em;
    }

    .page .main-hd {
        font-size: 1.65rem;
    }

    .page .main-hd {
        font-size: 1.5rem;
    }

    .main .license-content-hd {
        font-size: 1.45rem;
    }

    .page-getstarted .sidebar .testimonial,
    .sidebar .testimonial,
    .sidebar .video-wrapper {
        -webkit-flex: 100% 0 0;
        flex: 100% 0 0;
        margin-bottom: 1.5rem;
    }

    .sidebar .triangle-border {
        /* min-height: 100%; */
    }

    .page-article .sidebar .video-wrapper,
    .page-article .sidebar li.video-wrapper {
        padding-bottom: 56%;
    }

    .videos-gallery .play-icon {
        -webkit-transform: scale(.6) translate(-50%, -50%);
        transform: scale(.6) translate(-50%, -50%);
    }

    .page-getstarted .sidebar .videos-gallery .play-icon,
    .sidebar .videos-gallery .play-icon {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%);
    }

    .page-1col.narrow .play-icon.large {
        -webkit-transform: scale(.7) translate(-50%, -50%);
        transform: scale(.7) translate(-50%, -50%);
    }

    .testimonial {
        font-size: .9em;
    }

    .sidebar .testimonial,
    .sidebar .video-wrapper {
        margin-left: 0;
        margin-right: 0;
    }

    .sidebar .triangle-border {
        /* flex: 1; */
        /*  make testimonials same height  */
        height: auto;
        /*better than flex:1 works in IE too*/
    }

    .sidebar .blockquote .text {
        display: inline-block;
        float: left;
        width: 85%;
    }

    .btn-lbl {
        display: block;
        max-width: 11em;
        line-height: 1.25;
        margin-left: auto;
        margin-right: auto;
    }

    .mini-cta .btn-lbl {
        max-width: 100%;
        text-align: center;
        line-height: 1.4
    }

    .about-info {
        font-size: 0.9411764rem;
        /*   max-width: 22em;
  padding-left: 5%;
  padding-right: 5%; */
    }

    .article-cta.larger {
        padding: 0.5em 0.5em .6em;
    }

    .special-plan-bttn_ddl3 {
        top: -3.5rem;
        -webkit-transform: scale(.6);
        transform: scale(.6);
    }

    .article-hd {
        font-size: 1.75rem;
    }

    .article-subhd {
        font-size: 1.067rem;
        margin-bottom: .35rem;
    }

    .inline-quote {
        width: 44%;
        font-size: 1em;
        line-height: 1.35;
    }

    .inline-quote--long {
        width: 48%
    }

    .page-mini .bttn.larger {
        font-size: 1rem;
        line-height: 1.3;
        padding-top: .6em;
        padding-bottom: .6em;
    }

    .italy-hd {
        font-size: 1.5rem;
    }

    .page-mini .bttn_wrap {
        margin-bottom: 1rem;
        width: 85%
    }

    .page-unlock .coupon-hd,
    .page-thank .coupon-hd {
        font-size: 1rem;
        line-height: 1.25;
    }

    .coupon-box .sub-hd {
        font-size: 1rem;
    }

    .coupon-box .prcs-step {
        margin-left: 2.5rem;
    }

    .amount:before {
        top: .7em;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }

    ol.circles-list > li:before {
        left: -1.75em;
    }

    .page-member .video-section .sub-head {
        font-size: 1.25rem;
        margin-bottom: 1em;
    }

    .page-thank .videos-gallery {
        margin-top: .5rem;
    }

    .page-1col .inner-wrapper {
        padding-left: 5%;
        padding-right: 5%
    }

    .input-copy {
        font-size: 16px;
    }

    .warning-box {
        max-width: 20rem;
    }

        .warning-box strong {
            font-size: 1rem;
            padding-left: 1.75rem;
            width: 15rem;
        }

        .warning-box p {
            font-size: 14px;
        }
    /*   .page-upsell2 .sub360-benefits {
  background-position: center top -8rem;
}   */
    .page-getstarted .header-hd {
        font-size: 1.5rem;
    }

    .page-getstarted .hero {
        background-position: 50% -100px;
    }

    .fieldset-voucher {
        display: block;
        margin-top: .25rem;
        margin-bottom: .25rem;
    }

    .input-code {
        margin-left: 0
    }

    .page-upsell1 a.bttn.larger {
        font-size: 1.25em;
        line-height: 1.25;
        padding: 0.5em 1em;
        max-width: 16em;
    }

    .page-upsell2 .hero-hd {
        font-size: 2rem;
    }

    .page-upsell2 .content-hd .line-block {
        display: inline;
    }

    .page-upsell2 .content-hd {
        max-width: 15.5rem;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.35;
    }

    .warning-box strong::before {
        width: 1.25rem;
        left: .1rem;
    }
}


/*30em*/

@media screen and (max-width: 28em) {
    .plans-wrap {
        width: 115%;
        left: -7.5%;
    }

    .lbl-level-hd {
        margin-bottom: .25rem;
    }

    .level-select-wrap {
        width: 100%
    }
    /* .page-member p.material-txt{
    max-width: 14em;
    margin-bottom: 1.5rem;
  } */
    .page-member .sub-head + p.section-txt {
        max-width: 14em;
        margin-bottom: 1.5rem;
    }
}

@media screen and (max-width: 27em) {
    .styles-section .guided_wrap {
        right: -30.5%;
    }

    .styles-section .nature_wrap {
        right: -33%;
    }

    .styles-section .wnoise_wrap {
        right: -40%;
    }

    .styles-section .wnoise_wrap {
        right: -30%;
    }

    .process {
        margin-top: 2em;
        margin-bottom: 1em
    }

    .plans-wrap {
        width: 110%;
        left: -5%;
    }

    .as-seen-on-hd {
        font-size: 0.88235294117rem;
    }

    #fl_div {
        bottom: 138px;
        right: 155px;
        -webkit-transform: scale(.65);
        transform: scale(.65);
    }
}

@media screen and (max-width: 26em) {
    .info-msg {
        position: relative;
        padding-left: 0px;
        padding-top: 70px;
        font-size: .9rem;
        line-height: 1.5;
        text-align: center;
        /* max-width: 17em; */
    }

        .info-msg:before {
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

    .ddl-popular-wrap {
        display: none;
    }

    .tabscontent {
        padding: .5rem 5%;
    }

    .tabs > ul > li {
        padding-right: 16px;
        padding-left: 16px;
    }

    label[for="termscheck"] {
        max-width: 11.5rem;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 25.625em) {
    .wrapper {
        max-width: 360px;
    }

    .package-section {
        background-position: left 54% top -35px;
        background-size: 50rem auto;
    }

    .change-info {
        padding-bottom: 11.5rem;
    }

    .footer .wrapper {
        padding-left: 5%;
        padding-right: 5%;
    }

    .article-hd {
        font-size: 1.7rem;
    }

    .article-subhd {
        font-size: 1rem;
    }

    .inline-quote {
        width: 46%;
        line-height: 1.45;
    }

    .inline-quote--long {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }

    .mini-cta .line-block {
        /* max-width: 10em */
    }

    .main .license-content-hd {
        font-size: 1.35rem;
    }

    .page-unlock .coupon-hd,
    .page-thank .coupon-hd {
        font-size: 1rem;
        line-height: 1.5;
        max-width: 17.5em
    }

    .page-thank .video-section .videos-gallery .video-wrapper {
        width: 48%;
    }

        .page-thank .video-section .videos-gallery .video-wrapper:first-child {
            margin-right: 2%;
        }

    .page-thank .videos-gallery li.video-wrapper {
        padding-bottom: 27.5%;
    }

    .videos-gallery .caption {
        width: 9.2em;
        top: 110%;
    }

    .ny-info {
        max-width: 21em;
    }

    .page-getstarted .header-hd {
        font-size: 1.29411764706rem;
    }

    .page-upsell .main-hd {
        font-size: 1.25rem;
        line-height: 1.35;
    }

    .page-upsell1 a.bttn.larger {
        font-size: 1.125em;
        max-width: 16em;
    }

    .page-upsell2 .submit.bttn {
        font-size: .88235rem;
    }

    .page-upsell2 .special-plan-bttn_ddl2,
    .page-upsell2 .special-plan-bttn_ddl1 {
        display: none;
    }

    .page-upsell2 .bttn_wrap {
        margin-bottom: 1.5rem;
    }
}

@media screen and (max-width: 24em) {
    .section-hd.excuses-hd {
        font-size: 1.5rem;
    }

    .package-section {
        background-position: left 54% top -60px;
    }

        .package-section .bubbles {
            margin-top: 21rem;
        }

    .inline-quote:not(.inline-quote--long) {
        width: 48%;
    }

    .inline-quote--long {
        width: 100%;
        max-width: 15em
    }

    .coupon-box:before {
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }

    .btn-continue-wrap .ddl {
        display: none;
    }

    .page-unlock .coupon-hd,
    .page-thank .coupon-hd {
        font-size: .9rem;
    }

    .page-member .levels-section-txt {
        max-width: 16em
    }

    .page-getstarted .bttn-submit_ddl {
        display: none;
    }
    /*   .page-upsell2 .sub360-benefits {
  background-position: center top -6rem;
} */
    .page-upsell2 .header-hd {
        font-size: 1.5rem;
    }
}


/* 24em */

@media screen and (max-width: 23.375em) {
    html {
        font-size: 100%;
    }

    .wrapper {
        max-width: 346px;
    }

    .header-bg {
        height: 27rem;
    }

    .benefits-section {
        background-position: left 24% bottom;
    }

    .excuses-section {
        background-position: right 80% bottom;
    }

    .home .hero,
    .hero-hds {
        padding-top: .5rem;
    }

    .home .hero {
        padding-bottom: 2rem;
    }

    .as-seen-on-hd {
        font-size: 0.875rem;
    }

    .play-icon {
        -webkit-transform: scale(.8) translate(-50%, -50%);
        transform: scale(.8) translate(-50%, -50%);
    }

    .video-container .play-icon {
        -webkit-transform: scale(.45) translate(-50%, -50%);
        transform: scale(.45) translate(-50%, -50%);
    }

    .videos-gallery .play-icon {
        -webkit-transform: scale(.5) translate(-50%, -50%);
        transform: scale(.5) translate(-50%, -50%);
    }

    .page-1col.narrow .play-icon.large {
        -webkit-transform: scale(.6) translate(-50%, -50%);
        transform: scale(.6) translate(-50%, -50%);
    }

    p,
    ul,
    ol,
    dl {
        margin-bottom: 1.25rem;
    }

    h2.excuses-hd {
        font-size: 1.5rem;
        max-width: 18rem;
    }

    .section-info {
        font-size: 0.9375rem !important;
    }

    .sc-link {
        padding-left: 26%;
        padding-right: 5%;
    }

        .sc-link.link-page {
            padding-left: 30%;
        }

        .sc-link:before {
            left: 2%;
        }

        .sc-link.link-page:before {
            left: 6%
        }

    .growth-section .wrapper {
        /* min-height: 32rem; */
    }

    .styles-section {
        background-position: left -22rem bottom 13rem;
    }

        .styles-section .bubbles {
            text-align: center;
        }

    .howto-info {
        max-width: 16em;
    }

    .audio-samples-hd {
        padding-left: 3rem;
    }

        .audio-samples-hd:before {
            top: 42%;
            -webkit-transform: scale(.7) translateY(-50%);
            transform: scale(.7) translateY(-50%);
        }

    .audio-samples {
        padding-left: 1em;
        padding-right: 1em;
    }
}

@media screen and (max-width: 22.7em) {
    .inline-quote--long {
        width: 82%;
    }
}


/* @media screen and (max-width: 22.5em){ */

@media screen and (max-width: 22.4375em) {
    .change-section .wrapper {
        background-position: right -65% bottom -11%;
    }

    .package-section .support_wrap {
        right: 0;
    }

    .package-section .guide_wrap {
        right: 0%;
    }

    .package-section .library_wrap {
        right: 0;
    }

    .special-plan-hd_ddl1 {
        top: -40px;
        right: -30px;
    }

    .special-plan-hd_ddl2 {
        top: -22px;
        right: 53px;
    }

    .plans {
        padding-top: 3rem
    }
}

@media screen and (max-width: 22.25em) {
    .inline-quote {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

        .inline-quote:not(.inline-quote--long) {
            width: 100%;
            max-width: 11em;
        }
}

@media screen and (max-width: 22em) {
    .article-hd {
        font-size: 1.5rem;
    }

    .article-subhd {
        font-size: 1rem;
    }

    .italy-hd {
        font-size: 1.311111112rem;
    }

    .main .license-content-hd {
        font-size: 1.5rem;
        line-height: 1.2;
    }

    .footer .videos-gallery .play-icon {
        -webkit-transform: scale(.5) translate(-50%, -50%);
        transform: scale(.5) translate(-50%, -50%);
    }

    .page-member .header-hd {
        font-size: 1.6rem;
        margin-bottom: .1em;
    }

    .page-member .video-section .sub-head {
        font-size: 1.125rem;
    }

    .page-getstarted .hero {
        background-position: 50% -70px;
    }

    .page-getstarted .hero-img {
        max-width: 14rem
    }

    .cv-ex__group {
        flex-basis: 50%;
    }

        .cv-ex__group + .cv-ex__group {
            margin-left: 4%
        }

    #form_getstarted button {
        padding: 1em 1em;
    }
}

@media screen and (max-width: 21em) {
    .about-info {
        max-width: 18em;
    }

    .coupon-box {
        padding-left: 1.25em;
        padding-right: 1.25em;
    }

        .coupon-box .sub-hd {
            font-size: .9rem;
        }

    .page-getstarted .header-hd {
        font-size: 1.25rem;
    }

    label[for="termscheck"].error {
        font-size: 14px;
    }

    .page-upsell1 a.bttn.larger {
        font-size: 1em;
    }

    .page-upsell2 .submit.bttn {
        font-size: .875rem;
    }
}

@media screen and (max-width: 20.125em) {
    .sidebar .blockquote .text {
        width: 100%;
    }
}

@media screen and (max-width: 20em) {
    .guarantee-hd {
        max-width: 10em;
    }

    .home .wrapper {
        max-width: 306px;
    }

    .page .wrapper {
        max-width: 320px
    }

    .italy-info {
        max-width: 20em;
    }
}