* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    margin: 0;
}

BODY {
    background-color: var(--background-color);
    color: var(--main-font-color);
    font-size: var(--font-normal);
    font-family: var(--main-font-family);
    overflow-x: hidden;
}
body.popup-open {
    overflow: hidden !important;
}
B,
.bold {
    font-family: bold-font;
    font-weight: bold;
    font-family: Nunito;
}

.container {
    width: 100%;
    max-width: 1190px;
    margin: 0 auto;
    position: relative;
    overflow: hidden !important;
    padding: 0px 20px;
}

.row {
    display: flex;
    position: relative;
    margin: 0;
}

.row1 {
    display: flex;
    position: relative;
    margin: 0;
}

.row>* {
    padding: 0px;
}

.grid-row {
    display: flex;
}

.col-1 {
    flex: 8.33%;
}

.col-2 {
    flex: 16.66%;
}

.col-3 {
    flex: 25%;
}

.col-4 {
    flex: 33.3%;
}

.col-5 {
    flex: 41.66%;
}

.col-6 {
    flex: 50%;
}

.col-7 {
    flex: 58.33%;
}

.col-8 {
    flex: 66.66%;
}

.col-9 {
    flex: 75%;
}

.col-10 {
    flex: 83.33%;
}

.col-11 {
    flex: 91.66%;
}

.col-12 {
    flex: 100%;
}

.clearfix {
    clear: both;
}

.aln-cntr {
    align-self: center;
}
.algn_cntr{
    align-items: center;
}
.aln-end {
    align-self: end;
}

.spaceBetween {
    justify-content: space-between;
}

.hihlite {
    color: #b08484;
}
.mb_only{
        display: none;
    }
.img_cntr{
    display: block;
    margin: 0 auto;
}
.prodctCnt {
    font-weight: 400 !important;
    font-size: 1.4rem !important;
    letter-spacing: 1px;
}
.dis_blk{
            display: block;
        }
.mb-30{
    margin-bottom: 30px;
}
.mb-0{
    margin-bottom: 0;
}
.medium {
    font-weight: 500;
}

.shrtGift-bg {
    background-image: url("../img/stars-unsplash3.jpg");
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: cover;
    background-position-y: top;
}

.freeCAP {
    color: red;
    text-transform: uppercase;
    font-weight: 600;
}

.r-bold {
    font-family: Nunito;
    font-weight: bold;
    font-size: 34px;
    text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.5);
}

.m-bold {
    font-family: bold-m-font;
    font-weight: 700;
}
.red-bg {
    background: #ed1f24;
    border-radius: 5px;
    margin-bottom: 50px;
}
.timer-box {
    background-color: #ed1f24;
    padding: 18px 0px;
}
.timer-box h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    text-align: center;
    margin: 0;
}
.block_dis{
    display: block;
}
.ylw-txt {
    color: #fcb216;
}
.dsply-blk {
    display: block;
}
.red-bg p {
    font-size: 22px;
    padding: 7px;
    font-weight: 700;
    color: white;
}
.light {
    font-family: light-font;
    font-weight: 300;
}

.semi-b {
    font-family: Nunito !important;
    font-family: semi-bold-font;
    font-weight: 600;
}

.bigger-sub {
    font-size: 2rem;
    line-height: 1.1;
}

.product-img {
    max-height: 240px;
}

h1 {
    font-weight: bold;
    font-size: var(--font-large);
}

h4,
h5,
h6 {
    font-size: 32px;
}

h1.small-title {
    font-size: 56px;
    line-height: 1;
}

h4,
.small-title {
    font-size: 25px;
}

h1.b-price {
    font-size: 50px;
}

p.smaller {
    font-size: 18px;
}

p.smaller2 {
    font-size: 16px;
}

h2 {
    font-size: 2.5rem;
    line-height: 1.3;
    margin: 2.5rem 0 10px;
    text-transform: capitalize;
    font-weight: 600;
}

.longH2 {
    font-size: 2.8rem;
    line-height: 1;
    text-align: center;
    margin: 2.5rem 0 17px -2.5%;
    padding: 24px 30px;
    background-color: #ffedd1;
    border-radius: 8px;
}

.longH2 span {
    color: red;
}

h3.smaller {
    font-size: 29px;
}

h3 {
    font-size: 2.2rem;
    line-height: 1.3;
    padding: 14px 0 2px;
    font-weight: 600;
}

p {
    font-size: 22px;
    line-height: 1.6;
}

.ndx-about p {
    font-size: 1.4rem;
    line-height: 1.3;
}

.hd-italic {
    /* font-size: 2.7rem; */
    font-style: italic;
    color: #f8a2a2;
}

ol, ul {
    padding-left: 2.5rem;
}

#long-about p,
.long-page p {
    font-size: 1.65rem;
    line-height: 1.2;
}

.img-framed {
    max-width: 380px;
    border-radius: 12px !important;
    padding: 0;
    box-shadow: 3px 3px 7px #000000bf;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

.img-rght {
    transition: right 1s;
    width: 100%;
    float: right;
    margin-left: 30px !important;
}

.img-lft {
    position: absolute;
    left: -100%;
    transition: right 1s;
    width: 100%;
}

.img-left {
    float: left;
    margin: 3px 30px 0px 0px !important;
}

.img-right {
    float: right;
    margin: -16px -10% 0px 12px;
    border-radius: 8px;
}

.txt-end {
    text-align: end;
}


/*  - - INDEX  -- */


/* index  */

.topMenu {
    background-color: #ffffffde !important;
    padding: 16px;
    z-index: 200;
    position: relative;
    box-shadow: 0 0px 12px;
}

.ndx-hero {
    background-image: url("../img/bg-ndx-hero.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    max-height: 900px;
    min-height: 680px;
    margin-top: -100px;
}

.topM-ribbon {
    max-height: 50px;
}

.menu-ndx {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    margin: 4px 0 -4px;
    padding: 0;
}

.menuLogo {
    max-width: 400px;
    float: left;
    margin-top: -5px;
}
.dis_dktp{
    display: block !important;
}
.dis_mbl{
    display: none !important;
}
.mnu-cntnt {
    float: right;
}


/* .topNdx > li a {
  color: #234b8c !important;
} */

.topNdx>li a:hover {
    color: black !important;
}

.topmenu {
    width: 50% !important;
    float: right;
}

.order-now-button.img-fluid.d-block {
    max-width: 140px;
    max-height: 36px;
}

.hero-pointer {
    min-width: 600px;
    margin-top: 60px;
    margin-bottom: -6.5%;
}

.ndx-head h1 {
    color: #fff;
    text-align: left;
    font-size: 4.2rem !important;
    line-height: 1;
    text-shadow: 2px 2px 6px #0c1961;
    margin: 80px 0 29px;
}

.ndx-subhd {
    font-size: 3rem;
}

.col-7.hd-top p {
    color: #fff;
    font-weight: 200;
    line-height: 1.3;
    font-size: 1.3rem;
    width: 80%;
}


/* .hd-top {
    margin-left: 3%;
    margin-right: -5%;
  } */

.col-5.hero-point {
    margin-left: -12%;
    margin-top: 90px;
    overflow: visible;
}

.btn-OrderNow {
    background-color: #feca00;
    border: 6px solid #feca00;
    font-size: 1.7rem;
    padding: 2px 26px;
    margin: -20px 0 40px;
    border-radius: 30px;
    box-shadow: 1px 4px 6px #0c376e99;
    cursor: pointer !important;
}

.btn-OrderNow:hover {
    background-color: #ffa700;
}

.img-left-ndx {
    max-width: 380px;
    border-radius: 12px !important;
    padding: 0;
}

.img-left-ndx-framed {
    max-width: 380px;
    border-radius: 12px !important;
    padding: 0;
    box-shadow: 3px 3px 7px #000000bf;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

.txt-panel h2 {
    margin: 0px;
}

.intro-txt {
    font-size: 1.3rem;
    line-height: 1.3;
    font-weight: 200;
    letter-spacing: 0.25px;
}

.bg-bluey {
    /* background-color: #dcebf8; */
    background-repeat: no-repeat;
    background-color: #f3f7f8;
}

.ingred-header {
    margin: 0 14px;
    min-width: 208px;
}

.ingred-img {
    min-width: 190px;
    border-radius: 50%;
    border: 8px solid #fff;
    box-shadow: 0 6px 12px #124a7b;
}

.ingred-rule {
    border: 2px solid #97b5e5;
    padding: 6px 5px 8px;
    border-radius: 51%;
    background-color: #fff;
}

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

.ndx-ingred {
    background-color: #fff;
    margin: 0px 1% 0;
    padding: 24px 12px;
    border-radius: 130px;
    box-shadow: 0 4px 6px #17335e99;
}

p.ingred-text {
    font-size: 1.2rem !important;
    font-weight: 300;
    margin: 8px 3% 0 0;
    line-height: 1.3;
}

.ndx-ingred-spacer {
    margin: 0 2.25%;
}

.btn-buy-center {
    text-align: center;
    margin: 40px auto 20px;
}

.pnl-intro {
    padding: 50px 30px 0;
    display: flex;
}

.indx-intro {
    color: #fff;
}

.prdct-bonus {
    text-align: center;
    border-radius: 16px;
    margin: 0 4% 20px;
    box-shadow: 0px 4px 40px rgba(64, 105, 177, 0.15);
}

.dsktp-flx {
    display: flex;
}

.prdct-bonus h3 {
    font-size: 2rem;
    line-height: 1;
    color: #000;
    margin: 0 2.4%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.img-comparison-chart img {
    width: 100%;
    display: block;
    max-width: 100% !important;
}

.img-comparison-chart {
    margin: 1.5em auto;
    max-width: 800px;
}

.bonus-norm {
    font-size: 30px;
    line-height: 1.3;
    font-weight: 800;
    color: #3466a9;
    margin: 15px 0px;
}

.bonus-bks img {
    width: 100%;
    max-width: 700px;
}

.bonus-free span {
    background-color: red;
    padding: 2px 6px 0px;
    border-radius: 9px;
    color: white;
    font-size: 35px;
    letter-spacing: 1px;
    font-weight: 700;
}

.bonusTxt {
    margin: 16px 6%;
}

.bg-darkCouple {
    background-image: url("../img/bg-drkCouple.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

h1.ndx-sub {
    font-size: 3.2rem;
    line-height: 1;
    margin: 12px 0 9px 0 !important;
    font-weight: 600;
}

.ndx-hd {
    font-size: 5.4rem;
    line-height: 0.9;
    max-width: 650px;
}

.ndx-hd span {
    color: #feb401;
}

.yellow-high {
    color: #feb401;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.img-left-ndx.bottle-trio {
    margin-top: 8%;
    max-width: 400px;
    padding-left: 12%;
    min-width: 540px;
}

.duoBottles {
    position: relative;
}

.bottle-duo {
    position: relative;
    max-width: 540px;
    bottom: 0;
    top: 50px;
    margin-right: 18px !important;
}

.bns-header {
    margin: 20px 0px 40px;
}

.bns-header h1 {
    font-size: 3.3rem !important;
    line-height: 1;
    margin: 12px 0 20px;
}

.bns-header h2 span {
    color: #4472b0;
    font-weight: 600;
}

.logoDots-two {
    max-width: 300px;
    margin: 13px auto !important;
}

.ans-option {
    width: 170px;
    height: 37px;
    background: #feb401;
    border-radius: 0px 50px 50px 0px;
    margin-top: -14px;
    margin-bottom: 11px;
    margin-left: -20px;
    box-shadow: 3px 3px 5px #406fae66;
}

.ans-option span {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.9;
    text-transform: uppercase;
    color: #000;
    padding-left: 12px;
    padding-top: 2px;
    display: block;
}

.bg-deTox {
    background-image: url("../img/bg-deTox.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 40px;
}

.detox-thumb {
    position: relative;
}

.thumbsup-detox {
    position: inherit;
    bottom: -60px;
    max-width: 810px;
}

.detoxHead h1 {
    font-size: 3.2rem;
    color: #fff;
    margin: -12px 0 0;
}

.detoxHead {
    text-align: center;
    padding: 40px 0 0;
}

.pnl-detox-main {
    margin: -50px 0 0;
}

.indx-intro-detox {
    color: #fff;
    text-align: left !important;
    margin-left: -10%;
}

.indx-intro-detox p {
    text-align: left;
    margin-left: -10%;
}

.intro-txt-detox {
    max-width: 600px;
    margin-left: -10%;
    font-size: 1.3rem;
    line-height: 1.3;
    font-weight: 200;
    letter-spacing: 0.25px;
}

.detox-adds {
    margin: 0 0 0 -60px;
}

.labTested {
    margin: 26px 10% 0 0;
    float: right;
}

.tested {
    background-color: #f66602;
    border: 1px solid #f66602;
    font-size: 1.4rem;
    padding: 2px 26px;
    border-radius: 30px;
    box-shadow: 1px 1px 4px #000;
    cursor: pointer !important;
    text-decoration: none;
    color: #fff;
}

.tested:hover {
    background-color: #bb5002;
}

.bsign {
    max-width: 160px;
}


/* Timer - Index */

.timer-2d h4 {
    font-size: 1.3rem;
    line-height: 1;
    color: #fff;
    padding: 20px 0 15px;
    background-color: red;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 10px 3% 0;
    border-radius: 20px;
    box-shadow: 0 5px 12px yellow;
}


/* Style the buttons that are used to open and close the accordion panel */

.accordion4 {
    color: #194b81;
    cursor: pointer !important;
    font-size: 1.7rem;
    line-height: 1;
    padding: 18px 0 18px 34px;
    width: 100%;
    text-align: left;
    border: none;
    transition: 0.4s;
    margin-bottom: 14px;
}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

.active,
.accordion4:hover {
    background-color: #c6d4ea;
}


/* Style the accordion panel. Note: hidden by default */

.panel4 {
    padding: 0 38px;
    background-color: white;
    display: none;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    color: #54606b;
    letter-spacing: 0.5px;
}

.arrowDwn {
    float: right;
    padding: 0 3%;
}

@media (max-width: 560px) {
    .topMenu {
        position: absolute !important;
        height: 206px;
    }
    #ndx-topMnu {
        display: inline-block;
        margin: 104px 0 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        background: inherit;
        color: #fff;
        height: 50px;
        padding: 1em;
    }
    .col-7.hd-top {
        margin: 56px 0 29px 6%;
        width: 80%;
    }
    .hd-top {
        margin-left: 0%;
        width: 100% !important;
    }
    .col-7.hd-top h1 {
        font-size: 2.9rem !important;
    }
    .hd-top h1 {
        font-size: 2.8rem !important;
        margin-top: 126px;
    }
    /* .container {
  overflow: hidden !important;
  } */
    .hero-pointer {
        max-width: 244px !important;
        margin-top: -70px;
        margin-bottom: 30px !important;
        min-width: 300px;
        margin-left: 22% !important;
    }
    .col-7.hd-top p {
        color: #fff;
        font-weight: 200;
        line-height: 1.3;
        font-size: 1.3rem;
        width: 80%;
        min-width: 308px;
    }
    .col-5.hero-point {
        margin-left: -7%;
        margin-top: 156px;
    }
    .col-5.hero-point img {
        margin: -242px 0 30px 154px;
        min-width: 270px;
        width: 90% !important;
    }
    .upgrd-large {
        font-size: 2.3rem !important;
    }
    .ndx-subhd {
        font-size: 2.5rem !important;
    }
    .ndx-ingred {
        background-color: #fff;
        margin: 0px auto 0;
        margin-bottom: 0px;
        padding: 24px 12px;
        border-radius: 130px;
        box-shadow: 0 4px 6px #17335e99;
        max-width: 256px;
    }
    .pnl-intro {
        flex-direction: column;
    }
    .accordion4 {
        cursor: pointer !important;
        font-size: 1.5rem;
        line-height: 1;
    }
    .dsktp-flx,
    .pnl-detox-main {
        display: inline-block;
    }
    .ndx-hd {
        font-size: 4.6rem;
        line-height: 0.9;
        max-width: 650px;
        margin-top: -30px;
    }
    .indx-intro-detox {
        color: #fff;
        text-align: left !important;
        margin-left: 14%;
        width: 81%;
    }
}

@media (max-width: 992px) {
    .col-5.hero-point {
        margin-left: -7% !important;
        margin-top: 148px;
        width: 48% !important;
    }
    .col-5.hero-point img {
        margin-left: -8%;
        margin-top: 202px;
        max-width: 600px;
    }
}


/* VivoEar - UPSELL */

.upsll-head-vivo {
    font-size: 2.6rem;
    font-weight: 400 !important;
    line-height: 1.1;
}

.upsll-head-vivo em {
    font-size: 3.3rem;
    color: red;
    font-style: normal;
    line-height: 1;
}

.vivo-sbhd {
    font-size: 2.8rem !important;
    font-weight: 400 !important;
    color: #3d5680;
    padding-bottom: 12px;
}

.upsll-price-pnl-vivo {
    background-color: #fff1c5;
    padding: 20px 5% 12px;
    border: 2px dotted #ff5353;
    border-radius: 18px;
}

.upsll-price-pnl-vivo p {
    line-height: 0.6;
    color: red;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.9rem;
    letter-spacing: 0.5px;
}

.upsell-panel-vivo {
    border-top: 6px solid #0d8ce9;
    border-radius: 20px;
    box-shadow: 0 5px 8px #506a9166;
    padding: 20px 3%;
    background: linear-gradient( to bottom, rgba(185, 185, 185, 0.48) 0%, rgb(255, 255, 255) 73%, rgb(255, 255, 255) 73%);
}

.vivoBottle-one {
    background-image: url(../img/bottles/vivoEar-x1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 323px !important;
    height: 300px !important;
    /* background-color: rgb(196, 196, 196, 0.24); */
    overflow: hidden;
    margin: 20px 0 -27px 0;
}

.vivoBest {
    border: 4px solid #ffc000;
    margin-top: -15px;
}

.vivoBottle-six {
    background-image: url(../img/bottles/vivoEar-x6.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 323px !important;
    height: 280px !important;
    /* background-color: rgb(196, 196, 196, 0.24); */
    margin: 20px 0 -27px 0 !important;
}

.vivoBottle-three {
    background-image: url(../img/bottles/vivoEar-x3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 323px !important;
    height: 280px !important;
    /* background-color: rgb(196, 196, 196, 0.24); */
    margin: 20px 0 -27px 0 !important;
}

.vivoSelect {
    text-align: center;
    border: 5px solid #faaf3c;
    padding: 0 0 12px;
    border-radius: 12px;
    font-size: 24px;
    line-height: 1;
    margin: 0 0 12px;
    background-color: #ffc000;
    box-shadow: 0px 3px 8px #0000008c;
}

.vivoSelect:hover {
    background-color: #ff9b00;
}

.vivoOrder {
    text-align: center;
    margin: 20px auto 0 !important;
}

.vivoSelect input[type="radio"] {
    appearance: none;
    background-color: #fff;
    margin: 4px;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid red !important;
    border-radius: 50%;
    transform: translateY(0.4em) !important;
}

.mainPrice-vivo {
    font-size: 5.8rem;
    text-align: center;
    font-weight: 800;
    color: #304494;
}

.mainPrice-vivo span {
    font-size: 1.8rem;
    margin-left: -24px;
    font-weight: 400;
}

.crdHdr-upsll span {
    color: red;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 800;
}

.bg-bns-UpsllVivo {
    border-radius: 28px;
    box-shadow: 3px 3px 7px #0c2638a1;
    margin-bottom: 10px;
    background-color: #fff2a9a1;
}

.container-fluid.vivoFtr {
    padding: 20px 3%;
    background: linear-gradient( to bottom, rgba(157, 178, 204, 0.48) 0%, rgb(255, 255, 255) 73%, rgb(255, 255, 255) 73%);
    background-color: rgba(0, 0, 0, 0);
}

.upgrd-vivoDsc {
    margin: 0 15%;
    width: 70%;
}

.modal-content.vivo-upSell {
    background-color: yellow !important;
    border: 12px solid gold !important;
    border-radius: 20px !important;
}


/*  --  UPSELL  --  */

.yellow-bg-small {
    background-color: #ffd700;
    padding: 11px;
    letter-spacing: 2px;
    line-height: 1;
}

.upsll-head span {
    color: #ffd700;
}

.crdHdr-upsll {
    background-color: #0d8ce9;
    color: #fff;
    margin: 0 -1.5rem;
    padding: 28px 0 8px;
    text-align: center;
    font-size: 2rem;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 25px 25px 0 0;
    background-image: url(../img/tiara.png);
    background-repeat: no-repeat;
    background-position: center 1px;
}

.wht-dots {
    margin: 4px auto -2px;
    padding: 0 0 12px;
    max-width: 200px;
}

.skyBlue-bg {
    background-color: #bed5e3;
    padding-top: 60px;
}

.bg-bns-Upsll {
    border-radius: 28px;
    box-shadow: 3px 3px 7px #0c2638a1;
    margin-bottom: 10px;
    background-color: #fff7e7e5;
}

.crd-title-upsll {
    color: #134583;
    font-size: 2.1rem;
    line-height: 0.9;
    margin-top: 6px;
    font-weight: 500;
    padding: 4px 0;
}

.crd-title-upsll span {
    color: #d21f37;
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: 800;
    text-transform: uppercase;
}

.crdHdr-upsll.highlite {
    background-color: red;
    line-height: 1;
    padding: 20px 6% 4px;
}

.bg-bns-Upsll-Guarantee {
    background-color: #fffbda;
    box-shadow: 0px 3px 7px #ffa886;
    border-radius: 28px;
    margin: 40px -3%;
}

.bns-guarantee-img {
    max-width: 280px;
    margin: 0px -4px 0 20px;
}

.upsell-panel {
    border-top: 6px solid #6093df;
    border-radius: 20px;
    box-shadow: 0 5px 8px #506a9166;
    padding: 20px 3%;
    background: linear-gradient( to bottom, rgba(157, 178, 204, 0.48) 0%, rgb(255, 255, 255) 73%, rgb(255, 255, 255) 73%);
}

.upsell-panel h3 {
    color: #000;
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 600;
    padding: 0 2% 12px;
}

.upsell-panel h3 span {
    color: #2268d0;
}

.upsll-price-panel {
    background-color: aliceblue;
    padding: 20px 5% 12px;
    border: 2px dotted #3f8ed3;
    border-radius: 18px;
}

.upsll-price-panel h1 {
    padding: 0;
    margin: 0 0;
    line-height: 1;
}

#upsell-panel h4 {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    color: red;
}

.upsll-price-panel p span {
    color: red;
    font-weight: 800;
}

.btn-large.upsell1 {
    margin-top: -24px;
}

.btn-large .btn-OrderNow {
    font-size: 2.2rem;
    line-height: 1;
    font-weight: 800;
    text-decoration: none;
    padding: 12px 40px 10px;
    margin: 6px 0 30px;
    border-radius: 40px;
    color: #f00;
    text-shadow: 1px 1px 2px #555;
    cursor: pointer !important;
}

.btn-noThnks-upsell {
    font-size: 1.5rem;
    padding: 6px 32px;
    border-radius: 26px;
    border: 1px solid #ccc;
    margin: 0 0 12px;
}

.noThnks {
    font-size: 1rem;
    color: #666;
    margin: 0 12%;
}

.upsll-warn h3 {
    font-size: 24px !important;
    background-color: #ffff00b5;
    padding: 12px 0 6px !important;
    color: red !important;
}

.whyupsll p {
    text-align: left;
    border-bottom: 1px dotted #888;
    padding: 0px 0 20px;
    margin: 25px 3%;
}

#introOffer h4 {
    font-weight: 800;
    text-transform: uppercase;
    color: red;
    font-size: 1.8rem;
    line-height: 1;
}

.upsellBns-img {
    margin: 24px 0 -24px 0;
    max-width: 210px;
}


/* Upsel1 - mobile */

@media (max-width: 560px) {
    .py-5 {
        padding: 1.4rem !important;
    }
    .vsl-hero {
        margin-bottom: -76px !important;
    }
    /* .upsell-panel {
  margin: 0px 5%;
  width: 90%;
  } */
    .upgrd-tick-grn {
        margin: -14px 16px 10px 0 !important;
    }
    .small-title {
        font-size: 2.3rem !important;
    }
    .upsellimg {
        max-width: 296px !important;
        min-width: 296px !important;
    }
    .wht-dots {
        margin: 8px auto 0px;
        padding: 0 0 10px;
    }
}


/* modal-upsell - EXIT */

.modal-content.mdl1-upSell {
    background-color: #75c6f8 !important;
    border: 15px solid #459ace !important;
    border-radius: 22px !important;
}

#btn-finish {
    border: none !important;
    margin: 0 auto;
    background-color: red;
    border-radius: 6px !important;
    padding: 7px 30px;
    font-size: 1.7rem;
    line-height: 1.1;
    color: #fff;
    box-shadow: 0px 3px 6px #465386;
    z-index: 3000;
    opacity: 1;
    content: none !important;
}

#btn-finish::before,
#btn-finish::after {
    content: none !important;
}

.mdl-upsll-hd {
    font-size: 2.4rem;
    line-height: 1;
    padding: 14px 0 2px;
    color: #c92b2b;
    font-weight: 600;
}

.mdl-upsll-hd span {
    font-size: 4.6rem;
    color: #000;
    font-weight: 800 !important;
}


/* UPSELL1 - NoThanks modal */

.upsll1-toprightX {
    float: right;
    font-size: 3.5rem;
    margin: -22px 20px -20px -22px;
    font-weight: 200;
    color: #ccccccc9;
    cursor: pointer !important;
}

.upsll1-mdl2-cntnt {
    margin: auto;
    position: relative;
    outline: 0;
    max-width: 850px;
    padding: 14px 12px 20px 34px;
    border-radius: 16px;
    box-shadow: 5px 8px 12px #000;
    background-color: white;
}

.upsll1-mdl-hdr-lstCh {
    background-color: #0387d8 !important;
    padding: 12px 0 6px 0;
    color: gold;
    margin: -16px -12px -18px -34px;
    border-radius: 18px 18px 0 0;
    text-align: center;
    font-size: 3.1rem;
    font-weight: 600;
}

.upsll1-lowestHd {
    text-align: left;
    color: #3f3f3f;
    font-size: 2rem;
    margin-top: 24px;
}

.upsll1-lowestHd span {
    color: red;
}

.upsll1-regular p {
    font-size: 1.2rem !important;
    border: 1px dotted;
    padding: 3px 16px;
    display: inline-block;
    background-color: #eee;
    margin-top: 10px;
}

.upsll1-price-today p span {
    font-size: 2.8rem;
    letter-spacing: -2px;
    font-weight: 700;
    color: green;
    letter-spacing: -3px;
}

.btn-upsll1-upde-yes {
    text-align: center;
    background-color: #f4c68b;
    padding: 9px;
    margin: 12px 6%;
    border-radius: 12px;
}

.btn-upsll1-upde-yes a {
    color: #a32222;
    text-decoration: none;
    font-size: 1.3rem;
}

.btn-upsll1-upde-yes:hover {
    background-color: #ffb45b;
}

.btn-upsll1-upde-no {
    text-align: center;
    background-color: rgb(117, 161, 102);
    padding: 10px;
    margin: 12px 6%;
    border-radius: 12px;
}

.btn-upsll1-upde-no:hover {
    background-color: #2d6e38;
}

.btn-upsll1-upde-no a {
    color: #fff;
    text-decoration: none;
}


/* UPSELL - 1  */

.drk-blue-bg {
    background-image: radial-gradient( circle at 30% 50%, #3c558c, #255180 20%, #47609a 57%, #3b6591 65%);
}

.red-bg-small {
    background-color: red;
    padding: 11px;
    letter-spacing: 2px;
    line-height: 1;
}

.sbhd-ups1 {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1;
    color: #ab3a17;
    padding: 13px 0 12px;
    border: 1px solid;
    margin: 14px 6%;
    border-radius: 10px;
    background-color: #ffffff4f;
}

.nxt-line{
    display: block;
    color: white !important;
}

.upgrd-video {
    background-image: url("../img/upgr-bg-hero.jpg");
    margin: 0 auto;
    max-width: 900px;
    text-align: center;
    color: #fff;
    height: 500px;
    border-radius: 25px;
    padding: 11% 0 0;
}

.upgr-warn h3 {
    color: red;
    background-color: #ffcb0082;
    display: inline;
    padding: 8px 30px 6px;
    border-radius: 7px;
    font-size: 1.6rem;
    line-height: 1;
    display: inline-block;
}

.upgrd-tick-grn {
    float: left;
    margin: -14px 16px 9px -10px;
    max-width: 80px !important;
}

.blink {
    animation: blinker 1.5s linear infinite;
    color: red;
    font-family: sans-serif;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.upgrd-large {
    font-size: 3.6rem;
    line-height: 0.95;
    margin: 20px;
}

.upgrd-large em {
    color: red;
    font-style: inherit;
}

.upgrd-large span {
    color: #777;
}

.upgrd-nrrw {
    margin: 0 20%;
    width: 60%;
}

.strkthrgh {
    text-decoration: line-through solid 3px red;
    color: #888;
}

.fnt-green {
    color: #05c705;
    padding: 0 0 0 6px;
}

.bonus {
    margin-bottom: -55px;
    z-index: 2;
    position: relative;
}

.framed-crd {
    border: 1px solid #ccc;
    border-radius: 28px;
    padding: 20px 0 20px 50px;
    background-color: aliceblue;
    box-shadow: 0 8px 9px #66666687;
}

.framed-grntee {
    border-radius: 28px;
    padding: 10px 3% 20px;
    background-color: #fff0c4;
    box-shadow: 0 8px 9px #66666687;
}

.upgrd-sub {
    margin: -21px 0 0 0;
    font-size: 1.8rem;
    color: red;
}

.splash-price {
    background-image: url("../img/bg-brush1.png");
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
    padding: 10px 0;
}

.upgrd-sub span {
    color: #000;
    text-decoration: underline;
}

.upgrd-tick {
    float: left;
    margin: -4px 6px -4px 0;
}

.blk-x12 img {
    min-width: 650px;
}

.grey-bg {
    background-color: #b0c2b8;
    padding-top: 60px;
}

.tan-bg {
    background: radial-gradient( circle at 60% 52%, #ffecd3, #f0dec6 27%, #e4cd97 79%, #ebc66f 89%);
    border-radius: 28px;
    border: 4px solid #fff;
    box-shadow: 3px 5px 19px #00000045;
    margin-bottom: 10px;
}

.bonus-img {
    margin: 20px 0 0 0;
}

.crdHdr {
    background-color: #3a6898;
    color: #fff;
    margin: 0 -1.5rem;
    padding: 9px 0 6px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: 1px;
    border-radius: 25px 25px 0 0;
}

.crd-title {
    color: #213b87;
}

.bonus-disc {
    font-size: 15px;
    line-height: 1;
    margin: 30px 0 20px;
    color: #7087b2b2;
}

.upgd-grntee {
    float: right;
    max-width: 204px;
    margin: -12px 0 0 18px;
}

.extra-big {
    font-size: 3.4rem;
}

.btn-upgrade {
    text-align: center;
    background-color: red;
    border: 1px solid red;
    font-size: 1.8rem;
    padding: 12px 44px;
    border-radius: 12px;
    color: #fff;
    box-shadow: 0px 6px 6px #999;
}

.btn-upgrade:hover {
    background-color: #b30808;
}

.guarantees img {
    max-width: 200px;
    margin: 0 auto;
    display: inline-block !important;
}

.nothanks {
    border: 1px solid #ff0101;
    border-radius: 12px;
    padding: 20px;
}

.img-gldMember {
    float: right;
    max-width: 210px;
    margin: 0 -3% 0 20px;
}

@media (max-width: 560px) {
    .upgrd-large {
        font-size: 2.4rem;
        line-height: 0.95;
        margin: 20px 20px 14px;
    }
    .bonus-img {
        margin: 0;
    }
    .splash-price {
        padding: 31px 0 36px;
        background-size: cover;
    }
    .framed-crd {
        padding: 28px 20px;
    }
    .upgd-grntee {
        float: none;
    }
    .upgrd-nrrw {
        width: 84%;
        margin: 0 auto;
        padding: 0;
    }
    .sbhd-ups1 {
        font-size: 1rem;
        color: #ab3a17;
        padding: 10px 12px 10px;
        border: 1px solid;
        background-color: #ffffff7a;
    }
    .bigger-sub {
        font-size: 1.8rem;
        line-height: 1.1;
    }
    .blk-x12 img {
        min-width: 406px;
    }
    .upgr-warn h3 {
        font-size: 1.3rem !important;
    }
    /*.modal-wrapper.active {*/
    /*  opacity: 0 !important;*/
    /*}*/
    .mdl2-content {
        margin: 0 auto 0 5% !important;
        max-width: 360px !important;
    }
    .upPrice-regular {
        width: 128px !important;
    }
    .bigger.text-center {
        font-size: 1.6rem;
    }
    .splash-price h3 {
        font-size: 1.6rem !important;
    }
    .img-gldMember {
        margin: 0 18%;
        position: relative;
    }
}


/* upsell modals */

.modal-TWO {
    z-index: 3;
    display: none;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.85);
    background-color: rgba(0, 0, 0, 0.85);
}

.modal-content {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: 600px;
}

.mdl2-wrapper {
    z-index: 3;
    display: none;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 1);
}

.mdl2-content {
    margin: auto;
    position: relative;
    outline: 0;
    max-width: 850px;
    padding: 14px 10px 20px 34px;
    background-color: #ddd;
    border-radius: 16px;
    box-shadow: 5px 8px 12px #000;
    background-color: black;
}

.btn-noThnks {
    border: none;
    display: inline-block;
    padding: 0px 16px 0;
    vertical-align: middle;
    overflow: hidden;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    color: #0058ff;
    text-decoration: underline;
    font-size: 2.3rem;
    font-weight: 500;
}

.btn-noThnks:hover {
    text-decoration: none;
    color: #2160b0;
}

.toprightX {
    float: right;
    font-size: 3.5rem;
    margin: -50px 14px -20px 0;
    font-weight: 200;
    color: #999;
}

.toprightX:hover {
    color: white;
    cursor: pointer !important;
}

.mdl-hdr-lstCh {
    background-color: #000;
    padding: 12px 0 6px 14%;
    color: red;
    margin: 8px -12px -18px -34px;
    border-radius: 18px 18px 0 0;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
}

.lowestHd {
    text-align: center;
    color: white;
    margin-top: -12px;
}

.lowestHd span {
    color: yellow;
}

.txt-white {
    color: white;
}

.upPricing {
    display: flex;
    flex: 7;
}

.upPrice-regular {
    color: red;
    text-align: center;
    margin: 19px 6px auto;
    padding: 23px 16px;
    float: left;
    position: absolute;
    border: 1px solid red;
    width: 165px;
}

.pricePnl {
    width: 94%;
}

.upPrice-regular p {
    font-size: 1rem;
    font-weight: 400;
}

.upPrice-regular span {
    font-size: 1.7rem;
    font-weight: 600;
}

.upPrice-today {
    color: rgb(255, 255, 255);
    text-align: center;
    border: 1px solid;
    margin: 19px 18px;
    padding: 15px 20px 10px;
    width: 47%;
    float: right;
}

.upPrice-today p {
    font-size: 1rem;
    font-weight: 400;
}

.price-today span {
    font-size: 2.8rem;
    letter-spacing: -2px;
    font-weight: 700;
}

.btn-updde-yes {
    background-color: red;
    color: yellow;
    display: inline-block;
    text-align: center;
    width: 94%;
    margin: 0 auto 0 1.5%;
    padding: 14px 0 0;
    line-height: 1;
    border-radius: 6px;
}

.btn-updde-yes:hover {
    background-color: #9f1c0f;
}

.btn-updde-no {
    background-color: #3e74a3;
    color: white;
    display: inline-block;
    text-align: center;
    width: 94%;
    margin: 7px auto 0 1.5%;
    padding: 14px 0 0;
    line-height: 1;
    border-radius: 6px;
}

.btn-updde-no p {
    font-size: 19px;
    padding: 0;
    margin: 0 0 10px;
}

.btn-updde-no:hover {
    background-color: #1d3c5d;
}

.freeShip {
    color: #fff;
    text-align: center;
    font-size: 0.8rem;
    letter-spacing: 0.5px;
}


/* end of modal2 */


/* Short Gift */

.mainCard {
    background-color: rgb(255, 255, 255);
    width: auto;
    margin: 0 8%;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 2px 5px 20px #13608663;
}

.mainCard-option {
    background-color: #f0f8ffbf;
    width: auto;
    margin: 0 8%;
    padding: 40px 20px 0;
    border-radius: 20px;
    box-shadow: 2px 5px 20px #13608663;
}

.shortHd {
    background-color: #0087ff9e;
    padding: 12px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 5% 8px !important;
    border-radius: 10px;
}

.pt-1.giftHd {
    font-size: 3.8rem;
    line-height: 0.9;
    margin: 17px 0 0;
}

.gfthd-sml {
    font-size: 2.7rem;
    font-weight: 600;
    padding: 0;
    margin: 0 0 4px;
}

.shortHd h2 {
    margin: 0;
}

.shortWarn {
    box-shadow: 4px 6px 9px #06233d;
    margin: -14px 20% 40px;
    border-radius: 10px;
    background-color: #fff;
    transform: rotate(-4deg);
    background-image: url("../img/shrt-giftBk.jpg");
    width: 300px;
    height: 380px;
    background-position-y: center;
    background-size: cover;
}

.wrnng-img {
    max-height: 460px;
    border-radius: 11px 11px 0 0;
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 0s;
}

.shrtTxt {
    font-size: 1.5rem;
    margin: 5px 0;
    font-weight: 500;
}

ul.shrtPoint {
    margin-left: -30px;
}

.shrtPoint li {
    list-style: none;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1;
}

.shrtPoint li::before {
    content: "";
    display: inline-block;
    height: 30px;
    width: 30px;
    background-image: url("../img/mrk-tick.png");
    background-size: 30px;
    margin: 4px 9px -7px;
}

.shrtEmail {
    text-align: center;
    font-family: Nunito;
    margin: 20px 3%;
}

#femail {
    width: 100%;
    font-size: 1.5rem;
    color: #999;
    padding: 6px 0 6px 21px;
    border: 0;
}

.shrtSbmt {
    background-color: #4bbbff;
    border: 1px solid #73cbff;
    margin: 16px;
    padding: 8px 50px;
    border-radius: 6px;
    font-size: 1.4rem;
    box-shadow: 3px 4px 7px #214f80;
    color: #000;
}

.shrtSbmt:hover {
    background-color: #009fff;
}

.shrtClose {
    border: 1px solid #80b1ff;
    padding: 28px;
    color: #033e62;
    font-weight: 500;
    border-radius: 20px;
}

.shrtGift-option {
    margin-top: 14px !important;
    border: 1px solid #80b1ff;
    padding: 32px 7% 9px;
    color: #033e62;
    font-weight: 500;
    border-radius: 20px;
    background-color: #ffffffc9;
}

.shrtClose-option {
    background-color: transparent !important;
    color: #fff;
}

.shrtClose p {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1;
    padding: 4px 0;
    margin: 4px 0;
}

.shrtHrs-img {
    margin: -70px auto 0px;
    max-width: 75px;
}

.shrtClose p span {
    color: #a33838;
    font-weight: 800;
}

.shrtGift-option p span {
    font-weight: 800;
    color: #ba1c1c;
}


/* optional */

.footer-bottom-bg.shrtFtr {
    background: transparent !important;
    color: #fff;
}

.shrtClose-option {
    background-color: transparent !important;
    color: #fff;
}

@media (max-width: 560px) {
    .shrtGift-bg {
        background-image: url("../img/stars-unsplash-m.jpg");
    }
    .hero-hd-lng {
        font-size: 2.9rem !important;
        line-height: 1.1;
    }
    .shortHd {
        margin: -12px 5% -12px !important;
    }
    #long-about p,
    .long-page p {
        font-size: 1.5rem;
        line-height: 1.2;
    }
    .shortHd h2 {
        font-size: 0.9rem;
        letter-spacing: 1px;
    }
    .shortWarn {
        margin: -14px -5% 40px;
        max-width: 110%;
    }
    .pt-1.giftHd {
        font-size: 2.9rem;
        line-height: 0.95;
    }
    .gfthd-sml {
        font-size: 2.1rem;
        margin: 9px 0 4px;
        line-height: 1;
    }
    .shrtTxt {
        font-size: 1.3rem;
        text-align: center;
    }
    .img-right,
    .img-left {
        float: none !important;
        width: 100%;
        margin: 0 auto !important;
        margin-bottom: 20px !important;
    }
    .lngPgMdl-Price {
        font-size: 3rem;
        font-weight: 600;
        margin: -12px 0 8px;
    }
    .shrtSbmt {
        padding: 6px 13px;
        font-size: 0.9rem;
    }
    .sbmtGft {
        width: 130% !important;
        text-align: center;
        margin: 0 -15%;
    }
    .shrtEmail {
        margin: 20px -4%;
    }
    #femail {
        width: 100%;
        font-size: 1.1rem;
        color: #999;
        padding-left: 12px;
    }
    .shrtGift-option p {
        font-size: 17px;
    }
}

.yellow-bg {
    border: #e7303f 4px solid;
    border-radius: 10px;
    background-color: #f9f8da;
    border-style: dashed;
}

.blueish-bg {
    border-radius: 10px;
    background-color: #e6f4ed;
    background-size: contain;
}

.bg-mov {
    background-image: url("./../img/bg-bar.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.dotted-bg {
    border: #000 2px solid;
    border-radius: 11px;
    background-color: #fff;
    border-style: dashed;
    padding: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 10px;
}

.small-bg {
    border: #000000 2px dashed;
    border-radius: 11px;
    background-color: #ffffff;
}

.dark-purple-bg {
    background-color: #000;
    z-index: -1000;
    /* min-height: 84px; */
    line-height: 1;
}

.rust-bg {
    background-color: #bf5d5d;
    z-index: -1000;
    min-height: 84px;
    line-height: 1;
}

.accent-color {
    color: #19265b;
}

.hero-hd {
    font-size: 3.1rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 20px !important;
}

.hero-subimg {
    margin-top: -1rem !important;
}

.hero-hd-lng {
    font-size: 3.2rem;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: -10px;
}

#buyBtn {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Fixed/sticky position */
    bottom: 20px;
    /* Place the button at the bottom of the page */
    right: 30px;
    /* Place the button 30px from the right */
    z-index: 99;
    /* Make sure it does not overlap */
    border: none;
    /* Remove borders */
    outline: none;
    /* Remove outline */
    background-color: red;
    /* Set a background color */
    color: white;
    /* Text color */
    cursor: pointer;
    /* Add a mouse pointer on hover */
    padding: 15px;
    /* Some padding */
    border-radius: 10px;
    /* Rounded corners */
    font-size: 18px;
    /* Increase font size */
}

#buyBtn:hover {
    background-color: #555;
    /* Add a dark-grey background on hover */
}

#arrwBounce h4 {
    font-size: 1.15rem !important;
    letter-spacing: 1px;
    padding: 20px 0;
}

#arrwBounce h4 span {
    font-size: 1.1rem !important;
    letter-spacing: 1px;
    font-weight: 800;
    color: yellow;
}

.blinking {
    animation: opacity 2.5s ease-in-out infinite;
    opacity: 1;
}

@keyframes opacity {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.bg-info-vsl {
    background-color: #000000 !important;
    color: #fff !important;
    text-align: center;
    font-size: 2rem;
    line-height: 1.1;
    padding: 10px 0;
    font-weight: 800;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff !important;
    font-size: 19px;
}

.hamburger-menu {
    position: absolute;
    right: 0;
}

.order-now-button {
    max-width: 155px;
    height: 52px;
    transition: 0.5s;
    margin-top: -10px;
    position: relative;
    left: -10px;
}

.btn-noThanks {
    background-color: transparent;
    border: 0;
    font-size: 2rem;
    color: #0070ff;
    text-decoration: underline;
}

@media (min-width: 992px) {
    .order-now-button {
        margin-top: 0;
        left: 0;
    }
}

.bonus-height {
    min-height: 390px;
    border-radius: 0 0 20px 20px;
}

.bonusframe {
    border-radius: 20px 20px 0 0;
}

.probiotic-img.img-fluid.d-block.mx-auto.pt-4.pt-lg-0.mb-4 {
    border-radius: 50% !important;
}

.order-now-button:hover {
    transform: scale(1.05);
}

.light-purple-bg {
    background-image: radial-gradient( circle at 30% 50%, #eff4fe, #91a0e0 20%, #2142c7 57%, #2642b7 65%);
}

.light-purple-bg-long {
    background-image: url(../img/lng-bg-hero.jpg);
    background-size: cover;
    background-position: bottom;
}

.long-page-short {
    margin: 0 14%;
}

p.bigger {
    line-height: 1.2;
    margin: 0px 0 20px 0;
    font-size: 1.6rem;
    /* color: #999; */
}

p.bigger-gray {
    color: #999;
}

p.check {
    font-size: 19px;
}


/* IMAGES -long */

.sumarian-img {
    max-height: 460px;
    border: 6px solid #c7c8c973;
    border-radius: 20px;
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 0s;
}

.intro-img {
    max-height: 400px;
    max-width: 256px;
    border: 6px solid #c7c8c973;
    border-radius: 20px;
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 0s;
    margin: 24px 0 0 0;
    padding: 0;
}

.hero2-img {
    margin: -2px -3% 0 10px;
    max-width: 380px;
}

.packHero-img {
    width: 750px !important;
    margin: -30px auto 20px;
}

.pineal-img {
    max-width: 492px;
    margin: -6px 0 0 24px;
}

.church-img {
    max-width: 364px;
    margin: 6px 32px 0 0;
}

.bud-img {
    max-width: 200px;
    margin: 0 -1% 0 16px;
}

.horus-img {
    margin: 0 10px 0 -3%;
}

.tesla-img {
    max-width: 490px;
    margin: 0 32px 0 0;
}

.classified-img {
    max-width: 300px;
    margin: 0px 6px 0 -2%;
}

.chakra-img {
    max-width: 315px;
}

.bhag-img {
    margin: 15px 30px 0 -3%;
    max-width: 600px;
}

.switch-img {
    max-width: 300px;
    margin: -2px 20px 0 -5%;
}

.calc-img {
    max-width: 192px;
    margin: 6px 32px 0 0;
    border-radius: 8px;
}

.depress-img {
    max-width: 375px;
    margin: 0 0 0 33px;
}

.eric-img {
    max-width: 214px;
    margin: 5px 33px 0 0;
}

.anger-img {
    max-width: 400px;
    border-radius: 20px;
    margin: 8px -2% 0 22px;
}

.protest-img {
    max-width: 564px;
    margin: 8px 40px 0 0;
}

.flouride-img {
    max-width: 380px;
    margin: -6px 0 0 -6%;
}

.rsrch2-img {
    max-width: 300px;
    margin: 0;
}

.reseaech-img {
    max-width: 360px;
    margin: 0 0 0 30px;
}

.hazard-img.img-left {
    max-width: 400px;
    margin: -8px 12px 0 -7%;
}

.demonic-img {
    max-width: 380px;
    margin: 0 0 0 30px;
}

.brush-img {
    max-width: 376px;
}

.reunion-img {
    max-width: 450px;
    margin: 4px 0 0 15px;
}

.farafay-img {
    max-width: 326px;
    margin: 0 30px 0 0;
}

.stargate-img {
    max-width: 338px;
    margin: 4px 30px 0 0;
}

.napkin-img {
    margin: -28px -3% 0 0;
}

.aerial-img {
    margin: 0 0 0 30px;
    max-width: 224px;
}

.prdctX6-img {
    max-width: 480px;
    margin: 0 0 0 0;
}

.test-img {
    margin: 0 20px 0 -4%;
    max-width: 338px;
}

.zen-img {
    margin: 0 30px 0 -3%;
    max-width: 334px;
}

.control-img {
    max-width: 450px;
    margin: 0 -4% 0 20px;
}

.top5-img {
    margin: 8px 14px 0 -3%;
    max-width: 300px;
}

.awake-img {
    margin: 0 -3% 0 20px;
    max-width: 300px;
}

.dollar-img {
    max-width: 320px;
    margin: 0;
}

.badgesSml {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 260px;
}

.oneYear-img {
    max-height: 250px;
    height: 100% !important;
    margin: -38px 0 0 0;
}

.warn-img {
    margin: 3px 16px -8px 0;
    max-width: 310px;
    float: left;
}

.before-img {
    max-width: 275px;
    margin: 4px 30px 0 0;
    border-radius: 6px;
}

.after-img {
    max-width: 400px;
    margin: 4px 0 0 30px;
    border-radius: 6px;
}

.prdct-img {
    max-width: 198px;
    border-radius: 46px;
    border: 6px solid #ccc;
    margin: 0 30px 0 0;
}


/* Long Page Modal   */

.mdl-hdr {
    background-color: red;
    color: #fff;
    font-size: 2.7rem;
    line-height: 1;
    padding: 0 0 20px 0;
    font-weight: 600;
}

.mdlLng-hd {
    margin-top: 26px;
}


/*.mdl-hdr p {*/


/*  font-size: 3.2rem;*/


/*  margin: -26px 0 0px;*/


/*}*/

.lngPgMdl-exit {
    margin-top: 20px !important;
}

.lngMdl-cntnt {
    display: flex;
}

.lngMdl-txt {
    font-size: 1.45rem !important;
    line-height: 1;
}

.mdl-prdctImg {
    max-width: 380px;
    margin: 0 0 0 -22%;
}

.modal-content-image {
    width: 20%;
}

.lngPgMdl-Price {
    font-size: 3.5rem;
    font-weight: 600;
    margin: -21px 0 0;
}

.lngPgMdl-Price span {
    font-size: 2.5rem;
    font-weight: 400 !important;
    margin: -21px 0 0;
    padding-right: 20px;
    text-decoration: line-through solid 4px #ff00008c;
    color: #999;
}

.extra-text.lngPgeMdl {
    margin: -4px 0 20px 0 !important;
}

.container-fluid.blue {
    background-image: radial-gradient( circle at 30% 50%, #eff4fe, #dbe0f9 20%, #c9d3fb 57%, #b7c1e8 65%);
    padding: 40px 0 30px;
    text-align: center;
    margin: 40px 0;
}

.container-fluid.purple {
    background-image: radial-gradient( circle at 30% 50%, #f7e4fb, #f2eafc 20%, #edcdff 57%, #dfc8ff 65%);
    color: #354769;
    padding: 40px 0 30px;
    text-align: center;
    margin: 40px 0;
}

.hlight-brdr {
    font-size: 1.8rem !important;
    line-height: 1.2 !important;
    border-left: 12px solid #c794de;
    padding: 14px 24px;
    margin: 30px 0;
    color: #255aac;
    background: radial-gradient( circle at 30% 50%, #f7e4fb, #eddeff 20%, #f7effc 57%, #fcf9ff 65%);
}

#testim p {
    font-variant: full-width !important;
    color: #445176 !important;
    line-height: 1.1 !important;
    font-size: 1.3rem !important;
    font-style: italic;
    letter-spacing: 0.5px;
}

.comment-long {
    background-color: #e9e1d17d;
    padding: 4% 8% 2%;
    border-radius: 18px;
    margin: 0 4%;
}

.accent-red {
    color: #d54545;
}


/* p{
      font-size: 20px;
      line-height: 1.2;
  } */

p.smaller {
    font-size: 21.6px;
    line-height: 1.3;
    padding: 0 0 1px !important;
}

p.smaller2 {
    font-size: 17px;
}

h3.smaller {
    font-size: 29px;
}

.smaller2.d-inline.medium-font.ml-2 b {
    color: #007cffcc;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding-left: 12px;
}

.mbl-img-only{
    display: none;
}

.ref-bg {
    background-color: #f5f5f5;
}

.leaves-bg {
    background: radial-gradient( circle at 60% 52%, #d3e4ff, #d5dee9 27%, #97b5e4 79%, #adc3e4 89%);
    margin: 0 6%;
    border-radius: 28px;
    border: 4px solid #fff;
    box-shadow: 3px 5px 19px #00000045;
}

.white-bg-rounded {
    border-radius: 10px;
    background-color: #fff;
}

.sect-knowing {
    background-image: url(../img/bg-doctor.jpg);
    background-size: cover;
}

.long-page-short p {
    font-size: 1.5rem;
    line-height: 1.2;
    max-width: 860px;
}

.checkmark {
    height: 29px;
    width: 29px;
    position: relative;
    top: -2px;
}

.dark-purple-bg-round {
    background-color: #24515f;
    border-radius: 5px;
}

.probiotic-img {
    max-height: 200px;
    border-radius: 50%;
    border: 12px solid #fff;
    box-shadow: 4px 4px 14px #0006;
    margin: -26px 0 0 0;
}

em {
    color: #4471b6;
    font-weight: 800;
}

.col-12.col-lg-4 {
    /* border: 1px solid #ffffffde; */
    margin: 24px 0%;
    border-radius: 20px;
    /* background-color: #ecf2e3; */
}

.col-12.col-lg-3.proIng {
    border: 4px solid #d8d8d86b;
    margin: 0%;
    border-radius: 20px;
    background-color: #ecf2e3ab;
}

@media (max-width: 560px) {
    .col-12.col-lg-3.proIng {
        margin: 0 1% 40px !important;
    }
    .hero-hd-lng {
        font-size: 2.5rem !important;
        line-height: 1.1;
        margin: 0px 12px;
    }
}

@media (min-width: 992px) {
    .col-lg-3 {
        width: 23% !important;
    }
}

.py-3.spacerPrice {
    padding: 0 0 6px 0 !important;
}

@media (min-width: 992px) {
    .col-lg-4 {
        flex: 0 0 auto;
        width: 31.333%;
    }
}

.logoBW.doctor-img {
    max-width: 490px;
    width: 100%;
    -webkit-animation-duration: 4s;
    -webkit-animation-delay: 5s;
}

.mint-bg {
    background-image: url(../img/mint2c.png);
    background-position: 100% 130px;
    background-repeat: no-repeat;
    background-size: cover;
}

.checkmark-bigger {
    height: 50px;
    width: 50px;
    position: relative;
    top: -4px;
}

.bonus-bg {
    background-image: radial-gradient( circle at 50% 50%, #223654, #5b7d9a 34%, #518ca9 74%, #488e9e 81%);
}

.video-bg {
    background-image: radial-gradient( circle at 50% 48%, #8ba9dd, #5263a7 26%, #19265b 75%, #19265b 85%);
}

.bonus-green-border {
    border-radius: 10px;
    border: solid 5px #007953;
}

.bonus-white-border {
    border-radius: 26px;
    border: solid 5px #ffffff6b;
    margin: 0 2%;
    background-color: #00000047;
}

.accent-yellow {
    color: #eefe3c;
}

.shipping-badge {
    max-height: 218px;
    padding: 0 20px;
}

.testimonial-face {
    max-height: 100px;
    border: 5px solid #9d9de2;
    border-radius: 50% !important;
    padding-right: 18px !important;
}

.testimonial-stars {
    max-width: 136px;
    position: relative;
    top: -3px;
}

.div.d-none.d-md-block {
    margin-right: 24px;
}

.references.clickable .reference-link {
    text-decoration: none;
    pointer-events: auto;
}

ol.tsl-ref li {
    font-size: 14px;
    color: #272727;
    padding-bottom: 8px;
    text-align: justify;
    word-break: break-all;
    font-weight: 500;
}

.triangle-grey-ctr {
    position: relative;
    z-index: -3;
    margin: -8px 0 0;
}

.triangle-grey-ctr:after,
.triangle-grey-ctr:before {
    content: " ";
    display: block;
    background-color: red;
    width: 49px;
    height: 49px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: -1000;
}

.triangle-grey-ctr:after {
    background-color: #f8f8f8;
}

.triangle-grey-ctr:before {
    background-color: #edeaea;
}

.triangle-grey-ctr.tg:before {
    background-color: #bf5d5d !important;
}

.triangle-grey-ctr.tg:after {
    background-color: #bf5d5d !important;
}

.triangle-grey-ctr:after {
    top: -1px;
}


/* Footer definitions */


/* Footer Section  */

.footer-top-bg {
    /* background-image:url("../img/footer-top-bg.png"); */
    background-size: cover;
    background-repeat: no-repeat;
}

.footer-middle-bg {
    background-color: #fff !important;
}

.footer-bottom-bg {
    background-color: #5485b9 !important;
    color: #fff;
}

.footer-wrapper .footer-menu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0px;
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: bold;
}

.footer-wrapper .footer-menu .footer-menu-links {
    list-style: none;
    display: inline-block;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
    font-family: bold-font;
}

@media (min-width: 993px) {
    .footer-wrapper {
        background-color: var(--footer-background-color);
        background-size: 100% auto;
    }
    .footer-wrapper .footer-menu .footer-menu-links A {
        text-decoration: none;
    }
    .footer-wrapper .footer-menu .footer-menu-links A:hover {
        text-decoration: none;
        color: var(--footer-hover-color);
    }
}

.footer-menu .footer-menu-links {
    text-align: center;
    padding: 5px;
}

.footer-logo {
    left: -20%;
}

.footer-menu .footer-menu-links a {
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 32px;
    font-weight: 500;
    font-family: Nunito;
    letter-spacing: 1px;
}

.footer-menu .footer-menu-links a:hover {
    color: #8c9292;
}

.footer-main-section p {
    font-size: 14px;
    color: #000000;
    letter-spacing: -0.1px;
    font-weight: 300;
}

a.footer-link {
    color: #000000;
    font-size: 14px;
}


/* .copyright {
      background-image: url(../img/copy.png);
  } */

.copyright h3 {
    font-size: 16px;
    color: #000000;
}

.bg-text-disclaimer {
    color: #000000 !important;
}

footer #disclaimer .main.container>div {
    background-color: transparent !important;
    box-shadow: none !important;
}

footer p {
    font-size: 0.875rem;
}


/* headline */

.headline {
    color: var(--headline-color);
}

.purple-bg-row {
    background-color: #19265b;
}

.grey-bg-row {
    background-color: #f5f5f5;
}

.text-yellow {
    color: #eefe3c;
}

.text-green {
    color: #5ac150;
}

.text-red {
    color: #e7303f;
}

.text-blue {
    color: #4069b1;
}


/* player container styling */

.videobox {
    font-size: var(--font-medium);
    display: block;
}

.guarantee-img {
    max-height: 240px;
    height: 100% !important;
}

.badges-bg {
    background-color: #272727;
}

.badges-bg-up {
    background-color: #f5f5f5;
}

.menu A:hover {
    color: #ccc;
}


/* VSL specific */

.btn-ready {
    margin: 10px 20px -30px 87%;
    position: fixed;
    display: inline-block;
    z-index: 12;
}

.vsl-hero {
    background-image: url("../img/bg-hero.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 176px;
    max-height: 600px;
}

.vsl-headline h1 {
    color: #fff;
    text-align: center;
    font-size: 2.2rem !important;
    line-height: 1;
    text-shadow: 2px 2px 6px #0c1961;
    margin: 12px 0 29px;
}

.dscnt-info h4 {
    font-size: 1.3rem;
    line-height: 1;
    color: #fff;
    padding: 20px 0 15px;
    background-color: red;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: -10px 0 0;
}

.singlePrdct {
    background-image: url(../img/bottles/bg-bottles-1.jpg);
    background-repeat: no-repeat;
}

.threePack {
    background-image: url(../img/bottles/bg-bottles-3.jpg);
    background-repeat: no-repeat;
}

.sixPack {
    background-image: url(../img/bottles/bg-bottles-6.jpg);
    background-position-y: -1px;
}

.singlePrdct,
.threePack,
.sixPack {
    background-size: contain !important;
    max-width: 400px;
    margin: 0 auto;
}

.left,
.middle {
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0px 3px 8px #93a1bc;
    background-size: contain;
    background-repeat: no-repeat;
}

.bg-skyblue {
    background-color: #c0d0dd;
}

.col-narrow {
    margin: 20px 8%;
    font-size: 1.5rem;
    line-height: 1.2;
}


/* Quote container styling */

container.quotes {
    max-width: 80% !important;
    margin: 0 auto;
    margin-top: 0px;
}

.quotePnl {
    width: 28% !important;
    margin: 0 2.5% 0 2.5% !important;
    background-color: #fff6;
    box-shadow: 0 3px 6px #4472b0;
}

.quoteMark img {
    max-width: 72px;
    margin: -42px 0 0 0;
}

.tstStars img {
    max-width: 140px !important;
    margin: 0 0 -20px 0;
}

p.quote-text {
    font-size: 1.2rem !important;
    font-weight: 300;
    margin: 20px 3%;
    font-style: italic;
    line-height: 1.3;
}

.quoteName {
    text-align: center;
    font-weight: 800;
    margin: -18px 0 40px 0;
}

.quoteClose {
    margin: 30px 0 40px;
    font-size: 1.6rem;
}


/* Footer */

.ftrCol-logo {
    margin: 0 50px 0 0 !important;
}

.ftrCol {
    margin: 2px -10px 30px 20px;
}

.ftrCol h4 {
    font-size: 1.3rem;
    color: #3b67b0;
    font-weight: 500;
}

.ftrCol p {
    font-size: 1rem;
    padding: 5px 0 10px !important;
    margin: -2.3px 0 0 !important;
    font-weight: 300;
}

.ftrCol a {
    color: #888;
    text-decoration: none;
    line-height: 1;
}

.ftrCol a:hover {
    color: #3c68b1;
    text-decoration: underline;
}

.col-lg-7.col-12.ndx-intro {
    display: flex;
}

.logoDots {
    max-width: 300px;
    margin: 30px auto !important;
    width: 100%;
    height: 100%;
}

.logoDots-lft {
    margin: 10px 0 20px 0;
    max-width: 300px;
}

.ftr-disclaimer {
    font-size: 1.2rem !important;
    line-height: 1;
    margin: 28px 0 8px;
    letter-spacing: 1px !important;
}

.pricebox-shipping-info {
    color: red;
    font-size: 0.9rem !important;
    line-height: 1;
    padding: 4px;
    margin: 0px !important;
    font-family: Nunito;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

@media (max-width: 560px) {
    .dscnt-info h4 {
        font-size: 0.9rem;
        line-height: 1.3;
    }
    section {
        display: inline-block;
        margin: 220px 0 0;
    }
    /* .prdRange img {
    max-width: 156px;
    margin: -28px 0 0 0;
  } */
    .buy-button3 {
        margin: -30px auto 12px !important;
    }
    .pricebox .price_header {
        padding-top: 10px;
        padding-bottom: 300px;
    }
    .quotePnl {
        width: 95% !important;
        margin: 26px 2.5% 18px 2.5% !important;
    }
    .logoFtr {
        max-width: 250px;
        float: left;
        padding: 30px 0 14px 15px;
    }
}


/* pricebox container styling */

.middle-up-top1 {
    background-color: blue;
    top: -90px;
    position: relative;
    width: 65%;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    z-index: -2;
    background-color: #ffd39e;
    color: #272727;
    font-size: 28px;
}

.middle-up-top2 {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    background-color: #272727;
    margin-top: -107px;
    position: relative;
    width: 85%;
    color: #ffffff;
    z-index: -1;
}

.left {
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0px 3px 8px #93a1bc;
    background-size: contain;
    background-repeat: no-repeat;
}

.middle-up {
    border-radius: 23px;
    margin-top: -35px;
    box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.42);
    background-image: url(../img/middle-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.prdRange img {
    max-width: 146px;
    margin: -20px 0 -10px 0;
}

.middle:hover {
    transform: scale(1.02);
    filter: drop-shadow(0 0 1rem rgba(94, 93, 93, 0.44));
    z-index: 4;
    position: relative;
}

.middle-up:hover {
    transform: scale(1.02);
    box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.42);
    z-index: 4;
    position: relative;
}

.left:hover {
    transform: scale(1.02);
    z-index: 4;
    position: relative;
}

.pricePont {
    max-width: 250px !important;
}

.pricebox .price-box {
    transition: transform 0.3s;
}

.pricebox .price-box:hover {
    transform: scale(1.03);
}

.pricebox .price_header {
    font-size: 35px;
    color: white;
    border-radius: 16px;
}

.pricebox .price {
    padding: 2px;
    font-size: 55px;
    line-height: 63px;
    font-weight: bold;
}

.pricebox .per_bottle {
    padding: 2px;
    font-size: 31px;
    font-weight: bold;
    line-height: 29px;
}

.pricebox .price_product_box {
    height: 230px;
    max-height: 230px;
    /* padding-top: 12px; */
    padding-bottom: 20px;
}


/* .card-section p {
    font-size: 1rem !important;
  } */

p.cardTxt {
    text-align: center;
    color: #999;
    letter-spacing: 1px;
    line-height: 1;
    font-size: 0.9rem !important;
    margin: 0 0 6px 0;
}

.pt-3.spacerPrice {
    padding: 0 0 17px 0 !important;
}

.pricebox .price_bottle {
    color: #272727;
}

.pricebox .price-box S {
    color: #272727;
    font-weight: normal;
}

@media (min-width: 993px) {
    .pricebox .highlighted .price-box::before {
        content: " ";
        position: absolute;
        top: -50px;
        /* right: -50px; */
        display: block;
        z-index: 5;
        background-size: 100% 100%;
        width: 100px;
        height: 100px;
    }
}


/*  Exit popup */

.mypop {
    z-index: 20;
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    background-color: RGBA(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
}

.mypop A {
    text-decoration: none;
    color: var(--main-font-color);
}

.mypop .videorow .col {
    padding: 40px;
}

.mypop .mypop_inner {
    position: relative;
    border-radius: 45px;
    border: solid 3px white;
    width: 915px;
    max-width: 100%;
    height: 650px;
    max-height: 100%;
    margin: auto;
    background: linear-gradient( 0deg, rgba(255, 254, 255, 1) 0%, rgba(215, 255, 254, 1) 100%);
}

.mypop .close_buton {
    display: flex;
    z-index: 5;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 20px;
    top: 20px;
    border: solid 2px white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.mypop .close_buton A {
    color: black;
}


/* misc */

.main-cta {
    /* display:none; */
}

.bg-info {
    background: black !important;
    text-align: center;
    color: #fff;
    padding: 0 12px 0;
    margin: 0 0 40px;
}

.card-product {
    padding: 0 19px;
}

.price-boxhdr {
    background-color: #c6d2ea;
    text-align: center;
    font-size: 1.4rem;
    padding: 6px 0 8px !important;
    margin-top: -3px;
    margin-bottom: 12px;
}

.price-boxhdr-best {
    background-color: #ec8a74;
    text-align: center;
    font-size: 1.4rem;
    padding: 0 0 8px;
    margin-bottom: 12px;
    margin-top: -2px;
}

.mainPrice {
    font-size: 5.8rem;
    text-align: center;
    font-weight: 600;
    color: #304494;
    margin: 0px;
}

.mainPrice span {
    font-size: 1.8rem;
    margin-left: -24px;
    font-weight: 400;
}

.atc-button {
    border: 2px solid #f90;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    background: linear-gradient(90deg,#f90 0,#ffd500 100%);
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 29px;
    font-weight: 700;
    padding: 7px;
    margin-bottom: 1.25em;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: .2s ease-in-out;
    padding: 13px 30px;
    margin-bottom: 0.8em;
    text-align: center;
    width: 100%;
    /* max-width: fit-content; */
    line-height: 1.2;
    font-family: "League Spartan",sans-serif !important;
}
.txt-left
{
    text-align: left;
}
.dis-blk
{
    display: block;
}
.icon {
    background-image: url(/assets/images/basket.svg);
    background-repeat: no-repeat;
    background-size: contain;
    -ms-flex: 0 0 25px;
    flex: 0 0 25px;
    display: inline-block;
    width: 25px;
    height: 47px;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    margin-right: 10px;
}
.icon2 {
    background-image: url(/assets/images/basket.svg);
    background-repeat: no-repeat;
    background-size: contain;
    -ms-flex: 0 0 25px;
    flex: 0 0 25px;
    display: inline-block;
    width: 40px;
    height: 60px;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    margin-right: 10px;
    align-self: center;
}
.pricebox-free-bonus-img {
    margin: -8px 0 -22px;
}

.pricebox-bottle-nr.text-center {
    font-size: 2.3rem;
    margin: 6px 0 -3px !important;
}

.mb-lg-5 {
    margin-bottom: 2rem !important;
}

.pricebox-shipping-info {
    color: red;
    font-size: 0.9rem !important;
    line-height: 1;
    padding: 4px;
    margin: 0 0 24px 0 !important;
    font-family: Nunito;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.atf_wrapper {
    max-height: 100vh;
    width: 100%;
    max-width: calc(100vh * 1.35);
    margin: auto;
    display: block;
    --overflow: hidden;
    --max-headline: 8vh;
}

.atf_wrapper .headline SVG {
    width: 100%;
    --max-height: 8vh;
}

.container.pricebox {
    margin: 0 auto 28px !important;
    position: relative;
    padding: 80px 15px 50px;
}

.badgesSml {
    max-width: 5000px;
    margin: 0 auto 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oneYear-sml,
.ship-sml {
    max-width: 220px;
    padding: 0 12px 0;
    margin: -20px 0 30px 0;
}

@media (min-width: 0) and (max-width: 1023px) {
    .triangle-grey-ctr:after,
    .triangle-grey-ctr:before {
        width: 40px;
        height: 40px;
    }
}

@media (min-width: 1024px) {
    .triangle-grey-ctr:before {
        width: 50px;
        height: 50px;
    }
    .navbar-nav {
        position: absolute;
        right: 0;
    }
    /*.atc-button {
    font-size: 25px;
    padding: 10px 22px;
}
    .icon {
    width: 25px;
    height: 40px;
}
.icon2 {
    width: 28px;
    height: 41px;
}*/



}

@media (min-width: 1300px) {
    .container {
        max-width: 1200px;
    }
    .container-md {
        max-width: 1140px;
    }
    .container-sm {
        max-width: 1040px;
    }
    .container-xs {}
}

@media (min-width: 993px) {
    .col-lg-6.col-lg-6-small {
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%;
    }
    .saving-details {
        font-size: 40px;
    }
    .nr-of-jars {
        font-size: 56px;
    }
}

@media (max-width: 993px) {
    .dotted-bg {
        margin: -25px;
    }
    h1.b-price {
        font-size: 36px;
    }
    h1.small-title {
        font-size: 23px;
    }
    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 32px;
    }
    h2.smaller {
        font-size: 20px;
    }
    h2.reth2 {
        font-size: 36px;
    }
    p.bigger {
        font-size: 24px;
    }
    h3 {
        font-size: 24px;
    }
    h3.smaller {
        font-size: 29px;
    }
    h4 {
        font-size: 20px;
    }
    h4.small-title {
        font-size: 20px;
    }
    .time {
        font-size: 40px !important;
    }
}

@media (max-width: 560px) {
    h3 {
        font-size: 28px !important;
        line-height: 1;
    }
    h1.ndx-sub {
        font-size: 2.7rem !important;
    }
}

[filter] {
    display: none;
}

.ret-bg {
    background-image: url(../img/form-green.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.ret-bg2 {
    background-image: url(../img/form-red.png);
    background-repeat: no-repeat;
    background-size: 80% 100%;
    background-position: center;
}

@media (max-width: 993px) {
    .light-purple-bg {
        background-image: radial-gradient( circle at 50% 20%, #8ba9dd, #5263a7 20%, #19265b 57%, #19265b 65%);
    }
    .ret-bg2 {
        background-size: 100% 100%;
    }
}

.top-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: inherit;
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    height: 50px;
    padding: 1em;
}

.menu {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    margin: 4px 0 -4px;
    padding: 0;
}

.menu>li {
    margin: 0 1rem;
    overflow: hidden;
}

.menu.menu-long>li a {
    font-size: 0.9rem;
    font-weight: 300;
}

.menu-button-container {
    display: none;
    height: 100%;
    width: 30px;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#menu-toggle {
    display: none;
}

.menu-button,
.menu-button::before,
.menu-button::after {
    display: block;
    background-color: #fff;
    position: absolute;
    height: 4px;
    width: 30px;
    transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
    border-radius: 2px;
}

.menu-button::before {
    content: "";
    margin-top: -8px;
}

.menu-button::after {
    content: "";
    margin-top: 8px;
}

#menu-toggle:checked+.menu-button-container .menu-button::before {
    margin-top: 0px;
    transform: rotate(405deg);
}

#menu-toggle:checked+.menu-button-container .menu-button {
    background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked+.menu-button-container .menu-button::after {
    margin-top: 0px;
    transform: rotate(-405deg);
}

.menu>li a {
    color: #234b8c;
    font-size: 18px;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: 400;
}
.mbl-img-only{
    display: none;
}
.ml-42{
    margin-left: 42% !important;
}
.menu>li a:hover {
    text-decoration: none;
}

.mobile-space {
    margin-left: -55px;
}

.mobile-space2 {
    margin-left: -25px;
}

.mobile-space1 {
    margin-left: -80px !important;
}

@media (max-width: 992px) {
    .menu-button-container {
        display: flex;
        position: fixed;
        top: 3%;
        right: 10%;
        background: #272727;
        width: 44px;
        height: 44px;
        border-radius: 10px;
        z-index: 999999999;
    }
    .menu {
        position: fixed;
        z-index: 99999999;
        top: 0;
        margin-top: 0px !important;
        left: 0;
        flex-direction: column;
        width: 100%;
        justify-content: start;
        align-items: center;
        z-index: 9999;
    }
    #menu-toggle~.menu li {
        height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    #menu-toggle:checked~.menu li {
        border: 1px solid #373737;
        height: 3.2em;
        padding: 0 28px;
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    #menu-toggle:checked~.menu li a {
        color: #fff !important;
        text-align: left;
        font-size: 19px;
        padding: 18px 0 0;
    }
    .menu>li {
        display: flex;
        margin: 0;
        padding: 0.5em 0;
        width: 100%;
        color: white;
        background-color: #272727;
    }
    .menu>li a {
        padding-left: 5px;
    }
    .menu>li:not(:last-child) {
        border-bottom: 1px solid #6d4a91;
    }
}

@media (max-width: 860px) {
    .menu {
        margin-top: 90px;
    }
}

@media (max-width: 481px) {
    .menu {
        margin-top: 80px;
    }
}

@media (max-width: 992px) {
    .menu {
        margin-top: 80px;
    }
    .mobile-space {
        margin-left: 0px !important;
    }
    .mobile-space1 {
        margin-left: 0px !important;
    }
    .mobile-space2 {
        margin-left: 0px !important;
    }
}


/* player container styling */

.videobox {
    font-size: var(--font-medium);
    display: block;
}

@keyframes vslPulseButtonDesktop {
    from {
        background-size: 40% auto;
    }
    to {
        background-size: 42% auto;
    }
}

@keyframes vslPulseButtonMobi {
    from {
        background-size: 70% auto;
    }
    to {
        background-size: 72% auto;
    }
}

.up_container a.soundButton {
    animation: vslPulseButtonMobi 1s linear infinite alternate;
    /* background-image:url(../img/play-video-round.png); */
    opacity: 0.9;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70% auto;
}

.up_container div.playpause {
    animation: vslPulseButtonMobi 1s linear infinite alternate;
    /* background-image:url(../img/resume-video-round.png); */
    opacity: 0.9;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70% auto;
}

@media (min-width: 993px) {
    .up_container a.soundButton {
        animation: vslPulseButtonDesktop 1s linear infinite alternate;
        background-size: 40% auto;
    }
    .up_container div.playpause {
        animation: vslPulseButtonDesktop 1s linear infinite alternate;
        background-size: 40% auto;
    }
}

* {
    scroll-behavior: smooth;
    font-family: Nunito !important;
}

.orderreel {
    z-index: 100;
    opacity: 0.9;
    transform: scale(0.45);
    transition: transform 0.5s, left 0.5s;
    display: flex;
    font-family: Arial;
    position: fixed;
    bottom: 5px;
    left: -15px;
    background-color: white;
    border: solid 4px #227dc2;
    border-radius: 50px;
    background: white;
}

.orderreel .message {
    size: 0.2rem;
    transition: width 1s;
    width: 0px;
    height: 0px;
    width: 0px;
    opacity: 0;
    text-align: center;
    display: inline-block;
}

.orderreel .message .msg {
    margin-right: 20px;
    margin-top: 4px;
}

.countdown-title {
    color: var(--countdown-title-color);
}

.countdown-time {
    color: #eefe3c;
    font-size: 54px;
}

.up_container {
    border: solid 4px white;
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 50%);
    box-sizing: border-box;
}

.up-buy-button {
    transition: 0.5s;
    width: 859px;
}

.up-buy-button:hover {
    transform: scale(1.01);
}

.saving-details {
    font-size: 26px;
}

.nr-of-jars {
    font-size: 38px;
}

.triangle-check li {
    background: url(../img/checkmark2.png) no-repeat left 0px top 3px;
    padding: 6px 0px 0px 35px;
    list-style: none;
    margin: 0;
    vertical-align: middle;
    background-size: 30px 30px;
}

.faq {
    font-size: 29px;
}

.faq li::marker {
    font-weight: bold;
    font-family: Nunito;
}

.form {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 80%;
    /* 1:1 Aspect Ratio */
}

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.upsell_buy_btn {
    transition: 0.7s;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold !important;
    font-family: bold-font !important;
    --btn-color: #003fe2;
    border-radius: 10px;
    border: solid 3px var(--btn-color);
    background-color: #ffe24f;
    color: var(--btn-color);
    font-size: 19px;
    text-decoration: none !important;
    text-align: center;
    letter-spacing: 0px;
    line-height: 1.09;
    padding: 13px 3px;
    max-width: 88%;
}

.upsell_buy_btn:hover {
    transform: scale(1.015);
    transition: 0.7s;
}

@media (min-width: 375px) {
    .upsell_buy_btn {
        font-size: 22px;
        max-width: 320px;
    }
}

@media (min-width: 767px) {
    .upsell_buy_btn {
        max-width: 100%;
        position: relative;
        padding: 15px 20px 18px 20px;
    }
}

@media (min-width: 993px) {
    .upsell_buy_btn {
        max-width: 100%;
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 36px;
        padding: 15px 20px 18px 20px;
        border: solid 3.7px var(--btn-color);
    }
}

@media (min-width: 1200px) {
    .upsell_buy_btn {
        font-size: 43px;
    }
}

#advertorial {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    color: #fff;
}

.dark-height {
    max-height: 76px;
}

DIV.buy-container .action-btn {
    background: linear-gradient( 360deg, rgba(226, 190, 0, 1) 0%, rgba(255, 228, 86, 1) 100%);
}

DIV.vsl_timer article {
    width: auto;
    text-align: center;
    border-radius: 10px;
    margin: 0px auto 8px;
    padding: 5px;
    overflow: hidden;
    box-shadow: none;
    background-color: #f0f8ff00;
}

DIV.vsl_timer article h2 {
    font-weight: bold;
    line-height: 1.4;
    padding: 15px;
    padding-bottom: 0;
    color: #fff;
}

DIV.vsl_timer article #timer {
    background-color: #f0f8ff00;
    color: #eefe3c;
    font-size: 54px;
}

.order-support-table {
    border: 2px solid #dee2e6;
}

.order-support-table tr:nth-child(2n) {
    background: #f5f5f5;
}

.order-support-table tr td:nth-last-of-type(2) {
    width: 45%;
    padding-top: 10px;
}

.order-support-table td {
    padding: 10px;
}

.support-table-img {
    max-width: 35px;
}

tr.support-table-numbers,
.support-table-numbers {
    display: none;
}

#contactUsInfoTrigger {
    cursor: pointer;
}

.buy-container {
    padding: 35px 10px !important;
}

.leaves-bg2 {
    background-image: url(../img/leaves-bg-up.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.triangle-check li {
    background: url(../img/checkmark2.png) no-repeat left 0px top 5px;
    padding: 3px 0px 10px 35px;
    list-style: none;
    margin: 6px 0 0 0;
    vertical-align: middle;
    background-size: 30px 30px;
    font-size: 19px !important;
    font-weight: normal !important;
    line-height: 1.1;
    font-family: Nunito;
}

.triangle-check-2 li {
    background: url(../img/checkmark2.png) no-repeat left 0px top 10px;
    padding: 15px 0px 0px 45px;
    list-style: none;
    margin: 0;
    vertical-align: middle;
    background-size: 40px 40px;
    font-size: 20px !important;
    font-weight: normal !important;
}

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

.has-text-centered.is-size-5-touch {
    margin-bottom: 24px;
}

#continueWatching {
    background-color: red;
    text-decoration: none;
    padding: 0 30px;
}

@media (max-width: 560px) {
    .col-6 {
        width: auto;
    }
    .pricebox .price_product_box {
        display: none;
    }
    .modal-wrapper.exit-intent .modal-content {
        /* width: 70%;
      margin: 0 15% 0 0 !important;
      display: none;*/
    }
    .lngMdl-txt {
        font-size: 1.35rem !important;
        line-height: 1.2;
        margin: 0 6% 12px;
    }
    .modal-content-image {
        display: none;
    }
    .footer-menu {
        display: none !important;
    }
    .menu-button-container {
        right: 8%;
    }
    #buyBtn {
        right: 24% !important;
    }
}

#contWatch {
    border: none !important;
    margin: 10px auto 0 !important;
    background-color: red;
    border-radius: 6px !important;
    padding: 7px 30px;
    font-size: 1.7rem;
    line-height: 1.1;
    color: #fff;
    box-shadow: 0px 3px 6px #000;
    z-index: 3000;
}

#contWatch:hover {
    background-color: #c41515;
}

#contWatch::before,
#contWatch::after {
    content: initial;
}

.lngPge-btn {
    padding: 10px 45px !important;
    font-size: 1.5rem !important;
    margin: -10px auto 0 !important;
}

.mdl-date {
    margin: -10px 0 6px;
}

.mdl-prdctImg-zen {
    max-width: 400px;
    margin: 20px 0 0 -22%;
}


/* ---- LONG PAGE ----- */

.ndx-hero-long {
    background-image: url("../img/bg-ndx-hero.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 40px;
    margin-bottom: 70px;
    position: relative;
}

.hd-top h2 {
    font-weight: 600;
    font-size: 3rem;
    color: #fff;
    text-shadow: 2px 2px 5px #154868;
    margin: 0px;
    line-height: 1.2;
}

.orderNowBtn a {
    color: #fff !important;
    font-size: 16px;
    font-weight: 800;
    background: #4069b2;
    padding: 5px 15px;
    line-height: 2;
    border-radius: 24px;
}

.hd-top span {
    color: #ff0c;
}

.col-4.hero-plug {
    margin: 90px 0 -30px -100px;
    overflow: visible;
}

.bns-header-long {
    margin: 0px 10% 40px !important;
}

.upsell-panel-long {
    border-top: 6px solid #6093df;
    border-radius: 20px;
    box-shadow: 0 5px 8px #506a9166;
    padding: 40px 3% 0;
    background: linear-gradient( to bottom, rgba(157, 178, 204, 0.48) 0%, rgb(255, 255, 255) 73%, rgb(255, 255, 255) 73%);
}

.lng-heroSb {
    font-size: 1.44rem;
    color: #fff;
    line-height: 1.2;
}

.hero-earplug {
    min-width: 656px;
    margin-top: 40px;
    margin-bottom: -6.5%;
}

.logoDotsWhite {
    max-width: 300px;
    padding: 10px 0 10px;
    margin: 0 !important;
}

.lng-pnl-10 {
    max-width: 80% !important;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 0px;
    z-index: 10;
    position: relative;
}

.lng-pnl-consult {
    max-width: 80% !important;
    margin: 0 auto;
    z-index: 10;
    position: relative;
    background-image: url("../img/long/lng-consult.png");
}

.lng-panel-one {
    border-top: 8px solid #4069b1;
    border-radius: 20px;
    box-shadow: 0 5px 8px #506a9166;
    padding: 20px 3%;
    margin: 0 auto;
    width: 88%;
    background-image: url("../img/long/lng-consult.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 48%;
}

.lng-panel-two {
    border-radius: 20px;
    box-shadow: 0 5px 8px #506a9166;
    padding: 20px 4%;
    margin-bottom: 18px;
    background: #fff;
}

.lng-panel-white {
    box-shadow: 0 5px 8px #506a9166;
    padding: 20px 5%;
    margin-bottom: 18px;
    border-radius: 20px;
}

.lng-panel-three {
    border-top: 8px solid #4069b1;
    border-radius: 20px;
    box-shadow: 0 5px 8px #506a9166;
    padding: 20px 6% !important;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-image: url("../img/long/lngBG-depression2.jpg");
    background-size: 60%;
}

.lng-panel-four {
    border-top: 8px solid #6b93ba;
    border-radius: 20px;
    box-shadow: 0 5px 8px #506a9166;
    padding: 20px 6%;
    background-color: #e8f3fc;
    margin-bottom: 20px;
}

.headingLight {
    border-radius: 5px;
    border: 1px solid rgba(64, 105, 177, 0.2);
    background: #f1f4fa;
    color: #000;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: capitalize;
    padding: 8px 10px;
    margin-bottom: 30px;
}


/* spacers */

.sct-mrgn-80 {
    margin-top: -120px;
    padding-top: 90px;
}

.sct-mrgn-160 {
    margin-top: -160px;
    padding-top: 90px;
}

.row-right40 {
    margin-left: 40%;
    width: 45% !important;
}

.row-right50 {
    margin-left: 36%;
    width: 50% !important;
}

.row-right60 {
    margin-left: 37%;
    width: 62% !important;
    padding: 25px 0px;
}

.row-right2070 {
    margin-left: 20%;
    width: 70%;
}

.row-left60 {
    margin-left: 15%;
    width: 60%;
    padding-bottom: 40px;
}

.row-left40 {
    margin-left: 15%;
    width: 45% !important;
    /*    padding-bottom: 40px;*/
}

.row-left060 {
    width: 64%;
    padding-bottom: 40px;
}

.row-right4060 {
    margin-left: 40%;
    width: 60%;
}

.lng-subhd-prime {
    font-size: 3.5rem;
    line-height: 1;
    padding: 0 0 20px;
    color: #436fb6;
}

.lng-subhd {
    font-size: 2.8rem;
    line-height: 1.3;
    font-weight: 600;
    padding-bottom: 20px;
    color: #000;
    margin-top: 0px;
}

.lng-subhd span {
    color: #2dae3b;
}


/*  long page alts  */

h1.long-sub {
    font-size: 3.3rem;
}

.logoDots-left {
    max-width: 300px;
    margin: 10px auto;
}

.warning-img {
    text-align: center;
    border-bottom: 1px solid #3466a9;
    margin-bottom: 60px;
    margin-top: -40px;
}

.cntrWarn {
    margin: 30px 0 -32px;
}

.lng-panel-op4-switched {
    border-top: 8px solid #4cc57c;
    border-radius: 20px;
    box-shadow: 0 5px 8px #506a9166;
    padding: 20px 6%;
    padding-top: 20px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-image: url("../img/long/lng-bg-earPlug.jpg");
    background-size: cover;
}

.opt4-hdr {
    font-size: 3rem;
    text-align: center;
    line-height: 1;
    margin: 0 8%;
    width: 84%;
}

.bg-bluey.sctEarPlug {
    background-image: url("../img/long/lng-bg-earSqueeze.jpg");
    background-repeat: no-repeat;
    background-color: #e6f0f2;
    background-position-x: right;
    background-size: cover;
}

.bg-bluey.stretchR {
    background-image: url("../img/long/lng-bg-stretchR.jpg");
    background-repeat: no-repeat;
    background-color: #ccdfee;
}

@media (max-width: 600px) {
    .mdl-prdct-wkn21 {
        max-width: 310px;
    }
}
@media (max-width: 560px) {
    h1.long-sub {
        font-size: 2.4rem;
        line-height: 1;
    }
    .txt-panel.mblAdjust.Opt3 {
        width: 90%;
        margin: 0px 5% 40px 5%;
    }
    .lng-panel-op4-switched {
        border-top: 8px solid #4cc57c;
        border-radius: 20px;
        box-shadow: 0 5px 8px #506a9166;
        padding: 19px 5%;
        padding-top: 20px;
        background-color: #edefee;
        background-image: none;
        width: 90%;
    }
    .opt4-hdr {
        font-size: 2.2rem;
        text-align: center;
        line-height: 1;
        margin: 30px 7% -20px;
        width: 86%;
    }
    .txt-panel.mblAdjust.opt4 {
        width: 90%;
        margin: 0 5% 140px;
    }
    .bg-bluey.sctEarPlug {
        background-image: none;
        margin-top: -100px;
        padding-top: 20px;
    }
    .bg-bluey.stretchR {
        background-image: none;
    }
    .bgFamily {
        background-position: bottom left;
    }
    .daughterSwing {
        background-position: right 105%;
    }
    .prodBox {
        margin: 10px auto 26px 22px;
        float: none;
    }
}


/*  end of options */

.long-sub {
    font-size: 2.5rem;
    font-weight: 600;
    color: #3466a9;
    line-height: 1.3;
    margin-bottom: 0px !important;
    display: block;
}

.long-sub p {
    font-size: 1.7rem;
    line-height: 1;
    font-weight: 600;
    color: #000;
}

.long-intro-txt {
    font-size: 1.3rem;
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: 0.25px;
    color: #333;
    padding-right: 30px;
}


/* .long-sub span {
    font-size: 2.4rem;
    color: #3466a9a6;
  } */

.bg-bluey.sctDoc {
    background-image: url("../img/bottles/doctorImg.webp");
    background-repeat: no-repeat;
    background-color: #c7e1f2;
    background-size: 55% 100%;
}

.pnl-pnlHigh-blue {
    background-image: url("../img/headingBg.png");
    padding: 50px 4% 40px;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 30px;
}

.blueSctHdr {
    font-size: 2.5rem;
    line-height: 1.3;
    text-transform: capitalize;
}

.blueSctHdr span {
    color: #bcfd4a;
}

.mb-20 {
    display: block;
    margin: 0px auto 20px;
}
.bg-bluey.sctStretch {
    background-image: url("../img/denim_bg.webp");
    background-repeat: no-repeat;
    background-color: #c7e1f2;
    background-size: 100% 100%;
    background-position: center;
}

.lng-subhd-four {
    font-size: 2.6rem;
    font-weight: 600;
    color: #3466a9;
    line-height: 1.2;
}

.green-sub {
    color: #58ad58 !important;
    font-weight: 600 !important;
    font-size: 2.5rem !important;
}

.blue-sub {
    color: #1b3361 !important;
    font-weight: 600 !important;
}

.row.shtfLft-hdr {
    width: 86.5%;
    background-color: #3466a9;
    padding: 20px 5% 30px;
    display: flex;
    text-align: center;
    margin: 40px 0;
    border-radius: 0 30px 30px 0px;
}

h1.long-subBlue {
    font-size: 2.9rem;
    line-height: 1.3;
    margin: 12px 0 9px 10% !important;
    font-weight: 600;
    text-align: left;
    padding: 10px 0 0;
}

.lngSbBl-two p {
    font-size: 1.7rem !important;
    color: #b9c6e2;
    text-align: left;
    margin-left: 10%;
    margin-top: -10px;
    line-height: 1.1;
    margin-bottom: -6px;
}

.lngBns-bks {
    width: 95%;
    margin: 20px auto;
}

.bonusTxt-long {
    font-size: 19px;
    font-weight: 400;
    text-align: left;
    line-height: 1.3;
    border-top: 1px solid rgba(64, 105, 177, 0.2);
    padding: 14px 0 19px;
    list-style: none;
    display: flex;
}

.QuoteHdr {
    font-size: 2.8rem;
    line-height: 1.2;
    text-transform: capitalize;
}

.points {
    list-style: none;
}

.points li {
    position: relative;
    border-radius: 10px;
    margin: 10px 0px;
    padding-left: 40px;
    border: 1px solid #4069B14D;
    padding-top: 10px;
}

.padd-left{
    padding-left: 0px !important;
}

.points li::before {
    content: "";
    background-image: url(/assets-mbn/images/check_tick.webp);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    max-width: 20px;
    top: 25%;
    left: 1.5%;
}

.longQte {
    border: 1px solid #6f958963;
    box-shadow: 0px 4px 12px #496b6c78;
    background-color: #e9e7cd8a;
    margin: 0 1.5% !important;
    width: 30%;
    text-align: center;
    padding: 0 4% 16px;
}

.narrowCol {
    margin: 0px 8% 10px !important;
    font-size: 1.35rem;
    line-height: 1.2;
    /* margin-bottom: 10px; */
}

.quoteMrk-img {
    margin-top: -20px;
    margin-bottom: 0px !important;
}

.qteTxt {
    font-size: 1.3rem;
    font-style: italic;
    letter-spacing: 0.5px;
    font-weight: 300;
}

.bg-bluey.sctSelf {
    background-image: url("../img/james-v2.webp");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #d7dddb;
    background-size: auto;
}

.bonusTxt-long::before {
    content: "";
    display: inline-block;
    width: 100%;
    max-width: 20px;
    height: 20px;
    background-image: url("../img/blueTick.png");
    background-size: cover;
    background-repeat: no-repeat;
    margin: 8px 15px 0px 0px;
}

.selfHdr {
    font-size: 3rem;
    line-height: 1;
    padding: 20px 0;
}

.vertDots {
    font-size: 2rem;
    line-height: 1.3;
    padding: 0 0 0 24px;
    margin: 40px 20px 20px;
    color: #4069b1;
    font-weight: 600;
    border-left: 5px solid !important;
    border-image: linear-gradient(to bottom, #3d69b2, #fff) 1;
    display: grid;
}

.img-left-ndx-framed-three {
    max-width: 286px;
    border-radius: 12px !important;
    padding: 0;
    box-shadow: 3px 3px 7px #000000bf;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

h4.larger {
    font-size: 1.75rem;
    line-height: 1.2;
    padding: 0 0 10px 0;
}

.sml-hghPanel {
    display: flex;
    padding: 2px 2% 0px 4%;
    border: 1px solid #fff;
    margin: 10px 0px;
    border-radius: 20px;
    box-shadow: 0 0 9px #718695a8;
}

.sml-hghPanel-one {
    display: flex;
    padding: 2px 2% 0px 4%;
    border: 1px solid #fff;
    margin: 10px 5%;
    border-radius: 20px;
    box-shadow: 0 0 9px #718695a8;
    background-color: #f5f5ef;
}

.sml-hghPanel-one h3 {
    font-size: 26px;
    margin: 0;
    color: #1d4ca6;
    padding: 12px 0 0;
}

.sml-seekPanel {
    display: flex;
    padding: 2px 2% 0px 4%;
    margin: 10px auto;
    border-radius: 20px;
    border-radius: 10px;
    border: 1px solid rgba(64, 105, 177, 0.3);
}

.ding-cross {
    padding-bottom: 10px;
    margin-right: 24px;
    align-self: center;
}

.ding-quest {
    padding: 14px 14px 0 0;
    margin: 20px 24px 18px -27px;
}

.questDing {
    margin-top: -16px;
}

.qstHdr {
    font-weight: 600;
    line-height: 1.3;
    color: #125179;
    padding-top: 12px;
}

.container.pnl-heresWHy {
    padding: 2px 2% 0px 4%;
    border: 4px solid #fff;
    margin: 30px auto;
    border-radius: 20px;
    box-shadow: 0 0 9px #306891a8;
    background-color: aliceblue;
}

.bottleWithBns {
    float: right;
    width: 480px;
    max-width: 100%;
    margin-bottom: 30px;
    margin-right: 30px;
}

.hw-subhd {
    font-size: 4.4rem;
    font-weight: 800;
    color: #074dbf;
    padding: 20px 0 8px;
    line-height: 0.95;
}

@media only screen and (max-width: 560px) {
    .bottleWithBns {
        float: none;
        margin: 30px -6px -6px;
        max-width: 360px;
    }
    .hw-subhd {
        font-size: 3rem;
    }
}

.sml-hghPanel h3 {
    font-size: 1.7rem;
    margin: 0;
    color: #1d4ca6;
    padding: 12px 0 0;
}

.triedBefore {
    padding-right: 10%;
}

.sourceBefore {
    padding: 20px 0 10px 0;
}

.lng-panel {
    border-top: 8px solid #3466a9;
    border-radius: 20px;
    box-shadow: 0 5px 8px #506a9166;
    padding: 20px 4%;
    margin-bottom: 18px;
}

.lng-panel-blue {
    border-top: 8px solid #62adda;
    border-radius: 20px;
    box-shadow: 0 5px 8px #506a9166;
    padding: 30px 10px;
    background-color: #fff;
    margin-bottom: 20px;
}

.bluePnlHdr {
    background: #f1f4fa;
}

.lng-pnl-sml {
    border-radius: 20px;
    box-shadow: 0 5px 14px #506a9166;
    padding: 30px 5%;
    background-color: #fff;
    margin-top: 40px;
    margin-bottom: 20px;
}

.bg-bluey.sctSqueeze {
    background-image: url("../img/long/lngBg-girlSqueeze.jpg");
    background-repeat: no-repeat;
    background-color: #f3f7f8;
}

.sctConnect {
    background-image: url("../img/long/lngBg-connectors.jpg");
    background-repeat: no-repeat;
    background-color: #edefee;
    background-size: cover;
    padding: 0 0 30px 0;
}

.framed {
    max-width: 312px;
    border-radius: 12px !important;
    padding: 0;
    box-shadow: 3px 3px 7px #000000bf;
    border-top: 1px solid #fff;
    margin: 0px 40px 20px 0 !important;
}

.img-rght-lng-framed {
    max-width: 360px;
    border-radius: 12px !important;
    padding: 0;
    box-shadow: 3px 3px 7px #000000bf;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    float: right;
    margin-left: 30px;
}

.sctPrecise {
    background-image: url("../img/long/lngBG-depressionB.jpg");
    background-repeat: no-repeat;
    background-position-x: right;
    background-color: #edefee;
    background-size: contain;
}

.sctMicroscope {
    background-image: url("../img/long/lngBG-microscope.jpg");
    background-size: contain;
}

.sctWakeUp {
    background-image: url("../img/long/lngBG-wakeUp.jpg");
    background-size: contain;
}

.sctPiggyback {
    background-image: url("../img/long/lngBG-piggyback.jpg");
    background-position-y: bottom;
    background-size: contain;
}

.daughterSwing {
    background-color: #f1f2f4;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-image: url("../img/long/lngBG-daughter.jpg");
    background-size: 50%;
}

h2.bluePnlSctHdr {
    background-color: #3466a9;
    margin: -25px -7% 0;
    padding: 30px 5%;
    border-radius: 18px 18px 0 0;
    color: #fff;
    font-weight: 600;
    font-size: 2.6rem;
    line-height: 1.1;
    text-align: center;
}

.subExplain {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    padding: 30px 0 18px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #1b3b67;
}

.ding-step img {
    width: 50px;
    margin-left: -14px;
}

.singleStep {
    /* margin-left: 6%; */
    /* width: 88%;
    margin-top: -112px; */
}

.singleStep h2 {
    font-size: 2rem;
    font-weight: 600;
    border-bottom: 1px solid #2c81b8;
    line-height: 1.3;
    padding-bottom: 11px;
    margin: 2px 0px 10px;
}

.pnl-people {
    display: inline-block;
    margin: 20px 9%;
    width: 82% !important;
}

.img-left-people {
    border-radius: 12px !important;
    padding: 0;
    height: 260px;
    margin-right: 40px;
    float: left;
}

.pnl-people {
    display: flex;
    padding: 20px;
    border: 1px solid #fff;
    margin: 20px auto;
    border-radius: 20px;
    box-shadow: 0 0 9px #718695a8;
    width: 70% !important;
}

.peopleQte {
    margin: -4px 12px 0 -19px;
    float: left;
    max-width: 60px;
}

.peep-txt {
    line-height: 1.2;
}

.peopleName {
    margin-top: 20px;
    font-size: 1.25rem;
    font-weight: 600;
    color: #666;
}

.peopleName span {
    float: right;
    font-weight: 400;
    font-size: 1.1rem;
    color: #888;
}

.bottle6 img {
    width: 410px !important;
}

img.singleBot {
    width: 453px !important;
    margin: 10px auto 10px;
}

.lakeDrifting {
    background-color: rgb(246 249 255 / 22%);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-image: url("../img/long/lngBG-drifting.jpg");
    background-size: contain;
}

.drift-txt {
    margin: -20px 5% 360px;
    width: 90%;
}

.prodBox {
    float: right;
    border-radius: 20px;
    max-width: 300px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    margin: 30px auto 26px 30px;
}


/* .bigger {
  font-size: xxx-large;
} */

.leftBorder img {
    padding-right: 15px;
}

.leftBorder {
    display: flex;
}

.optionHdr {
    font-size: 2rem;
    line-height: 1;
    border-bottom: 1px solid;
    margin: 12px 0 20px;
}

.prdct-Option {
    padding: 0px 30px 20px;
    background-color: #c6d6e461;
    text-align: center;
    border-radius: 16px;
    margin: 0 7% 20px;
}

.option-txt h3 {
    font-size: 2rem;
    line-height: 1;
    color: #000;
    margin: 0 2.4%;
}

.option-txt p {
    font-size: 1.2rem;
    line-height: 1.3;
    margin-bottom: 30px;
}

.optHdr {
    margin: -24px 0 15px;
}

.guarantee365 {
    float: right;
    max-width: 256px;
    margin: 12px auto 20px !important;
}

.img-fltRght {
    float: right;
    margin-right: -20px;
}

.lng-img-left {
    float: left;
    margin: -8px 20px 0px -2%;
}

.img-left-long {
    max-width: 370px;
    border-radius: 12px !important;
    padding: 0;
    float: left;
    margin-right: 24px !important;
}

.img-right-long {
    max-width: 300px;
    border-radius: 12px !important;
    padding: 0;
    float: right;
    margin-left: 24px !important;
}

.ftr-main {
    background-color: #dae5ec !important;
    /* padding-top: 20px; */
}


/**** Long Mobile ****/

@media only screen and (max-width: 560px) {
    .longspec {
        display: none;
    }
    .ndx-hero-long {
        overflow: hidden;
    }
    h1.long-subBlue {
        font-size: 1.9rem;
        line-height: 1;
        margin: 12px 0 0px -2% !important;
        font-weight: 600;
        text-align: left;
    }
    .col-4.hero-plug {
        margin: -16px 50px 2px;
        overflow: hidden;
    }
    .hero-earplug {
        margin: 0px -50px 0px 0 !important;
        max-width: 360px !important;
        min-width: auto;
    }
    h2 {
        font-size: 25px;
        margin-top: 0;
    }
    h2.bluePnlSctHdr {
        font-size: 2.1rem;
    }
    .py-3, .pt-4, .pt-5 {
        padding-top: 11px !important;
        padding-bottom: 0px !important;
    }
    h4 {
        font-size: 24px;
        line-height: 1.1;
    }
    .blueSctHdr {
        font-size: 1.7rem;
        line-height: 1.1;
        padding-bottom: 8px;
    }
    .hd-top h2 {
        font-weight: 600;
        font-size: 2.1rem;
    }
    .long-sub {
        font-size: 1.7rem !important;
        line-height: 1.1;
        margin: 0 0 10px !important;
    }
    .lng-subhd {
        font-size: 1.6rem !important;
        margin-bottom: 20px !important;
    }
    .sct-mrgn-80 {
        margin-top: -40px;
        padding-top: 90px;
    }
    .logoDots {
        max-width: 240px;
        margin: 13px auto !important;
    }
    .logoDots-lft {
        margin: 0 0 20px 0;
        max-width: 250px;
    }
    .framed {
        max-width: 260px;
        margin: 20px auto !important;
    }
    .img-rght,
    .img-lft {
        transition: right 1s;
        width: 100%;
        float: right;
        margin: 20px auto !important;
    }
    .img-right-framed-crazy {
        max-width: 306px !important;
        margin: -20px auto 20px 9% !important;
    }
    .QuoteHdr {
        font-size: 2.4rem;
        line-height: 1;
        padding-top: 40px;
    }
    .bottle6 {
        display: inline-block;
    }
    .txt-panel {
        width: 90%;
        margin-left: 4%;
    }
    .txt-panel.mblAdjust {
        width: 96%;
        margin: 0 auto;
    }
    .row-right40 {
        margin-left: 6%;
        width: 86% !important;
    }
    .row-right50 {
        margin-left: 5%;
        width: 95% !important;
    }
    .row-right60 {
        margin-left: 6%;
        width: 86% !important;
        padding-bottom: 40px;
    }
    .row-right2070 {
        margin-left: 6%;
        width: 86% !important;
    }
    .row-left60 {
        margin-left: 15%;
        width: 60%;
        padding-bottom: 40px;
    }
    .row-left40 {
        margin-left: 6%;
        width: 86% !important;
        padding-bottom: 40px;
    }
    .row-left060 {
        width: 90%;
        padding-bottom: 40px;
    }
    .row-right4060 {
        margin-left: 0% !important;
        width: 100% !important;
    }
    .singleStep {
        margin-left: 0%;
        width: 100%;
        margin-top: 0px;
    }
    .singleStep h2 {
        font-size: 1.5rem;
    }
    .singleStep p {
        font-size: 1.2rem;
        width: 100%;
        margin-left: 0%;
    }
    .pnl-people {
        display: block;
        margin: 0 auto 20px;
        width: 84% !important;
    }
    .img-left-people {
        height: 240px;
        margin-bottom: 20px;
    }
    .lng-panel-blue {
        padding: 30px 2% 30px;
        width: 96%;
        margin: 0 auto;
    }
    .lngSbBl-two p {
        font-size: 1.2rem !important;
        margin-left: -2%;
        margin-top: -2px;
        line-height: 1.2;
    }
    .bg-bluey.sctDoc {
        background-image: none;
    }
    .lng-panel-one {
        background-image: none;
        background-color: #eff8ff;
    }
    .bg-bluey {
        padding: 10px 0;
        margin-top: 40px;
    }
    .bg-bluey.sctSelf {
        background-position-y: top;
        background-position-x: right;
        background-size: 63%;
        background-color: #d7dddb;
        margin-bottom: -40px;
    }
    .bg-bluey.sctSqueeze {
        background-image: none;
    }
    .bg-bluey.sctStretch {
        background-image: none;
        background-color: #d8e9e6;
    }
    .prdct-Option {
        padding: 3px 8% 20px;
        background-color: #c6d6e461;
        text-align: center;
        border-radius: 16px;
        margin: 0 0% 30px;
    }
    .sctWakeUp {
        background-image: none;
    }
    .sctConnect {
        background-image: none;
        padding: 0;
    }
    .sctPrecise {
        background-image: none;
    }
    .daughterSwing {
        padding: 0 0 100px 0;
    }
    .sctPiggyback {
        background-size: 60%;
        padding: 0 0 200px 0;
    }
    .sctMicroscope {
        background-image: none;
        background-color: #eee5d891;
    }
    .lakeDrifting {
        margin: 40px 0;
    }
    .drift-txt {
        margin: -20px 5% 60px;
        padding: 18px 0 112px;
    }
    .lng-panel-two {
        margin: 0 auto 18px;
        width: 98% !important;
    }
    .lng-pnl-10 {
        max-width: 100% !important;
        margin: 0 auto;
    }
    .row.lngMbl {
        width: 94%;
        margin: 0 auto;
    }
    .img-rght-lng-framed {
        max-width: 260px;
        border-radius: 12px !important;
        margin: 10px auto 30px !important;
        float: none;
    }
    .img-left-long {
        max-width: 320px;
        float: none;
        margin: 24px auto !important;
    }
    .img-left-ndx.mbImgAdjust {
        max-width: 330px !important;
        padding: 40px 0 0;
    }
    .lng-panel-three {
        padding: 20px 6% 140px;
        margin: 0 5%;
        width: 90%;
    }
    .g-3.prtOne {
        width: 80%;
        display: flex;
    }
    .guarantee365 {
        max-width: 256px;
        float: none;
    }
    .sml-hghPanel-one h3 {
        font-size: 1.4rem !important;
    }
    .triedBefore p {
        font-size: 1.3rem;
        padding-bottom: 10px;
    }
    .questDing {
        margin-top: -16px;
        max-width: 60px !important;
        margin-left: 20px;
    }
    .prdct-bonus {
        margin: 0 0 20px !important;
    }
    .pricebox-day-supply-nr.lngAdjustSix,
    .pricebox-day-supply-nr.lngAdjustThree {
        padding-bottom: 20px;
    }
    .price_header.lngAdjustSix {
        padding-bottom: 250px;
    }
    .price_header.lngAdjustSingle {
        padding-bottom: 280px;
    }
    .price_header.lngAdjustThree {
        padding-bottom: 280px;
    }
    .col-lg-7.col-12.mb-5.ndx-intro {
        display: inline-block;
    }
    .bgFamily {
        padding: 0 4% 0px !important;
        margin-bottom: 30px;
    }
    .lng-pnl-sml {
        padding: 12px 5%;
    }
    .container.bonuses p {
        padding: 0px;
    }
    .sctPiggyback {
        background-position: bottom left;
    }
    .sourceBefore p {
        padding: 0 12px 0 0 !important;
        font-size: 1.3rem;
    }
}

.blueClr {
    color: #4069b1 !important;
}

.blackClr {
    color: #000 !important;
}

.ylwClr {
    color: #fcb22e !important;
}

.blk {
    display: block;
}


/* *** end of long Mobile *** */

.longQte {
    width: 98% !important;
    margin: 6px auto 12px !important;
}

.quotes-X3 {
    display: flex;
    flex-direction: column;
}

.prodBox {
    margin: 10px auto 26px 30px;
}


/* h2.bluePnlSctHdr {
    font-size: 2rem;
  } */


/* .row .container {
    width: 86%;
  } */

.upsell-panel {
    margin: 0 6%;
    width: 88%;
}

.img-left-ndx-framed {
    max-width: 290px;
    margin: -26px 6% 20px !important;
}


/* .framed {
    max-width: 260px;
    margin: 0px 30px 20px 0 !important;
  } */

.img-right-framed-crazy {
    max-width: 380px;
    border-radius: 12px !important;
    padding: 0;
    box-shadow: 3px 3px 7px #000000bf;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    margin-right: 2px !important;
}

.bgFamily {
    background-image: url("../img/long/lngBG-family.jpg");
    background-repeat: no-repeat;
    background-color: #f1f5f8;
    background-size: 62%;
    background-position: bottom left;
    padding: 20px 4% 70px;
}

.vertDots {
    /* font-size: 1.7rem !important; */
    padding: 0 0 0 18px;
    margin: 23px 0 16px 15px;
}

.subExplain {
    font-size: 1.3rem !important;
    padding: 30px 5% 18px;
}

.row-right4060 {
    margin-left: 41%;
    width: 55%;
}

.secBadges {
    width: 100%;
    max-width: 300px;
}


/* MODAL ADDS  */

@media only screen and (min-width: 768px) {
    .modal-wrapper.exit-intent .modal-content {
        font-size: 19px;
        width: 55%;
        /*    background-image: url(../img/bg-modal1.jpg);*/
        background-position: bottom right;
        background-repeat: no-repeat;
        border: 8px solid #ffbf00;
    }
}

.modal-content__padding h2 {
    font-size: 4.3rem !important;
    padding: 0 0 !important;
    font-weight: 600;
    color: red;
    display: inline-block;
}

.mdl-red-sml {
    font-size: 3.4rem !important;
    padding: 0 !important;
    margin: 0 0 -4px;
    color: red;
}

.mdl-red-sml span {
    font-size: 2.8rem;
    color: #000;
}

.subMdl {
    font-size: 32px;
    padding: 0 !important;
    margin-bottom: 0px;
}

.modal-content__padding span {
    font-weight: 600;
    text-transform: uppercase;
}

.minCount {
    display: block ruby;
    font-size: 1.3rem;
}

.mdl1-upgrde {
    top: 5%;
}

.modal-wrapper {
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s;
    background-color: #000000bf;
}

.modal-wrapper.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 999;
    overflow: hidden;
    display: block;
}

.modal-wrapper.active .modal-content {
    opacity: 1;
}

.modal-wrapper .modal-content {
    z-index: 1;
    opacity: 0;
    transition: opacity;
    position: relative;
    overflow-x: hidden;
    box-shadow: 0 4px 20px 0 #00000036;
    border-radius: 4px;
    background-color: #f0f1f2;
    color: #4e4e4e;
    overflow-y: auto;
    max-width: 1170px;
    width: 95%;
    height: 98%;
    font-size: 18.2px;
}


/* .modal-wrapper .modal-content .close-btn:not(a){outline:0;border:none;border-radius:50%;color:#484141;background-color:transparent;padding:15px;cursor:pointer;position:fixed;right:4%;top:2%;opacity:.6;transition:all .2s ease-in-out} */

.modal-wrapper .modal-content .close-btn:not(a):active,
.modal-wrapper .modal-content .close-btn:not(a):focus,
.modal-wrapper .modal-content .close-btn:not(a):hover {
    opacity: 1;
    background: rgba(128, 128, 128, 0.5);
}

.modal-wrapper .modal-content .close-btn:not(a)::after,
.modal-wrapper .modal-content .close-btn:not(a)::before {
    content: " ";
    position: absolute;
    height: 20px;
    width: 2px;
    background-color: currentColor;
}

.modal-wrapper .modal-content .close-btn:not(a)::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.modal-wrapper .modal-content .close-btn:not(a)::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.modal-wrapper .modal-content .header-wrapper {
    background-color: #5fb7c3;
    padding: 0.8em;
    text-align: center;
    color: #fff;
}

.modal-wrapper .modal-content .header-wrapper .img-wrapper {
    max-width: 85%;
    margin: 0 auto;
}

.modal-wrapper .modal-content .header-wrapper .sub-heading {
    font-family: Merriweather, sans-serif;
    font-size: 1.1em;
    text-align: center;
}

.modal-wrapper .modal-content .inner-content {
    padding: 1em 0.7em 0.5em 0.7em;
}

.modal-wrapper .modal-content .inner-content .bottles-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0.5em;
}

.modal-wrapper .modal-content .inner-content .bottles-wrapper img {
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
    max-width: 220px;
}

.modal-wrapper .modal-content .inner-content .bottles-wrapper .plus {
    color: #5fb7c3;
    font-size: 6em;
    font-weight: 600;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    line-height: 0.7;
}

.modal-wrapper .modal-content .inner-content .recommended-text {
    font-family: "Montserrat Alternates", sans-serif;
    font-size: 0.8em;
    font-style: italic;
    margin-right: 1em;
    margin-left: 1em;
    color: #000;
}

.modal-wrapper .modal-content .inner-content .btn {
    color: #fff;
    font-size: 1em;
    font-style: italic;
    font-weight: 600;
    text-decoration: none;
    text-transform: capitalize;
    padding: 0.6em 1em;
    margin-top: 0.7em;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    cursor: pointer;
    display: block;
}

.modal-wrapper .modal-content .inner-content .btn.btn__atc {
    background: linear-gradient( 180deg, #ffd500, gold, #ffd900, #ffdb00, #ffde00, #ffe000, #ffe200, #ffe400);
    border: 2px solid #fff700;
}

.modal-wrapper .modal-content .inner-content .btn.btn__decline {
    background: linear-gradient( 180deg, #d41d29, #d41d29, #d41d29, #d41d29, #d51d29, #d51d29, #d51d29, #d51d29);
    border: 2px solid #d41d29;
}

@media only screen and (min-width: 485px) {
    .modal-wrapper .modal-content {
        height: auto;
    }
    .modal-wrapper .modal-content .close-btn:not(a) {
        position: absolute;
        right: 1%;
        color: #fff;
    }
    .modal-wrapper .modal-content .header-wrapper {
        padding: 0.8em 1em;
    }
    .modal-wrapper .modal-content .header-wrapper .img-wrapper {
        max-width: 400px;
    }
    .modal-wrapper .modal-content .header-wrapper .sub-heading {
        font-size: 1.2em;
    }
    .modal-wrapper .modal-content .inner-content {
        padding: 1em 1.5em 0.5em 1.5em;
    }
    .modal-wrapper .modal-content .inner-content .bottles-wrapper {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .modal-wrapper .modal-content .inner-content .bottles-wrapper img {
        -ms-flex: 0 0 180px;
        flex: 0 0 180px;
        max-width: 180px;
    }
    .modal-wrapper .modal-content .inner-content .bottles-wrapper .plus {
        line-height: 1.2;
        font-size: 7em;
        margin-right: 1rem;
        margin-left: 1rem;
    }
    .modal-wrapper .modal-content .inner-content .inner-content .btn {
        font-size: 1em;
    }
}

@media only screen and (min-width: 768px) {
    .modal-wrapper .modal-content {
        width: auto;
    }
    .modal-wrapper .modal-content .header-wrapper .sub-heading {
        font-size: 1.3em;
    }
    .modal-wrapper .modal-content .inner-content .btn {
        font-size: 1.1em;
    }
}

@media only screen and (min-width: 1400px) {
    .modal-wrapper .modal-content .header-wrapper .img-wrapper {
        max-width: 500px;
    }
    .modal-wrapper .modal-content .header-wrapper .sub-heading {
        font-size: 1.5em;
    }
    .modal-wrapper .modal-content .inner-content .bottles-wrapper img {
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        max-width: 200px;
    }
    .modal-wrapper .modal-content .inner-content .recommended-text {
        font-size: 0.9em;
    }
    .modal-wrapper .modal-content .inner-content .btn {
        font-size: 1.2em;
    }
}

.modal-wrapper.exit-intent .modal-content {
    background-color: #fff;
    width: 95%;
    font-size: 18.2px;
    height: auto;
    text-align: center;
    margin: 0 auto !important;
    border: 9px solid #ffbf00;
}

.modal-wrapper.exit-intent .modal-content__padding {
    padding: 1rem 1rem;
}

.modal-wrapper.exit-intent .modal-content .close-btn:not(a) {
    position: absolute;
    border: 1px solid;
    display: block;
    margin: 1rem 1.5rem 0 auto;
    border-radius: 50%;
    color: #484141;
    background-color: transparent;
    padding: 12px;
    cursor: pointer;
    top: -1%;
    opacity: 0.6;
    transition: all 0.2s ease-in-out;
}

.modal-wrapper.exit-intent .modal-content .close-btn:not(a)::after,
.modal-wrapper.exit-intent .modal-content .close-btn:not(a)::before {
    height: 12px;
    width: 1.5px;
}

.modal-wrapper.exit-intent .modal-content .heading {
    font-family: Montserrat, sans-serif;
}

.modal-wrapper.exit-intent .modal-content .heading span {
    color: #5fb7c3;
}

.modal-wrapper.exit-intent .modal-content form {
    margin-top: 1em;
}

.modal-wrapper.exit-intent .modal-content form .form-field {
    margin-bottom: 0.7em;
}

.modal-wrapper.exit-intent .modal-content form .form-field input {
    width: 100%;
    padding: 10px 12px;
    outline-color: #bababa;
    border: 1.7px solid #bababa;
    border-radius: 5px;
    box-shadow: none;
    font-family: Montserrat, sans-serif;
    font-size: 0.9em;
    font-weight: 500;
}

.modal-wrapper.exit-intent .modal-content form .form-field button[type="submit"] {
    text-transform: uppercase;
    background-color: #5fb7c3;
    color: #fff;
    border: none;
    padding: 1em;
    text-align: center;
    width: 100%;
    font-size: 1em;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    cursor: pointer;
}

.modal-wrapper.exit-intent .modal-content form .form-field .error-msg {
    color: tomato;
    font-size: 0.875em;
    font-weight: 500;
}

.modal-wrapper.exit-intent .modal-content .extra-text {
    font-size: 11px;
}

.modal-wrapper.exit-intent .modal-content .extra-text a {
    color: inherit;
}

.startsImg {
    margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
    .modal-wrapper.exit-intent .modal-content {
        font-size: 19px;
        width: 100%;
        max-width: 750px;
        margin-top: 2% !important;
    }
    .modal-wrapper.exit-intent .modal-content__padding {
        padding: 0rem 4rem 1rem;
    }
    .modal-wrapper.exit-intent .modal-content .extra-text {
        font-size: 14px;
        margin-top: 40px;
    }
}

.creditcrt {
    width: 100%;
    max-width: 320px;
}

.topBoyImg {
    width: 100%;
    max-width: 750px;
    position: absolute;
    bottom: 0;
    right: 6%;
}

.uniName {
    display: flex;
    margin-bottom: 25px;
}

.uniName img {
    width: 100%;
    margin: 0px 10px;
    align-self: center;
}

.harvard {
    max-width: 80px;
}

.zurich {
    max-width: 150px;
}

.americanUni {
    max-width: 140px;
}

.aln-end {
    align-self: end;
}

.hding2 {
    font-size: 2.5rem;
    line-height: 1.5;
    margin: 0;
}

.awknMdl-sub {
    font-size: 1.2rem !important;
    padding-top: 8px;
    font-weight: 500;
    line-height: 1.1;
}

.awknMdl-bottles {
    display: flex;
    flex-direction: row;
    max-width: 100%;
}

.awknMdl-cntnt {
    display: flex;
    flex-direction: column;
}

.mdl-prdct-wkn2 {
    max-width: 340px;
    margin: -8px 0 -18px 0;
}

.awknMdl-bottles {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 20px auto;
}

.awknMdl-bottles p {
    font-size: 1rem;
    color: #999;
    margin: -2px;
}

.modal-content__padding p {
    font-size: 1rem;
}

.btn-awknUpgrade {
    width: 100% !important;
    background-color: red;
    font-size: 1.4rem;
    color: #fff;
    text-decoration: none;
    padding: 6px 6px;
    display: inline-block;
    border-radius: 8px;
    box-shadow: 2px 2px 6px #555;
    margin: -8px 0 6px 0;
}

.btn-awknUpgrade:hover {
    background-color: #b60202;
}

.btn-awknNoThanks {
    width: 100% !important;
    background-color: #767676;
    font-size: 1.3rem;
    color: #fff;
    text-decoration: none;
    padding: 6px 6px;
    display: inline-block;
    border-radius: 8px;
    box-shadow: 2px 2px 6px #555;
    margin: 4px 0 0px 0;
    font-weight: 200;
}

.btn-awknNoThanks:hover {
    background-color: #444;
}

.pnl-hghlght {
    margin-top: -19px !important;
}

.container.awkn-ndx-faqs {
    margin: 0 auto;
    width: 65% !important;
}

.accordion.ndx-faqs {
    border: 1px solid !important;
    background-color: azure !important;
    border-radius: 6px !important;
    margin-bottom: -10px;
    line-height: 1;
}

.panel.ndx-faq {
    padding: 15px 50px;
    margin: -16px 1% 16px;
    color: #61788d;
    background-color: #efe8de;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel.ndx-faq p {
    margin-top: 12px;
    margin-bottom: -30px;
    font-weight: 400;
}

.small-title.text-white.frShppng {
    font-size: 2.5rem;
}

.text-red.awkn-freeShip {
    font-size: 5.2rem;
    margin: -18px 0 10px !important;
}

.mdl-prdct-wkn21 {
    width: 100%;
    max-width: 424px;
    margin: 25px 0px;
}

h2.hding2 {
    margin: 15px;
}

.awknMdl-sub {
    margin: 0px;
}

.clr-blk {
    color: #000;
}

@media (max-width: 1440px) {
    .topBoyImg {
        width: 100%;
        max-width: 479px;
        margin-bottom: 0px;
    }
    .row-right40 {
        margin-left: 52%;
        width: 45% !important;
    }
    .bg-bluey.sctDoc {
        background-size: 65% 100%;
    }
    .row-right50 {
        margin-left: 36%;
        width: 55% !important;
    }
    h2.hding2 {
        font-size: 2.2rem;
        margin: 15px;
        margin-bottom: 0px;
    }
    .mdl-prdct-wkn21 {
        max-width: 370px;
        margin: 15px 0px;
    }
    .modal-wrapper.exit-intent .modal-content {
        margin-top: 1% !important;
    }
    .modal-wrapper.active {
        overflow: scroll;
    }
}

@media (max-width: 1400px) {
    .row-left40 {
        margin-left: 5%;
    }
    .bg-bluey.sctDoc {
        background-size: 70% 100%;
    }
    .sctConnect {
        background-size: 70% 100%;
    }
    .sctWakeUp {
        background-size: 70% 100%;
    }
}

@media (max-width: 1366px) {
    .ndx-hero-long {
        /*padding-bottom: 32px;*/
    }
    .atc-button {
        font-size: 26px;
        padding: 10px 35px;
    }

}

@media (max-width: 1024px) {
    .timer-box h2 {
    font-size: 32px;
    line-height: 40px;
}
}

@media (max-width: 768px) {
    .row {
        display: block;
    }
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12 {
        flex: 100%;
        width: 100%;
    }
    .img-left {
        float: none;
    }
    .framed {
        max-width: 300px;
        margin: 0px auto 30px !important;
        float: none !important;
        display: block;
    }
    .sct-mrgn-80 {
        margin-top: 0px;
        padding-top: 0px;
    }
    .menuLogo {
        float: none;
    }
    .menuLogo img {
        max-width: 150px !important;
    }
    .timer-box h2 {
    font-size: 30px;
    line-height: 36px;
}
.timer-box {
    padding: 15px 0px;
}
    .long-sub {
        font-size: 2.2rem;
    }
    .pnl-pnlHigh-blue {
        padding: 20px 1% 20px;
    }
    .lng-panel-one {
        width: 95%;
        padding: 15px 10px;
        background-image: none;
    }
    .row-right60 {
        margin-left: 0%;
        width: 100% !important;
        padding-bottom: 10px;
    }
    .row.shtfLft-hdr {
        width: 100%;
        padding: 10px 20px 25px;
        margin: 40px 0 20px;
    }
    .lngSbBl-two p {
        font-size: 1.5rem !important;
        margin-left: 0%;
        margin-top: 0px;
        margin-bottom: -6px;
    }
    h1.long-subBlue {
        margin: 12px 0 9px 0% !important;
    }
    .bg-bluey.sctStretch {
        background-image: none;
        padding: 0px;
    }
    .row-right50 {
        margin-left: 0%;
        width: 100% !important;
        padding: 15px 20px;
    }
    .lng-subhd {
        font-size: 2rem;
    }
    .QuoteHdr {
        font-size: 2.3rem;
    }
    .row-left40 {
        margin-left: 0%;
        width: 100% !important;
    }
    .bg-bluey.sctSelf {
        background-position-y: top;
        background-position-x: right;
        background-size: 63%;
        background-color: #d7dddb;
        margin-bottom: -40px;
    }
    .topBoyImg {
        max-width: 336px;
        margin-bottom: -13px;
    }
    #onebtl {
        order: 3;
    }
    #sixbtl {
        order: 1;
    }
    #threebtl {
        order: 2;
    }
    .row1 {
        display: grid;
        justify-content: center;
    }

    .icon {
        width: 40px;
        height: 40px;
        flex: auto;
        margin-right: 15px;
        align-self: end;
    }
    .icon2 {
        width: 78px;
        height: 50px;
        flex: auto;
        margin-right: 15px;
        /* align-self: center; */
        /* justify-content: center; */
    }

    .atc-button {

        padding: 18px 40px;
        max-width: fit-content;
    }
    .atc-button.txt-left {
        padding: 20px 40px;
    }
}

@media (max-width: 500px) {
    .topBoyImg {
        max-width: 290px;
        margin-bottom: -1px;
    }
    .ndx-hero-long {
        padding: 0% 0% 3%;
    }
    .logoFtr {
        display: block;
        max-width: 250px;
        float: none;
        padding: 30px 0 14px 15px;
    }
    .modal-wrapper.exit-intent .modal-content {
        margin: 1% auto !important;
    }
    h2.hding2 {
        margin-top: 7%;
    }
    .awknMdl-sub {
        font-size: 1.1rem !important;
        line-height: 1.5;
    }
    .modal-wrapper.exit-intent .modal-content .close-btn:not(a) {
        margin: 1rem 0rem 0 auto;
        right: 2%;
        padding: 10px;
    }
    .modal-wrapper.exit-intent .modal-content__padding {
        padding: 1rem 10px;
    }
    .modal-wrapper.exit-intent .modal-content .close-btn:not(a)::after, .modal-wrapper.exit-intent .modal-content .close-btn:not(a)::before {
        height: 10px;
    }
    .modal-content__padding p {
        font-size: 15px;
    }
    .atc-button.txt-left {
        padding: 18px 20px;
    }
    .atc-button {
        font-size: 26px;
    }
    .icon2 {
        width: 67px;
        height: 45px;
        /* align-self: flex-start; */
        /* justify-content: center; */
    }
    .icon {
        height: 40px;
        align-self: center;
        /* margin-right: 6px; */
    }
}

@media (max-width: 428px) {
    .ndx-hero-long {
        padding: 0% 0% 11%;
        overflow: hidden !important;
    }
    .topBoyImg {
        max-width: 250px;
        margin-bottom: 1px;
    }
    .hd-top h2 {
        font-size: 2rem !important;
    }
    .lng-heroSb {
        font-size: 1.1rem;
    }
    .timer-box {
    padding: 8px 0px;
}
    .harvard {
        max-width: 60px;
    }
    .zurich {
        max-width: 120px;
    }
    .americanUni {
        max-width: 108px;
    }
}

@media (max-width: 375px) {
    .topBoyImg {
        max-width: 250px;
        margin-bottom: 12px;
    }
    .lineImgWdth {
        width: 100%;
        max-width: 200px;
    }
    .mNone {
        margin-left: 0px;
    }
    .framed {
        float: none !important;
        display: block;
        max-width: 200px;
        margin: 0px auto 25px !important;
    }
    .bottle6 img {
        width: 200px !important;
    }
    .prodBox {
        float: none;
        display: block;
        max-width: 200px;
        margin: 0px auto 30px;
    }
    .img-rght-lng-framed {
        display: block;
        max-width: 200px;
        margin: 20px auto !important;
    }
    .prdtSideImg {
        display: block;
        width: 100%;
        max-width: 200px;
        margin: 0px auto !important;
        float: none !important;
    }
    .img-left-long {
        max-width: 200px;
        margin: auto;
    }
    .img-fltRght {
        float: none;
        display: block;
        width: 100%;
        max-width: 200px;
        margin: 20px auto;
    }
    .img-left-ndx-framed {
        max-width: 200px;
        margin: auto !important;
    }
    .logoDots-lft {
        max-width: 200px;
    }
    .logoDots-two {
        max-width: 200px;
    }
    .img-right-framed-crazy {
        max-width: 250px !important;
        margin: 0px auto !important;
    }
    .logoDots {
        max-width: 200px;
        margin: 13px auto !important;
    }
    .img-right-long {
        display: block;
        max-width: 200px;
        border-radius: 12px !important;
        padding: 0;
        float: none;
        margin: 0px auto !important;
    }
    .img-left-ndx-framed-three {
        max-width: 200px;
    }
    .img-left-ndx.mbImgAdjust {
        max-width: 200px !important;
    }
    .img-left-ndx {
        max-width: 200px !important;
    }
    .secBadges {
        max-width: 250px;
    }
    .guarantee365 {
        max-width: 200px;
    }
    .logoDotsWhite {
        max-width: 200px;
    }
}

@media (max-width: 320px) {
    .topBoyImg {
        margin-bottom: 19px;
    }
    .logoFtr {
        padding: 0px;
    }
    .mdl-prdct-wkn21 {
        max-width: 200px;
    }
}

.paraStyleMb p {
    margin-bottom: 0px !important;
}

.bonuses .sml-hghPanel {
    box-shadow: none;
}

.stepBorder {
    border-left: 1px dashed #4069b1;
}

.ding-step img {
    width: 50px;
    margin-left: -35px;
}

.ding-step {
    border-left: 1px dashed #4069b1;
    margin-right: -65px;
}

.flex90 {
    flex: 93%;
}

.flex10 {
    flex: 7%;
}

.borderNone {
    border: none !important;
}

.stepsImg {
    width: 100%;
    max-width: 320px;
}

.step2Img img {
    max-width: 250px;
}

.step2Img {
    text-align: end;
}

.blueBg1 {
    background: #3466a9;
}

.sourceBefore p {
    line-height: 1.3;
}

.m-auto {
    margin: 0px auto !important;
}

.borderTopClr::before {
    content: "";
    width: 100%;
    max-width: 90%;
    height: 5px;
    background: #4069b1;
    display: block;
    position: absolute;
    top: -1px;
    margin: 0px auto;
    border-radius: 19px;
}

.img-left-ndx {
    max-width: 430px;
}

.whiteBg {
    background-image: url("../img/whiteBg.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px;
    border-radius: 30px;
    border: 1px solid #90a9d3;
}

.card-section {
    padding: 0px 20px;
}

.pt-50 {
    padding: 50px 0px 30px;
}

.footerTop {
    background: #dae5ec;
    padding: 30px 0px;
}

.socialIcon {
    display: flex;
}

.footerBox p {
    color: #606060;
    font-size: 16px;
    font-weight: 400;
}

.txt-cntr {
    text-align: center;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-30 {
    margin-bottom: 30px;
}

.footerBox h4 {
    color: #4069b1;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}

.pageList p a {
    color: #606060;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    text-decoration: none;
}

.footerLogo {
    width: 100%;
    max-width: 200px;
    margin-bottom: 30px;
}

.FooterList {
    padding-left: 80px;
}

.socialIcon img {
    width: 100%;
    max-width: 40px;
    padding: 10px;
}

.socialIcon a {
    border-radius: 20px;
    border: 1px solid rgba(64, 105, 177, 0.2);
    margin: 0px 5px;
}

.emailInput img {
    width: 100%;
    max-width: 30px;
}

.emailInput {
    background: #fff;
    display: flex;
    padding: 10px 14px;
    border-radius: 6px;
}

.emailInput input[type="email"] {
    border: none;
    outline: none;
    font-size: 17px;
    width: 100%;
}
.person_testimls {
    width: 100%;
    max-width: 20%;
    border-radius: 50%;
}

.img-width {
    max-width: 375px !important;
}

.testimonialBox p {
    font-size: 17px;
    font-weight: 500;
    margin-top: 30px;
}

.testimonialBox h5 {
    font-size: 22px;
    font-weight: 700;
}

.colnBox {
    position: absolute;
    top: -29px;
    left: 0px;
    right: 0px;
}

.testimonialBox h5::before {
    content: "";
    background: #4069b1;
    height: 3px;
    width: 100%;
    max-width: 21px;
    display: block;
    margin: 0px auto 10px;
    border-radius: 35px;
}

.testimonialBox {
    border-radius: 15px;
    border: 1px solid rgba(64, 105, 177, 0.2);
    background: #f1f4fa;
    text-align: center;
    margin: 20px 15px;
    padding: 30px 20px;
    position: relative;
}

.testimonialCont {
    padding: 25px 0px;
}

.dsplydsktp {
    display: block;
}

.dsplyMbl {
    display: none;
}

.mt-20 {
    margin-top: 20px;
}

.w-300 {
    max-width: 300px !important;
}

.priceHeader {
    background: url(../img/productBg.png);
    padding-bottom: 150px;
    border-radius: 16px 16px 0px 0px;
    background-repeat: no-repeat;
    background-size: cover;
}

.new-badge img {
    width: 100%;
    max-width: 140px;
    position: absolute;
    right: -17%;
    top: -10%;
    transform: rotate(34deg);
}

.prdtImg {
    margin-top: -155px;
}

.pl-30 {
    padding-right: 30px;
}

.badgeImg img {
    width: 100%;
    max-width: 400px;
}

.plr {
    padding-left: 30px;
}

.warningImg img {
    width: 100%;
    max-width: 994px;
    display: block;
    margin: 0px auto 20px;
}

.sideRowImg {
    width: 100%;
    max-width: 340px;
    border-radius: 20px;
}

.depressedCont {
    margin: 30px auto 50px;
}

.switchedCont {
    background: url(/assets-mbn/images/doctors_checking.avifs);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    border: 1px solid #ddd;
    padding: 30px 40px;
    background-position: center;
}
.slientCont {
    background: url(/assets-mbn/images/hearing_bg.avifs);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 40px 0px 40px;
    background-position: right;
    background-color: #f6faff;
    margin-bottom: 50px;
}
.happy_couples_bg {
    background: url(/assets-mbn/images/old_couples_happy.avifs);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 40px 0px 40px;
    background-position: right;
    background-color: #f6faff;
}
.hearing_sound_bg {
    background: url(/assets-mbn/images/hearing_frequencies.avifs);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 40px 0px 40px;
    background-position: right;
    background-color: #f6faff;
    margin-bottom: 50px;
}
.easily_audible {
    background: url(/assets-mbn/images/talking_bg.avifs);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px 40px;
    background-position: right;
    background-color: #f6faff;
    border-radius: 20px;
}
.mt-neg-40{
    margin-top: -40px !important;
}
.mbl-only{
    display: none;
}
.thedoctor h2 {
    margin: 0px 0px 30px;
}

.switchedCont h2 {
    margin: 0px 0px 20px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mt-100 {
    margin-top: -80px;
}

.mb-60 {
    margin-bottom: 60px;
}

.James_Barret_mbl {
    display: none;
}


/*parul css start*/

.whiteBox {
    border-radius: 15px;
    border: 1px solid rgba(64, 105, 177, 0.2);
    background: #fff;
    /* box-shadow: 0px 4px 40px 0px rgba(64, 105, 177, 0.15); */
}

img.img-fluid.d-block.logoDots {
    max-width: 200px;
    margin: 0 auto !important;
}

.simple-box-wrapper .simple-box {
    position: relative;
}

.six-btl-bg {
    background-image: url(/assets/images/six-btl-heading-bg.png);
    padding: 3% 30px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 25px;
    background-position: center;
    border-radius: 10px;
}

.simple-box-wrapper img {
    width: 100%;
}

.simple-box-wrapper .simple-box__padding {
    padding: 0rem 2rem;
}

.simple-box-wrapper p {
    font-size: 21px;
    line-height: 1.4;
    margin-bottom: 1em;
}

.d-flex {
    display: flex !important;
}

.simple-box-wrapper .simple-box .img-wrapper__float {
    max-width: 350px;
    margin: 0 auto;
}

.colImage {
    width: 100%;
    max-width: 290px;
    margin: 10px 0px 20px;
    margin-left: auto;
    display: block;
    border-radius: 10px;
}

.six-btl-bg h2 {
    background-color: transparent !important;
    color: #ffff;
    margin-bottom: 0px !important;
}

.simple-box-wrapper .simple-box .heading {
    background-color: #5874a2;
    color: #fff;
    padding: 1.5rem 2rem 0px;
    max-width: 100%;
    font-size: 2.4rem;
    text-align: center;
    border-radius: 14px;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .simple-box-wrapper {
        border-radius: 15px;
        overflow: hidden;
    }
    .simple-box-wrapper .simple-box__padding {
        padding: 0rem 2rem;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }
}

/*parul css end*/
@media(max-width: 1700px){
    .topBoyImg {
    max-width: 700px;
}
}
@media(max-width: 1600px){
   .topBoyImg {
    max-width: 650px;
}
}
@media(max-width: 1440px){
 .topBoyImg {
    max-width: 625px;
    right: 3%;
}
}
@media(max-width: 1254px){
    .topBoyImg {
    max-width: 590px;
    right: -3%;
}
}

@media(max-width: 1140px){
    .topBoyImg {
    max-width: 600px;
    right: -7%;
    bottom: 0%;
}
.dis_blk {
    display: inline;
}
}

@media (max-width: 1024px) {
    h1.ndx-sub {
        font-size: 2.5rem;
        line-height: 1.3;
    }
    .lng-subhd-four {
        font-size: 2.2rem;
    }
    .mainPrice {
        font-size: 4.5rem;
    }
    .prdtImg3 {
        max-width: 240px;
    }
    .prdtImg1 {
        max-width: 161px;
    }
    .prdtImg6 {
        max-width: 284px;
    }
    .hd-top h2 {
        font-size: 2.4rem;
    }
    .logoDotsWhite {
        max-width: 200px;
        padding: 6px 0 10px;
    }
    .lng-heroSb {
        font-size: 1.35rem;
        line-height: 1.3;
    }
    .ndx-hero-long {
        padding-top: 40px;
        margin-bottom: 41px;
        /*padding-bottom: 28px;*/
    }
    .img-right-framed-crazy {
        max-width: 300px;
    }
    .row-right40 {
        margin-left: 52%;
        width: 45% !important;
    }
    .pnl-pnlHigh-blue {
        padding: 30px 5% 20px;
    }
    .blueSctHdr {
        font-size: 2.2rem;
    }
    .long-sub {
        font-size: 2rem;
    }
    h1.long-subBlue {
        font-size: 2.2rem;
        margin: 12px 0 9px 0% !important;
    }
    .bg-bluey.sctStretch {
        background-image: none;
    }
    .lng-subhd {
        font-size: 2.2rem;
    }
    .col-lg-12.col-12.mb-5.ndx-intro {
        margin-bottom: 0px !important;
    }
    .QuoteHdr {
        font-size: 2.4rem;
        line-height: 1.3;
    }
    .container.testimonialSec {
        padding: 0px;
    }
    .bg-bluey.sctSelf {
        background-image: none;
    }
    .row-left40 {
        margin-left: 0%;
        width: 100% !important;
    }
    .lng-subhd-prime {
        font-size: 3rem;
    }
    .logoDots-lft {
        margin: 1px 0 20px 0;
        max-width: 200px;
    }
    .img-left-ndx-framed-three {
        max-width: 229px;
    }
    .col-lg-4.mb-3.col-lg-4 {
        align-self: center;
    }
    .row-right40 {
        margin-left: 0%;
        width: 100% !important;
    }
    .row-right50 {
        margin-left: 0%;
        width: 100% !important;
    }
    .bg-bluey.sctDoc {
        background-image: none;
        padding-left: 20px;
        padding-right: 20px;
    }
    .bg-bluey.sctSqueeze {
        background-image: none;
    }
    .sct-mrgn-80 {
        margin-top: -20px;
    }
    .upsell-panel-long {
        padding: 40px 20px 30px;
    }
    .logoDots {
        max-width: 200px;
        margin: 0px auto !important;
    }
    .w-300 {
        max-width: 250px !important;
    }
    .sctPrecise {
        background-image: none;
        padding: 0px;
    }
    .dsply1440 {
        display: none;
    }
    .row.lngMbl {
        padding: 0px 20px;
    }
    h2 {
        font-size: 2rem;
        margin-top: 0px;
    }
    .lng-panel {
        padding: 20px 20px;
    }
    .sctMicroscope {
        background-image: none;
    }
    .headingLight {
        font-size: 32px;
    }
    .lng-panel-white {
        padding: 20px 30px;
    }
    .sml-hghPanel {
        padding: 0px;
    }
    .img-rght-lng-framed {
        max-width: 300px;
    }
    h2.bluePnlSctHdr {
        font-size: 2rem;
        line-height: 1.3;
    }
    .lng-panel-white {
        padding: 0px 20px;
    }
    .sctWakeUp {
        background-image: none;
    }
    .pnl-people {
        width: 100% !important;
        max-width: 970px !important;
    }
    .img-left-people {
        align-self: center;
    }
    img.img-left-ndx.img-fluid.d-block.mx-auto {
        max-width: 300px !important;
    }
    .pnl-intro {
        padding: 30px 20px 0px;
    }
    .topBoyImg {
    max-width: 500px;
    right: -4%;
}
    img.img-left-ndx.img-fluid.d-block.mx-auto {
        max-width: 300px !important;
    }
    .col-lg-5.col-12.mb-3.col-lg-5.ndx-pic-left {
        align-self: center;
    }
    .row-right2070 {
        margin-left: 0%;
        width: 100%;
    }
    .bns-header {
        margin: 25px 0px;
    }
    .drift-txt {
        margin: 0px 5% 245px;
        width: 90%;
    }
    .ml-42 {
        margin-left: 0% !important;
    }
    .lng-pnl-sml {
        padding: 30px 25px !important;
        margin-bottom: 20px;
    }
    .logoDots-two {
        max-width: 200px;
    }
    .lng-panel-blue {
        padding: 30px 10px;
    }
    .container.pricebox {
        padding: 66px 15px 0px;
    }
    .new-badge img {
        max-width: 122px;
        right: -18%;
        top: -11%;
    }
    img.img-fluid.d-block.mx-auto.optHdr {
        max-width: 180px;
    }
    .mbl-img-only{
        display: block;
        margin: 0 auto 20px;
    }
    .guarantee365 {
        max-width: 170px;
        margin: 30px auto 20px !important;
    }
    .img-left-long {
        max-width: 300px;
    }
    .sctPiggyback {
        background-image: none;
        padding: 0px 0px 30px;
    }
    .lng-panel-four {
        padding: 20px 30px;
    }
    .img-fltRght {
        margin-right: 0px;
        max-width: 250px;
        margin-left: 20px;
    }
    .borderTopClr::before {
        max-width: 92%;
    }
    .sctConnect {
        background-image: none;
    }
    .sct-mrgn-80 {
        padding-top: 0px;
    }
    br{
        display: none;
    }
}
@media(max-width: 850px){
    .topBoyImg {
    max-width: 515px;
    right: -6%;
}
}
@media (max-width: 768px) {
    .mt-100 {
        margin-top: -65px;
    }
    .mb-60 {
        margin-bottom: 20px;
    }
    .mdl-prdct-wkn21 {
        max-width: 360px;
    }
    .btn-awknUpgrade {
        font-size: 1.2rem;
    }
    .btn-awknNoThanks {
        font-size: 1.2rem;
    }
    .mddleBox {
        margin: 45px 0px;
    }
    .testimonialCont {
        padding: 25px 0px 0px;
    }
    .lng-pnl-10 {
        max-width: 100% !important;
    }
    .narrowCol {
        margin: 0px 0% !important;
    }
    .optHdr {
        position: absolute;
        top: -28px;
        left: 0px;
        right: 0px;
    }
    .nxt-line{
        display: inline;
    }
    .img-width {
        max-width: 280px !important;
    }
    .prdct-Option {
        padding: 30px 30px 20px;
        margin: 0 7% 30px;
    }
    .person_testimls {
        width: 100%;
        max-width: 10%;
        border-radius: 50%;
    }
    .testimonialBox {
        margin: 30px 15px 20px;
    }
    .slientCont {
        background: none;
        padding: 0px;
        margin-bottom: 20px;
    }
    .happy_couples_bg, .easily_audible, .hearing_sound_bg{
        background: none;
        padding: 0;
    }
    .easily_audible{
        padding-top: 20px;
    }
    .sideRowImg {
        max-width: 260px;
        margin: 20px auto 30px;
        display: block;
    }
    .switchedCont {
        background: none;
        padding: 30px 20px;
    }
    .col-12.col-lg-4 {
        margin: 0px;
    }
    .col-lg-4.col-12.mb-3.col-lg-4.order-lg-2.highlighted {
        margin-top: 30px;
    }
    img.img-left-ndx.img-fluid.d-block.mx-auto {
        margin-bottom: 20px;
    }
    .price-box {
        width: 100%;
        max-width: 380px;
        margin: 20px auto;
    }
    .price-box.middle {
        margin: 0px auto 15px !important;
    }
    .bg-bluey.sctSelf {
        background-image: none;
    }
    .dsplydsktp {
        display: none;
    }
    .dsplyMbl {
        display: block;
    }
    .sct-mrgn-160 {
        margin-top: 0px;
    }
    h2.bluePnlSctHdr {
        margin: 0px -7% 0;
        font-size: 1.6rem;
    }
    .socialIcon {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }
    .footerBox {
        text-align: center;
    }
    .FooterList {
        padding-left: 0px;
    }
    .col-lg-7.col-12.ndx-intro {
        display: block;
        padding: 0px;
    }
    .bgFamily {
        background-image: none;
    }
    .pnl-people {
        display: block;
        width: 90% !important;
    }
    .img-left-people {
        float: none;
        margin: 0px auto 14px;
        /* display: block; */
    }
    .daughterSwing {
        background-image: none;
        padding-bottom: 30px;
    }
    .container.bonuses {
        padding-top: 30px;
    }
    .txt-end {
        text-align: center;
    }
    .whiteBg {
        margin-bottom: 35px !important;
    }
    .sctPiggyback {
        background-image: none;
    }
    .footerLogo {
        margin: 0px auto 30px;
    }
    .footerTop .row {
        width: 100%;
        max-width: 500px;
        margin: auto;
    }
    p {
        font-size: 20px;
    }
    .lng-subhd {
        font-size: 1.8rem;
    }
    h3 {
        font-size: 28px;
    }
    h2 {
        font-size: 28px;
    }
    .bonus-free span {
        font-size: 28px;
    }
    .prdct-bonus h3 {
        font-size: 1.8rem;
    }
    .drift-txt {
        margin: 15px 0% 245px;
    }
    .badgeImg img {
        max-width: 300px;
        margin: 10px auto;
        display: block;
    }
    .row-right4060 {
        margin-left: 0%;
        width: 100%;
    }
    .red-bg p {
    font-size: 20px;
}
.red-bg p {
    font-size: 18px;
    line-height: 25px;
}
#timer {
    max-width: 200px !important;
    font-size: 1.3rem !important;
}
    .stepsImg {
        margin: 10px auto 20px;
        display: block;
    }
    h1.long-subBlue {
        font-size: 1.6rem;
        line-height: 1.3;
    }
    .headingLight {
        font-size: 28px;
    }
    .blueSctHdr {
        font-size: 1.8rem;
    }
    .sct-mrgn-160 {
        padding-top: 50px;
    }
    .img-rght-lng-framed {
        float: none;
        margin: 0px auto 20px;
        display: block;
    }
    .lng-panel-three {
        background-image: none;
    }
    .row-left060 {
        width: 100%;
        padding-bottom: 20px;
    }
    .lng-subhd-four {
        font-size: 1.8rem;
    }
    .lng-panel-two {
        padding: 20px 20px 20px;
    }
    .QuoteHdr {
        font-size: 2rem;
    }
    .img-left-ndx-framed {
        margin: 0px auto 20px !important;
    }
    .long-sub {
        font-size: 1.8rem;
    }
    .img-right-framed-crazy {
        margin: 10px auto !important;
    }
    .hd-top h2 {
        font-size: 2.2rem;
    }
    .topBoyImg {
    position: static;
}
.ndx-hero-long {
    background-position: center;
}
    .row-right40 {
        padding: 0px 20px;
    }
    .sml-hghPanel-one h3 {
        font-size: 22px;
    }
    .James_Barret_mbl {
        display: block;
        width: 100%;
        max-width: 250px;
        margin: 0 auto;
        margin-bottom: 20px;
        border-radius: 10px;
    }
    .new-badge img {
        right: -15%;
        top: -9%;
    }
    .container.pricebox {
        padding: 40px 15px 0px;
    }
    .mbl-only{
        display: block;
    }
    .plr {
        padding-left: 0px;
    }
    .mb_only{
        display: block;
    }
}

@media(max-width: 640px){
    .testimonialBox p {
        margin-top: 10px;
    }
}
@media(max-width: 560px){
    .person_testimls {
        max-width: 12%;
    }
}
@media (max-width: 500px) {
    .btn-awknNoThanks {
        font-size: 16px;
    }
    .btn-awknUpgrade {
        font-size: 1.1rem;
    }
    .awknMdl-sub {
        font-size: 1rem !important;
    }
    .awknMdl-sub {
        font-size: 1rem !important;
        line-height: 1.5;
    }
    .pnl-people {
        width: 90% !important;
    }
    .borderTopClr::before {
        max-width: 83%;
    }
    .bg-bluey.sctDoc {
        padding-left: 0px;
        padding-right: 0px;
    }
    .hd-top h2 {
        font-size: 1.8rem;
    }
    .topBoyImg {
        margin-bottom: 10px;
    }
    .ndx-hero-long {
        padding-top: 25px;
        margin-bottom: 15px;
    }
    .txt-panel {
        width: 100%;
        margin-left: 0%;
    }
    .long-sub {
        font-size: 1.5rem !important;
        line-height: 1.3;
    }
    .QuoteHdr {
        font-size: 1.8rem;
    }
    .lng-subhd-prime {
        font-size: 2.5rem;
    }
    .blueSctHdr {
        font-size: 1.5rem;
        line-height: 1.3;
    }
    .framed {
        margin: 30px auto 30px !important;
    }
    .lng-panel {
        padding: 20px 0px;
    }
    .headingLight {
        font-size: 24px;
    }
    .subExplain {
        font-size: 1.2rem !important;
        line-height: 1.3;
    }
    .uniName {
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .topBoyImg {
        margin-bottom: 19px;
    }
    .mdl-prdct-wkn21 {
        max-width: 240px;
    }

    h2.hding2 {
        margin-top: 4%;
    }
    .mt-200 {
        margin-top: 20%;
    }
    .new-badge img {
        width: 100%;
        max-width: 115px;
        position: absolute;
        right: -11%;
        top: -8%;
        transform: rotate(26deg);
    }
    .James_Barret_mbl {
        max-width: 170px;
    }
    .dis_dktp{
    display: none !important;
}
.dis_mbl{
    display: block !important;
}
}

@media(max-width: 475px){
    .img-width {
        max-width: 220px !important;
    }
    .points li::before {
        top: 18%;
        left: 2%;
    }
}

@media(max-width: 430px){
    .new-line{
        display: block;
    }
}

@media (max-width: 428px) {
    .sideRowImg {
        max-width: 250px;
        margin-bottom: 20px;
    }
    img.img-left-ndx.img-fluid.d-block.mx-auto {
        max-width: 200px !important;
    }
    .person_testimls {
        width: 100%;
        max-width: 16%;
        border-radius: 50%;
    }
    .uniName img {
        margin-bottom: 20px;
    }
    .uniName {
        justify-content: flex-start;
    }
    .mainPrice span {
        margin-left: -10px;
    }
    #ndx-topMnu {
        margin: 0;
        height: 33px;
    }
    .topMenu {
        height: auto;
        position: static !important;
    }
    .hd-top h2 {
        margin-top: 21px;
        font-size: 1.8rem !important;
        margin-bottom: 0px;
    }
    .logoDotsWhite {
        max-width: 200px;
        padding: 0px;
        margin: 0 !important;
    }
    .ndx-hero-long {
        padding: 0% 0% 0%;
        margin: 0px;
        margin-bottom: 30px;
    }
    .topBoyImg {
        max-width: 330px;
        margin-bottom: 10px;
    }
    .upsell-panel-long {
        padding: 20px 0% 0;
        margin-bottom: 40px;
    }
    .img-right-framed-crazy {
        max-width: 239px !important;
        margin: 10px auto !important;
    }
    .logoDots-lft {
        max-width: 200px;
    }
    .long-intro-txt {
        font-size: 1.15rem;
        padding-right: 0px;
    }
    p {
        font-size: 18px;
        line-height: 1.5;
    }
    .lng-subhd {
        font-size: 1.6rem !important;
        margin-bottom: 20px !important;
    }
    .mb-5 {
        margin-bottom: 0rem !important;
    }
    .pnl-pnlHigh-blue {
        padding: 20px 1% 20px;
        margin: 30px auto 20px;
    }
    .blueSctHdr {
        font-size: 1.5rem;
        line-height: 1.3;
        padding-bottom: 0px;
    }
    .long-sub {
        font-size: 1.4rem !important;
        line-height: 1.3;
    }
    .txt-panel.mblAdjust {
        width: 95%;
    }
    h1.long-subBlue {
        font-size: 1.5rem;
        line-height: 1.3;
    }
    .txt-panel {
        width: 100%;
        margin-left: 0%;
    }
    .container {
        padding: 0px 20px;
    }
    .img-left-ndx-framed {
        max-width: 250px;
        margin: 30px auto 0px !important;
    }
    .lng-subhd {
        font-size: 1.5rem !important;
    }
    .QuoteHdr {
        font-size: 1.6rem;
        line-height: 1.3;
    }
    .testimonialBox {
        margin: 20px 0px 50px;
    }
    .startsImg img {
        margin: 15px 0px;
    }
    .testimonialBox p {
        font-size: 18px;
        font-weight: 500;
    }
    .testimonialBox h5 {
        font-size: 20px;
    }
    .testimonialCont {
        padding: 20px 0px 0px;
    }
    .bns-header {
        margin: 0px;
    }
    .lng-subhd-prime {
        font-size: 2.5rem;
        padding: 0px;
    }
    .lng-subhd {
        margin: 0px;
        margin-bottom: 20px !important;
    }
    h3 {
        font-size: 22px !important;
    }
    .vertDots {
        margin: 23px 0 14px 0px;
    }
    .lng-panel-two {
        width: 100% !important;
        padding: 30px 20px;
    }
    .img-rght-lng-framed {
        max-width: 240px;
        margin: 0px auto 30px;
        display: block;
    }
    h1.long-subBlue {
        font-size: 1.5rem;
        line-height: 1.3;
        padding: 0px 20px;
    }
    .img-left-ndx-framed-three {
        max-width: 240px;
    }
    .sml-hghPanel-one {
        margin: 10px 0%;
    }
    .sml-hghPanel-one h3 {
        font-size: 1.4rem !important;
    }
    .sml-hghPanel-one {
        padding: 10px 4%;
        margin: 10px 0%;
    }
    .triedBefore p {
        font-size: 1.15rem;
    }
    .container.bonuses p {
        padding: 0px;
    }
    .ding-cross {
        margin-right: 15px;
    }
    .bg-bluey.sctSelf {
        margin-bottom: -40px;
        padding-bottom: 40px;
    }
    .img-rght-lng-framed {
        margin: 10px auto 30px !important;
    }
    .framed {
        max-width: 240px;
        margin: 20px auto 30px !important;
    }
    .sctPrecise {
        padding-bottom: 30px;
    }
    .blueSctHdr {
        padding: 10px;
    }
    .lng-panel-three {
        padding: 30px 20px !important;
        background-image: none;
    }
    h4 {
        font-size: 20px;
        line-height: 1.3;
    }
    .framed {
        float: none !important;
        max-width: 240px;
        margin: 20px auto 30px !important;
        display: block;
    }
    .headingLight {
        font-size: 22px;
    }
    .subExplain {
        font-size: 1.1rem !important;
        line-height: 1.3;
        margin-bottom: 30px;
    }
       .topBoyImg {
    margin-bottom: 0px;
}
    .singleStep h2 {
        font-size: 1.4rem;
        margin-top: 24px;
    }
    .stepsImg {
        margin: 10px auto 30px;
        display: block;
    }
    .img-left-people {
        margin: 20px auto;
    }
    .mainPrice {
        font-size: 4.5rem !important;
    }
    .price_header.lngAdjustSingle {
        padding-bottom: 300px;
    }
    .price_header.lngAdjustSix {
        padding-bottom: 300px;
    }
    .price_header.lngAdjustThree {
        padding-bottom: 330px;
    }
    img.singleBot {
        width: 300px !important;
        display: block;
    }
    .img-fltRght {
        float: none;
    }
    .img-fltRght {
        float: none;
        max-width: 200px;
        margin: 30px auto;
        display: block;
    }
    .footerLogo {
        max-width: 150px;
        margin-bottom: 30px;
        margin: 0px auto 30px;
    }
    .footerBox {
        text-align: center;
        margin-bottom: 31px;
    }
    .socialIcon img {
        max-width: 34px;
    }
    .footerBox p {
        margin-bottom: 7px;
    }
    .emailInput {
        padding: 15px 14px;
        margin: 20px;
    }
    .pnl-people {
        width: 90% !important;
    }
    .container.aln-cntr {
        padding: 0px;
    }
    .block_dis {
    display: inline;
}
    h1.ndx-sub {
        font-size: 1.6rem !important;
        line-height: 1.2;
    }
    .pnl-intro {
        padding: 30px 0px 0;
        display: flex;
    }
    .hd-top {
        margin-left: 0%;
        width: 100% !important;
    }
    .singleStep {
        margin-left: 0%;
        width: 100%;
        margin-top: -10px;
    }
    .sml-hghPanel {
        padding: 2px 0px 4%;
    }
    .stepsImg {
        max-width: 300px;
    }
    .bgFamily {
        padding: 30px 20px !important;
        margin-bottom: 30px;
    }
    .img-left-people {
        margin-bottom: 20px;
        max-width: 200px;
        height: auto;
    }
    .peep-txt {
        line-height: 1.5;
    }
    .peopleName {
        font-size: 1.1rem;
    }
    .img-left-ndx {
        max-width: 270px !important;
    }
    .lng-panel {
        padding: 20px 0%;
    }
    .row-right2070 {
        margin-left: 0%;
        width: 100% !important;
    }
    .bottle6 img {
        width: 300px !important;
    }
    .m-auto {
        margin: 18px auto 0px !important;
    }
    h2.bluePnlSctHdr {
        line-height: 1.3;
    }
   h2 {
    font-size: 22px !important;
    line-height: 32px !important;
}
    .logoDots {
        max-width: 160px;
    }
    .drift-txt {
        margin: 0px 0% 84px;
        width: 100%;
        padding: 0px;
    }
    .bigger.text-center {
        font-size: 1.5rem;
    }
    .prodBox {
        display: block;
        float: none;
        border-radius: 20px;
        max-width: 200px;
        margin: 0px auto 20px !important;
    }
    .img-left-ndx.mbImgAdjust {
        margin-bottom: 30px;
    }
    .img-left-ndx.mbImgAdjust {
        margin: 0px auto 30px;
        max-width: 260px !important;
    }
    .whiteBg {
        padding: 25px 17px;
    }
    .bonus-free span {
        font-size: 26px;
    }
    .bonus-norm {
        font-size: 26px;
    }
    .card-section {
        margin-bottom: 60px;
    }
    .lngBns-bks {
        width: 100%;
        padding: 0px 20px;
    }
    .logoDots-two {
        max-width: 200px;
    }
    .img-left-ndx {
        max-width: 220px !important;
        margin-bottom: 20px;
    }
    .container.pricebox {
        padding: 32px 15px 0px;
    }
    .optHdr {
        margin: -24px 0 15px;
        max-width: 190px;
    }
    .prdct-Option {
        padding: 3px 4% 20px;
    }
    .card-section {
        padding: 0px;
        margin-bottom: 35px;
    }
    .guarantee365 {
        max-width: 150px;
    }
    .sctPiggyback {
        padding: 0px 0px 30px;
        margin-bottom: 40px;
    }
    .img-right-long {
        max-width: 260px;
        float: none;
        margin: 20px auto !important;
        display: block;
    }
    .ding-quest {
        padding: 12px 14px 0 0;
        margin: 20px 0px 10px -24px;
    }
    .sml-seekPanel {
        padding: 2px 2%;
    }
    .questDing {
        margin-top: -16px;
        max-width: 52px !important;
        margin-left: 26px;
    }
    .sourceBefore p {
        font-size: 1.2rem;
    }
    .footerTop {
        padding: 30px 0px 15px;
    }
    .testimonialSec {
        padding: 0px;
    }
    .mb375 {
        margin-bottom: 0px;
    }
    .row-left060 {
        padding-bottom: 0px;
    }
    .singleStep p {
        width: 100%;
        margin-left: 0%;
    }
    .container.row-right4060 {
        padding: 0px;
    }
    .buy-button3 {
        margin: -20px auto 12px !important;
    }
    .intro-txt {
        font-size: 16px;
        line-height: 1.5;
    }
    .optHdr {
        margin: 2px 0 15px;
    }
    .option-txt {
        padding-top: 15%;
    }
    .new-badge img {
        max-width: 110px;
        right: -6%;
        top: -8%;
    }
}

@media(max-width: 410px){
    .hd-top h2 {
        font-size: 1.7rem !important;
    }
}

@media(max-width: 385px){
    .hd-top h2 {
        font-size: 1.6rem !important;
    }
}


@media (max-width: 375px) {
    .questDing {
        margin-top: -2px;
        max-width: 38px !important;
        margin-left: 25px;
    }
    .sourceBefore p {
        font-size: 1.1rem;
    }
    .topBoyImg {
        max-width: 315px;
    }
    .hd-top h2 {
        margin-top: 21px;
        font-size: 1.5rem !important;
        margin-bottom: 0px;
    }
    .hd-top span {
        /* margin-top: 10px; */
        line-height: 32px;
    }
    .lng-heroSb {
        font-size: 1.2rem;
    }
    .logoDotsWhite {
        max-width: 130px;
    }
    .row-right40 {
        margin-left: 0%;
        width: 100% !important;
    }
    .long-intro-txt {
        font-size: 1.1rem;
    }
    .narrowCol {
        margin: 0px 0% !important;
        font-size: 1.35rem;
        line-height: 1.2;
    }
    .lng-subhd {
        font-size: 1.35rem !important;
    }
    h1.long-subBlue {
        font-size: 1.35rem;
    }
    h3 {
        font-size: 22px !important;
        line-height: 1.2;
    }
    .w-300 {
        max-width: 200px !important;
    }
    .blueSctHdr {
        font-size: 1.35rem;
        line-height: 1.3;
    }
    .step2Img img {
        max-width: 190px;
    }
    .bottle6 img {
        width: 260px !important;
    }
    .bonus-free span {
        font-size: 22px;
    }
    .mainPrice {
        font-size: 3.5rem !important;
    }
    .borderTopClr::before {
        max-width: 80%;
    }
    /*.mdl-prdct-wkn21 {
        max-width: 290px;
    }*/
    .modal-wrapper.exit-intent .modal-content {
        border: 5px solid #ffbf00;
    }
    .modal-wrapper.exit-intent .modal-content .close-btn:not(a) {
        margin: 0rem 0rem 0 auto;
        right: 3px;
        top: -16px;
        padding: 10px;
    }
    .btn-awknNoThanks {
        font-size: 0.9rem;
    }
    .btn-awknUpgrade {
        font-size: 1rem;
    }
}

@media(max-width: 340px){
    .new-line{
        display: inline;
    }
}

@media (max-width: 320px) {
    .mdl-prdct-wkn21 {
        max-width: 220px;
    }
    .new-badge img {
        max-width: 100px;
        right: -8%;
        top: -9%;
    }
    .icon2 {
        height: 30px;
        /* flex: 20%; */
    }
    .atc-button {
        font-size: 22px;
        padding: 18px 30px;

    }

    .icon {
        height: 28px;
        margin-right: 3px;
    }
    .awknMdl-sub {
        font-size: 14px !important;
    }
}

.contentBox {
    padding: 5px 10px;
}

.whiteBox {
    margin-bottom: 35px;
}

img.img-fluid.d-block.logoDots {
    max-width: 200px;
    margin: 10px 0px 30px;
}

@media (max-width: 768px) {
    .QuoteHdr {
        font-size: 2rem;
    }
    .colImage {
        max-width: 260px;
        margin: 10px auto 20px;
    }
}

@media (max-width: 500px) {
    .QuoteHdr {
        font-size: 23px;
    }
    .simple-box-wrapper p {
        font-size: 16px;
        line-height: 1.5;
    }
}

@media (max-width: 428px) {
    img.img-fluid.d-block.logoDots {
        max-width: 150px;
        margin: 10px 0px 15px;
    }
    .QuoteHdr {
    font-size: 22px;
    padding-top: 10px;
}
}

@media (max-width: 375px) {
    .QuoteHdr {
        font-size: 20px;
    }
    .colImage {
        max-width: 215px;
    }
}

@media(max-width: 320px){
    .person_testimls {
        width: 100%;
        max-width: 20%;
        border-radius: 50%;
    }
}

@media(max-width: 280px){
    .topBoyImg {
        margin-bottom: 17px;
    }
}