/*media queries*/
@media screen and (max-width: 1900px) and (min-width: 768px){
    /*global attributes*/
    figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
        margin-bottom: 0.842vw;
    }
    h1{
        font-size: 5.263vw;
    }
    h2{
        font-size: 2.105vw;
    }
    h3{
        font-size: 1.579vw;
    }
    p{
        font-size: 1.211vw;
        line-height: 1.474vw;
    }
    .fs-50{
        font-size: 2.632vw;
    }
    .fs-45{
        font-size: 2.368vw;
    }
    .fs-40{
        font-size: 2.105vw;
        line-height: 2.526vw;
    }
    .fs-38{
        font-size: 2vw;
    }
    .fs-35{
        font-size: 1.842vw;
    }
    .fs-30{
        font-size: 1.579vw;
        line-height: 2vw;
    }
    .fs-25{
        font-size: 1.316vw;
    }
    .fs-23{
        font-size: 1.211vw;
    }
    .fs-17{
        font-size: 1.053vw;
        top: -0.8em;
    }
    .container{
        max-width: 60vw;
    }
    sup{
        font-size: 0.842vw;
        border-radius: 2.632vw;
        padding: 0.105vw 0.263vw;
        top: -0.5em;
    }
    .inner-p1{
        padding: 2.105vw 2.632vw;
    }
    .inner-p2{
        padding: 0px 2.632vw;
    }
    .inner-p3{
        padding: 2.105vw 0px;
    }
    .inner-p4{
        padding: 1.053vw 1.579vw;
    }
    .inner-p5{
        padding: 0px 1.579vw;
    }
    .inner-p6{
        padding: 2.105vw 2.632vw 0px 2.632vw;
    }
    .inner-p7{
        padding: 0px 0px 2.105vw 0px;
    }
    .radius-20{
        border-radius: 1.053vw;
    }
    .gap20{
        gap: 1.053vw;
    }
    .box-shadow{
        box-shadow: 0px 0.105vw 1.053vw #00000014;
        border-radius: 1.053vw;
        padding: 2.105vw 2.632vw;
        margin: 2.105vw auto;
    }
    .img-shadow{
        box-shadow: rgba(99, 99, 99, 0.2) 0px 0.105vw 8px 0px;
        border-radius: 1.053vw;
        margin: 1.053vw auto;
    }
    .check{
        max-width: 1.579vw;
        width: 1.579vw;
    }
    .pattern-bg{
        max-width: 22.263vw;
        top: 5.263vw;
    }
    .arrow1{
        max-width: 6.684vw;
    }
    .arrow2{
        max-width: 9.421vw;
    }
    .woman1{
        max-width: 19vw;
    }
    .quote{
        border-radius: 1.053vw;
        gap: 1.053vw;
    }
    .quote1{
        max-width: 5.263vw;
    }
    .cross .d-flex{
        gap:1.053vw;
    }
    .mark1{
        border-radius: 0.263vw;
        padding:0.105vw;
    }
    .mark2{
        line-height: 3.684vw;
        padding:0.105vw 0.263vw;
    }
    .mark3{
        line-height: 2.105vw;
        padding:0.105vw 0.263vw;
    }
    .arrow3{
        max-width: 12.526vw;
    }
    .harvard-logo{
        max-width: 23.895vw;
    }
    .harvard1{
        max-width: 10.526vw;
    }
    .nicole{
        max-width: 14.632vw;
    }
    .nothing .arrow4{
        max-width: 4.211vw;
    }
    .after-30{
        max-width: 19.842vw;
    }
    .arrow4{
        max-width: 3.158vw;
    }
    .arrow5{
        max-width: 7.316vw;
    }
    .arrow9{
        max-width: 6.105vw;
    }
    .ellipse{
        box-shadow: 0px 0.158vw 0.316vw #00000029;
        max-width: 4.211vw;
        height: 4.211vw;
        margin: -2% auto 1.579vw auto;
    }
    .ellipse img{
        max-width: 2.105vw;
    }
    .son{
        max-width: 18vw;
    }
    .quote-bot{
        max-width: 6.211vw;
    }
    .whisper{
        max-width: 22.684vw;
    }
    .arrow7{
        max-width: 8.947vw;
    }
    .arrow8{
        max-width: 3.316vw;
    }
    .premature{
        padding: 11.053vw 0px 3.263vw 0px;
    }
    .arrow10{
        max-width: 8.895vw;
    }
    .worked{
        max-width: 26.421vw;
    }
    .collagen{
        max-width: 16.579vw;
    }
    .youthful{
        gap: 2.105vw;
        margin: 1.053vw auto;
    }
    .arrow21{
        max-width: 3.316vw;
    }
    .hl2{
        max-width: 17.421vw;
    }
    .arrow11{
        max-width: 3.316vw;
    }
    .fat-burn{
        max-width: 11.421vw;
    }
    .numbers {
        border: 0.105vw #372C80 solid;
        width: 2.105vw;
        height: 2.105vw;
        padding: 0.211vw;
    }
    .number-bullets .d-flex{
        gap: 1.053vw;
    }
    .arrow12{
        max-width: 3.316vw;
    }
    .fgf{
        max-width: 15.053vw;
    }
    .miracle2{
        max-width: 17.316vw;
    }
    .herbs{
        max-width: 25.789vw;
    }
    .whirl2-bg{
        max-width: 22.158vw;
    }
    .libre-frank {
        font-size: 2.105vw;
        line-height: 2.105vw;
    }
    .big-number {
        width: 5.053vw;
        height: 5.053vw;
        border: 0.263vw #372C80 solid;
        font-size: 2.368vw;
        margin-right: 1.053vw;
    }
    .cart4{
        max-width: 18vw;
    }
    .arrow12{
        max-width: 8.526vw;
    }
    .herb2 {
        padding: 1.579vw 2.632vw;
    }
    .chart2{
        max-width: 17.263vw;
    }
    #oatstraw-benefits {
        padding: 1.579vw 2.632vw;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 0.105vw 0.421vw 0px;
        border-radius: 1.053vw;
        margin: 1.579vw auto;
    }
    #oatstraw-benefits img{
        max-width: 1.895vw;
    }
    #oatstraw-benefits .d-flex{
        gap: 1.053vw;
    }
    .arrow13 {
        max-width: 8.526vw;
    }
    .arrow15 {
        max-width: 3.316vw;
    }
    .herb3 {
        padding: 1.579vw 2.632vw;
    }
    .chart3{
        max-width: 19.789vw;
    }
    .arrow14 {
        max-width: 8.526vw;
    }
    .hope img{
        max-width: 1.895vw;
    }
    .hope .d-flex{
        gap: 1.053vw;
    }
    .hope-t{
        padding: 0.163vw 2.632vw !important;
    }
    .herbs-here{
        max-width: 27.895vw;
    }
    .arrow16 {
        max-width: 3.316vw;
    }
    .arrow25 {
        max-width: 3.316vw;
    }
    .arrow26 {
        max-width: 3.316vw;
    }
    .arrow27{
        max-width: 6.737vw;
    }
    .arrow28 {
        max-width: 3.789vw;
    }
    .sns-fe{
        max-width: 22.895vw;
    }
    .pure-fat{
        max-width: 25.263vw;
    }
    .only{
        padding:1.579vw;
    }
    .ing-fe{
        max-width: 26.105vw;
    }
    .g-text{
        font-size: 4.211vw;
        line-height: 5.053vw;
        letter-spacing: -0.211vw;
    }
    .avenir{
        max-width: 33.737vw;
        padding:0.789vw;
        height: 3vw;
        margin: 1.053vw auto;
    }

    .bottles-six{
        max-width: 39.474vw;
    }
    .bottl1{
        max-width: 24.053vw;
        margin-right: 2.632vw;
    }
    .woman-scale{
        max-width: 23.579vw;
    }
    .arrow17 {
        max-width: 3.842vw;
    }
    .lbs-19{
        max-width: 15.421vw;
    }
    .arrow23{
        max-width: 8.053vw;
    }
    .limited-sup{
        max-width: 25.263vw;
    }
    .q-head{
        padding: 1.579vw;
        border-radius: 1.053vw;
    }
    .woman10{
        max-width: 19.211vw;
    }
    .arrow18{
        max-width: 8.842vw;
    }
    .abs{
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        border-radius: 1.053vw;
        padding: 1.579vw 1.579vw;
        margin-top: 1.053vw;
        margin-bottom: 1.053vw;
    }
    .badge1{
        max-width: 19.158vw;
    }
    .circle-check{
        max-width: 6.737vw;
        margin: -4.737vw auto 0px auto;
    }
    .d-50{
        max-width: 16.842vw;
    }
    /*sales sec*/
    .sales-sec {
        margin: 1.579vw auto;
        gap: 1.053vw;
    }

    .sales-box {
        border: 1px #372C80 solid;
        border-radius: 1.053vw;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 0.789vw -0.158vw, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
        padding-bottom: 1.053vw;
    }
    .three-month {
        box-shadow: rgba(50, 50, 93, 0.25) 0 1.579vw 60px -12px, rgba(0, 0, 0, 0.3) 0 18px 36px -18px;
    }
    .per-box{
        font-size:1.316vw;
    }
    .price {
        gap:0.526vw;
    }
    .sales-box h1 {
        font-size: 1.105vw;
        border-top-left-radius: 1vw;
        border-top-right-radius: 1vw;
        padding: 1.053vw 0.526vw;
    }
    .sales-box h2 {
        font-size: 1.263vw;
        padding: 0.526vw;
        letter-spacing: -0.018vw;
    }
    .sales-box h3 {
        font-size: 2.474vw;
        padding: 0.526vw;
    }
    .per-bot{
        font-size: 0.895vw;
    }
    .per-month{
        font-size: 1vw;
        border-radius: 1.263vw;
        max-width: 5.947vw;
        width:5.947vw;
        padding:0.368vw;
    }
    .free-month {
        padding: 0.158vw;
        border-radius: 0.421vw;
        width: 10.211vw;
        margin: 0.263vw auto;
    }
    .bottles-img{
        width: 15vw;
        max-width: 15vw;
    }
    .add-to-cart {
        max-width: 15.263vw;
        border-radius: 2.632vw;
        padding: 0.526vw 0.789vw;
        margin: 0.526vw auto;
        letter-spacing: 0.053vw;
        font-size: 1.211vw;
    }
    .add-to-cart img{
        max-width: 2.947vw;
    }
    .bot-details{
        padding: 0.263vw;
        font-size: 0.895vw;
        line-height: 1.053vw;
        gap:0.789vw;
    }
    .bot-details img{
        max-width: 1.105vw;
        width: 1.105vw;
    }
    .today-s{
        max-width: 14.526vw;
        font-size: 1vw;
        border-radius: 1.316vw;
        padding: 0.263vw 0.526vw;
        margin: 1.053vw auto;
    }
    .guarantee-cards{
        margin: 1.053vw auto;
        border-radius: 1.053vw;
        padding: 0.526vw;
    }
    .guarantee-cards p{
        font-size: 1.211vw;
    }
    .guarantee-cards img{
        max-width: 15vw;
    }
    .box2 .bot-details{
        font-size: 1vw;
        line-height: 1.211vw;
    }
    .cart-arrow{
        max-width: 0.526vw !important;
    }
 
    .guarantee-check {
        max-width: 11.947vw;
    }
    .possible{
        max-width: 21.737vw;
    }
    .arrow19{
        max-width: 3.316vw;
    }
    .badge2{
        max-width: 15.789vw;
    }
    .arrow20{
        max-width: 6.789vw;
    }
    .endnote p{
        font-size: 0.895vw;
    }
    footer p{
        font-size: 0.789vw;
        line-height: 1.053vw;
    }
    .footer-links{
        gap: 1.579vw;
    }
    .m-20 {
        margin-top: -8%;
      }
    .faqs .arrow17 {
        max-width: 6.316vw;
      }
    /*margins*/
    .belly{
        margin-top: -3%;
    }
    .moment {
        margin-top: -14%;
        padding-bottom: 2%;
      }
    .numb {
        margin-top: -3%;
    }
    .skinny{
        margin-top: -16%;
    }
}
@media screen and (max-width: 767px){
    .show-mob{
        display: block;
    }
    h1 {
        font-size: 60px;
    }
    h2{
        font-size: 30px;
        line-height: 35px;
    }
    h3{
        font-size: 25px;
    }
    .fs-50{
        font-size: 40px;
    }
    .fs-45{
        font-size: 30px;
    }
    .fs-40{
        font-size: 30px;
        line-height: 38px;
    }
    .fs-38{
        font-size: 30px;
        line-height: 35px;
    }
    .fs-35{
        font-size: 30px;
        line-height: 35px;
    }
    .fs-30{
        font-size: 25px;
        line-height: 28px;
    }
    .fs-25{
        font-size: 22px;
    }
    .fs-23{
        font-size: 20px;
    }
    .fs-17{
        font-size: 15px;
    }
    p{
        font-size: 20px;
        line-height: 24px;
    }
    .inner-p1 {
        padding: 15px 30px;
      }
    .inner-p2 {
        padding: 0px 30px;
      }
    .inner-p4 {
        padding: 20px 20px;
      }
    .inner-p5 {
        padding: 0px 0px;
      }
    .inner-p6 {
        padding: 20px 30px;
      }
    .box-shadow{
        margin: 20px auto;
    }
    .sec-1{
        background-image: url(/assets/images/goddess-molecule-tsl/hero-mob-fe.jpg);
        background-position-y: bottom;
        background-size: 100%;
        padding-bottom: 68%;
        padding-right: 20px;
        padding-left: 20px;
    }
    .fs-40 {
        font-size: 30px;
        line-height: 35px;
      }
    .hide-mob{
        display: none;
    }
    .flex-col-m{
        flex-direction: column;
    }
    .flex-rev-m{
        flex-direction: column-reverse;
    }
    .center-img{
        margin: 10px auto;
        display: block;
    }
    .hide-bg{
        background-image: none;
    }
    .w-100m{
        width: 100% !important;
    }
    /*page1*/
    .box-shadow{
        padding:20px;
        width: 95%;
    }
    .box-shadow.m-20.cross {
        width: 95%;
      }
    .sec-3{
        background-position: right bottom;
        padding-bottom: 70%;
      }
    .harvard-logo {
        max-width: 80%;
        position: relative;
        right: 0;
        bottom: 0;
        width: 100%;
        margin: 10px auto;
        display: block;
      }
    .mark2 {
        line-height: 58px;
      }
    .nothing {
        background-image: url(/assets/images/goddess-molecule-tsl/beach-fe.jpg);
        background-size: contain, auto;
        padding-bottom: 90%;
        background-position-y: bottom;
      }
    .nicole-sec{
        padding: 20px 0px;
      }
    .nicole {
        margin:-5% auto;
      }
    .mark2 {
        background-color: transparent;
        line-height: normal;
      }
    .fs-50 {
        font-size: 30px;
        line-height: 35px;
      }
    .moment {
        margin-top: -5%;
      }
    .after-30 {
        margin-top: 0;
      }
    .ellipse{
        margin: -4% auto 2% auto;
    }
    .hide-br{
        display: none;
    }
    .quote-bot {
        max-width: 78px;
        margin: 20px auto -20px auto;
      }
    .whisper {
        max-width: 431px;
        position: relative;
        margin: 0px auto 20px auto;
      }
    .premature {
        padding: 50px 0px 50px 0px;
        margin-top: 0px;
    }
    .mob-p{
        padding: 0px 30px;
    }
    .explain {
        padding: 0px 30px;
      }
    .youthful{
        gap:0px;
    }
    .hl2 {
        position: relative;
        right:0px;
        left: 0px;
    }
    .numb {
        margin-top: 0px;
    }
    .box-shadow.numb h2 br {
        display: none;
      }
    .fgf {
        margin: 20px auto -6% auto;
      }
    .num-col {
        flex-direction: column;
      }
    #oatstraw-benefits{
        background-image: none;
        padding: 20px 20px;
    }
    .native {
        max-width: 100%;
      }
    .herb2 .fs-40 br {
        display: none;
    }
    .herb3 .fs-40 br {
        display: none;
    }
    .libre-frank {
        font-size: 30px;
    }
    .big-number {
        width: 56px;
        height: 56px;
        font-size: 30px;
    }
    .herbs-here {
        position: relative;
        right: 0%;
    }
    .reluctant {
        margin-top: -10%;
      }
    .super-herbs{
        padding: 20px 0px;
    }
    .falling-off h2 br {
        display: none;
      }
    .only{
        text-align: center;
    }
    .g-text {
        font-size: 40px;
        line-height: 46px;
        letter-spacing: -2px;
      }
    .regain{
        background-position-y: 10%;
    }
    .results h2 br{
        display: none;
    }
    .mx{
        max-width: 300px;
    }
    .lbs-19 {
        position: relative;
        bottom: 0;
        margin: 0px auto 20px auto;
        display: block;
      }
    .skinny{
        margin-top: 0px;
    }
    .q-head {
        width: 95%;
        margin: 20px auto;
      }
    .abs{
        width: 100%;
    }
    .badge1 {
        position: relative;
        right: 0;
        top: 0;
        margin: 0px auto;
        display: block;
      }
    .qualified {
        margin-top: 0;
      }
    .d-50 {
        position: relative;
        top: 0;
        right: 0;
        margin: 20px auto;
        display: block;
        max-width: 200px;
      }
    .sales-sec{
        flex-direction: column;
    }
    .box1 {
        max-width: 100%;
        width: 90%;
        order: 3;
      }
    .box2 {
        max-width: 100%;
        width: 90%;
        order: 1;
      }
    .box3 {
        max-width: 100%;
        width: 90%;
        order: 1;
      }
    .guarantee-cards {
        width: 90%;
    }
    .inner-p3 {
        padding: 20px 0px;
      }
    .set-off{
        padding:20px 30px;
    }
    .footer-links {
        gap: 10px;
        text-align: center;
      }
    .quote1 {
        max-width: 70px;
      }
    .breakthrough h2 br {
        display: none;
      }
    .high-levels h2 br {
        display: none;
      }
    .almost .mx{
        margin-bottom: -10%;
    }
    .width-adjust3 {
        width: 90%;
      }
    .hormone h2 br{
        display: none;
    }
    .num-det {
        width: 90%;
      }
    .mark1{
        line-height: normal;
    }
    .hope-t{
        background-color: #FFB707;
    }
}
@media screen and (max-width: 414px){
    h1 {
        font-size: 40px;
    }
    h2{
        font-size: 23px;
        line-height: 26px;
    }
    h3{
        font-size: 23px;
    }
    .fs-50{
        font-size: 30px;
    }
    .fs-45{
        font-size: 23px;
    }
    .fs-40{
        font-size: 23px;
        line-height: 26px;
    }
    .fs-38{
        font-size: 23px;
        line-height: 26px;
    }
    .fs-35{
        font-size: 23px;
        line-height: 26px;
    }
    .fs-30{
        font-size: 23px;
        line-height: 26px;
    }
    .fs-25{
        font-size: 22px;
    }
    .fs-23{
        font-size: 18px;
    }
    .fs-17{
        font-size: 15px;
    }
    p{
        font-size: 19px;
        line-height: 23px;
    }
    sup {
        font-size: 14px;
    }
    .hl2 {
        margin: -5% auto;
      }
    /*.quote{
        text-align: center;
    }*/
    .inner-p1 {
        padding: 15px 20px;
      }
    .inner-p2 {
        padding: 0px 20px;
      }
    .inner-p5 {
        padding: 0px 0px;
      }
    .inner-p6 {
        padding: 20px 20px;
      }
    .mx {
        max-width: 250px;
      }
    .mx2{
        max-width: 250px;
    }
    .bottl1{
        margin: 0px auto;
    }
    .sales-box h2 {
        font-size: 21px;
    }
    .bot-details{
        width: 90%;
    }
    .box2 .bot-details {
        width: 90%;
      }
}