@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');
h1,h2,h3,h4,h5,h6 {font-family: roboto}
body { font-fmaily: roboto; }
.aleo {font-family: aleo;}
.flink a {color: white !important;}
@media only screen and (max-width: 550px)  {    /*XVGA+*/
    #r_413 {display: none;}
}
body {
    overflow-x: hidden;
}
#r_392 .t4 {margin: 10px 0 10px 0;}
#r_413 {margin-top: -40px}
#r_413 .product-top {border: none}
#sort td {background-color: whitesmoke !important; color: black;}
.btn-primary{
    background: #006838;
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 22px;
    display: block;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.product-button a {
    background: #006838;
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 22px;
    display: block;
    align-items: center;
    text-align: center !important;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.t4 {font-size: 24px; font-weight:bold; font-family: aleo;}
.up {text-transform: uppercase;}
.lg {color :#8DC63F !important;}
h3.lg, h2.lg {text-transform: uppercase; margin-top:20px;}
.addthis_toolbox {float:right;}
#r_353 p {xline-height: 48px; margin-bottom:0;}

.btn-default {
    border: solid #64544B 2px !important;
    font-weight: bold;
    font-size: 21px;
    padding: 7px 20px;
}
.green {color: #006838 !important}
.uppercase {text-transform: uppercase;}
#menu_tabs ul.nav.nav-tabs {
    margin-left: 0;
}
#menu_tabs ul.nav.nav-tabs li.active a {
    background-color: #8dc63f;
    color: #006838;
}
#menu_tabs ul.nav.nav-tabs a {
    color: #006838;
    font-size: 24px;
    font-weight: bold;
    border: 0;
    border-radius: 0;
    background-color: #fff;
	position:relative;
}
#menu_tabs ul.nav.nav-tabs li.active a:before {
    content: '';
    position: absolute;
    right: -11px;
    transform: rotate(-25deg);
    z-index: 29;
    width: 30px;
    height: 62px;
    top: -10px;
    background-color: #fff;
}
#menu_tabs ul.nav.nav-tabs li:nth-child(2).active a:before {
    left: -11px;
    transform: rotate(27deg);
}
#plans .pricing table a.btn, 
#delicious_way_boost a.btn, 
#meals .mypanel a.btn {
    border: 2px solid #006838 !important;
    color: #006838;
    margin-left: 10px;
    background-color: transparent !important;
    text-align: center;
    font-size: 24px;
    padding: 8px 10px 8px;
    -webkit-box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.15);
    border-radius: 10px;
    text-shadow: 0px 4px 5px rgba(0,0,0,0.3);
}
#plans .pricing table a.btn:hover,
#delicious_way_boost a.btn:hover,
#meals .mypanel a.btn:hover {
    background-color: #006838 !important;
    color: #fff;
	border: 2px solid #006838 !important;
}
div#meals {
    background: url(/doorstep/images/shutterstock_722475106-1.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 40px;
}
div#delicious_way_boost {
    background: url(/doorstep/images/Rectangle-98.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 35px;
    padding-bottom: 35px;
}
#meals .plan_amount_savings {
    font-size: 14px;
    color: #006838;
}
#meals .mypanel h2 {
    font-size: 22px;
    color: #006838;
    font-family: Aleo;
    font-weight: bold;
    text-transform: uppercase;
}
#meals .mypanel h3 {
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    font-family: Roboto Condensed;
}
#meals .mypanel .pricing {
    top: 192px;
}
#meals .mypanel h3.price {
    text-align: left;
    font-family: Aleo;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 58px;
    text-transform: uppercase;
    color: #006838;
}
#footer.footer-inverse {
    background-color: #006838;
    color: #fff;
}
.equal-height {
    min-height: 120px;
}

/* home page */
/***Header****/
#header .navbar-white .navbar-nav li > a {
    font-family: Roboto Condensed;
    font-size: 16px;
    color: #006838 !important;
}
#header .subpage-menucontainer
#header .container.menucontainer,
#header .container.subpage-menucontainer,
.container.subpage-menucontainer {
    max-width: 100%;
    width: 100%;
    padding: 0 36px;
}
#r_434 .container {
    width: 1200px;
    margin: auto !important;
}
/* #header .sub-page ul.nav.navbar-nav {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
}
#header .sub-page ul.nav.navbar-nav.navbar-right {
    display: inherit;
    width: inherit;
} */
/****END***/
.image-holder .star-icon i.fa.fa-star {
    font-size: 18px;
}
.view-button{
    color: #fff !important;
}
div#delicious_way_boost a.btn,
.modal.doorstep .modal-footer button.btn.btn-default,
.callout-action a.btn {
    display: inline-block;
    padding: 9px 25px;
    background: #006838 !important;
    border: 3px solid #FFFFFF !important;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0 20px;
    color: #fff !important;
}
footer#footer input.btn.subscribebutton     {
    background: #006838 !important;
    border: 3px solid #FFFFFF !important;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #fff !important;
}
div#delicious_way_boost a.btn:hover{
    border: 3px solid #FFFFFF !important;
}
/******Home page*****/
.home-colom .image {
    background: url(/images/health-doctor-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.home-colom .image:before {
    position: absolute;
    content: ''; 
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(90deg, #8DC63F 0%, rgba(141, 198, 63, 0) 50%);
}
.home-colom.right {
    position: relative;
}
.home-colom .image img {
    display: block;
    width: 100%;
    max-width: 480px;
    height: auto;
    margin-left: auto;
    position: relative;
    padding-top: 30px;
    z-index: 9;
}
.home-video {
    position: absolute;
    bottom: 30px !important;
    left: 0;
    z-index: 999;
}
.rowwithpageid .container.editbit {
    margin: 0 !important;
    width: 100%;
    padding: 0;
}
.image-holder .star-icon a:hover,
.image-holder .star-icon.active {
    color: yellow !important;
}
.summry-health {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0 4px;
}
.summry-health .summery, .summry-health .need {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 50%;
    padding: 0 10px;
}
.summry-health .button {
    width: 25%;
    text-align: center;
}
.health-img img {
    max-width: 130px;
}
.health-img {
    padding-top: 10px;
}
.price-holder .dis,
.price-holder .price {
    font-size: 16px;
    line-height: 22px;
}
.summry-health .button a {
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    background: #006838;
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    color: #fff;
    padding: 2px 12px;
    display: block;
}
.summry-health h3, .summry-health p {
    font-size: 17px;
    color: #006838;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Roboto Condensed !important;
}
section.health-banner .interdue-sec .colom .heading h1 {
    font-family: 'Roboto Condensed', sans-serif !important;
}
div#checkout a.btn.btn-primary {
    background: #006838;
    border-color: #fff;
    color: #fff;
    padding: 7px 0;
}
div#cartz .text-discription .quantity input {
    font-size: 14px;
}
.fir-sec .dite-dis {
    padding-bottom: 6px;
}
div#cartz .text-discription .text {
    font-weight: 500;
    font-size: 16px;
}
#mybody div#r_382 .btn-primary {
    display: inline-block;
}
div#r_382 form {
    margin-bottom: 30px;
}
/* Nab 27-June */
#r_440 .p440.container {
    width: 100%;
    padding: 0;
}
section.bg-green.text-bnr h2 {
    margin: 0;
    padding: 0;
    color: #fff !important;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
    padding: 0 20px;
}
section.bg-green.text-bnr {
    background: #006838 !important;
    min-height: 90px;
    display: flex;
    align-items: center;
    margin-top: 12px;
    justify-content: center;
}
section.program-banr.bg-reward {
    position: relative;
    overflow: hidden;
    display: flex;
}
section.program-banr.bg-reward .banr-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
section.program-banr.bg-reward > img {
    width: 70%;
    height: auto;
    max-width: 1618px;
    margin-top: 155px;
    margin-left: auto;
}
section.matrix-row-botm.d-flex,
.matrix-row.d-flex {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
}
.rewar-matrix h2 {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: calc(42px + 3.8vw);
    line-height: 141px;
    text-transform: uppercase;
    color: #8DC63F !important;
    margin: 0;
    text-shadow: 0px 0px 2px #fff;
}
.v-content h2 {
    margin: 0;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 64px;
    line-height: 75px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #8DC63F !important;
    max-width: 310px;
}
section.program-banr.bg-reward.banr-reward .banr-overlay .program-banr-centerd.d-flex .v-content {
    width: 32%;
}
.mtrix-saprtr {
    flex: 0 0 10%;
    text-align: center;
}
section.program-banr.bg-reward .rewar-matrix {
    flex: 0 0 35%;
    position: relative;
    height: 70px;
    transform: matrix(1, 0, 1, 1, 1, 0);
}
.rewar-matrix:first-child {
    background: #8DC63F;
    transform: matrix(1, 0, 1, -1, 1, 0);
}
.rewar-matrix:first-child h2 {
    text-align: right;
    position: relative;
    transform: matrix(1, 0, 1, -1, 1, 0);
    bottom: 57px;
    right: 34px;
    color: #006838 !important;
}
.rewar-matrix:first-child:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 72px;
    height: 100%;
    background: #8DC63F;
    top: 0;
    left: 0;
    z-index: -1;
    transform: matrix(1, 0, 1, -1, 1, 0);
}
.program-banr-centerd.d-flex {
    height: 100%;
    display: flex;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}
section.matrix-row-botm.d-flex {
    margin: 0;
}
.rewar-matrix-botm {
    flex: 0 0 calc(50% - 4px);
    background-color: #006838;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.rewar-matrix-botm h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 56px;
    text-transform: uppercase;
    color: #FFFFFF !important;
    text-align: center;
    margin: 0;
   
}
.sidebar-area .summry-health .summery h3, .sidebar-area .summry-health .summery p, 
.sidebar-area .summry-health .need h3, .sidebar-area .summry-health .need p {
    font-size: 14px !important;
}
section.matrix-row-botm.d-flex {
    margin: 0;
    height: 100px;
    justify-content: space-between;
    overflow: hidden;
}
.rewar-matrix-botm:first-child h4,
.rewar-matrix-botm:first-child {
    transform: matrix(1, 0, 1, -1, 1, 0);
}
.rewar-matrix-botm:last-child h4,
.rewar-matrix-botm:last-child {
    transform: matrix(1, 0, 1, -1, 1, 0);
}
.rewar-matrix-botm:last-child {
    background-color: #8DC63F;
}
.rewar-matrix-botm:after {
    content: '';
    display: inline-block;
    width: 100px;
    height: 100%;
    background-color: #006838;
    left: -1px;
    position: absolute;
    transform: matrix(1, 0, 1, -1, 1, 0);
    top: 0px;
    z-index: -1;
}
.rewar-matrix-botm:last-child:after {
    left: auto;
    right: 0;
    background-color: #8DC63F;
}
section.program-banr.bg-reward.banr-reward .banr-overlay .matrix-row.d-flex {
    justify-content: flex-start;
}
section.program-banr.bg-reward.banr-reward .banr-overlay .program-banr-centerd.d-flex {
    align-items: flex-start;
    padding-top: 45px;
}
section.program-banr.bg-reward.banr-reward .banr-overlay .program-banr-centerd.d-flex h2 {
    max-width: 560px;
    font-size: 37px;
    line-height: 45px;
}
section.program-banr.bg-reward .rewar-matrix:first-child h2 {
    bottom: 10px;
    right: 64px;
    color: #006838 !important;
    transform: matrix(1, 0, -1, 1, 1, 0);
}
section.program-banr.bg-reward .rewar-matrix {
    height: 70px;
}
section.program-banr.bg-reward .program-banr-centerd.d-flex {
    max-width: 1572px;
}

.centerd_column.two_column h3 {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 17px;
}
html .builderrow ul.list-bar {
    padding: 0;
    list-style-type: none;
    margin: 0;
    text-align: center;
}
html .builderrow .earn-detail ul.list-bar li {
    height: 75px;
    background: #006838;
    color: #fff;
    margin-bottom: 15px;
    justify-content: center;
    font-family: Roboto Condensed;
    font-weight: normal;
    font-size: 22px;
    line-height: 28px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
}
.centerd_column.two_column .row {
    display: flex;
    justify-content: space-between;
}
.centerd_column.two_column p {
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 108.19%;
    display: flex;
    align-items: center;
    color: #000000;
}
.centerd_column.two_column h3 {
    justify-content: center;
}
.centerd_column.two_column .earn-detail .green-box {
    background: #8DC63F;
    padding: 22px 18px;
    text-align: left;
}
.centerd_column.two_column .earn-detail .green-box h2 {
    font-family: Aleo;
    font-size: 30px;
    line-height: 36px;
    text-transform: uppercase;
    color: #fff !important;
    margin-bottom: 10px;
}
.centerd_column.two_column .earn-detail .green-box ul li {
    font-family: Roboto Condensed;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.earn-detail .callout-action {
    text-align: center;
    padding: 15px 10px;
}
.earn-detail .callout-action h3 {
    font-family: Roboto Condensed;
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
    color: #006838;
    margin-bottom: 0;
}
.centerd_column.two_column .green-box p {
    justify-content: center;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.centerd_column.two_column {
    padding: 67px 0 0 0;
}
.sec-botm-imges {
    display: flex;
    justify-content: space-between;
    margin-left: -150px;
    margin-right: -150px;
}
.sec-botm-imges .second-image {
    margin-top: -9%;
    padding-right: 11%;
}
.sec-botm-imges .third-image {
    margin-top: -10%;
}
.centerd_column.two_column.affiliate-page .col-md-5 img {
    margin-top: -110px;
}
section.program-banr.bg-reward.banr-reward img {
    max-width: 1368px;
    margin-top: 0;
}
.affiliate-page.top p {
    max-width: 796px;
    margin:0 auto 30px auto;
    text-align: center;
}
.affiliate-page.top img {
    margin-bottom: 120px;
}
div#r_412 {
    position: relative;
    z-index: 1;
}
div#r_412 > div {
    background-color: transparent !important;
}
section.program-banr.bg-reward.affiliate-sec .rewar-matrix {
    flex: 0 0 48% !important;
    transform: matrix(1, 0, -1, 1, 0, 0) !important;
}
section.program-banr.bg-reward.affiliate-sec .rewar-matrix h2 {
    transform: matrix(1, 0, 1, 1, 0, 0) !important;
    text-align: center !important;
}
section.program-banr.bg-reward.affiliate-sec .rewar-matrix:first-child h2 {
    bottom: -2px !important;
    right: 32px !important;
    text-align: right !important;
}
.mtrix-saprtr {
    position: relative;
    top: 24px;
    left: 25px;
}
.custom-dropdown {
    padding: 3px 0;
}
div#mobile-menu .mobile-menu li a {
    color: #006838 !important;
    font-family: Roboto Condensed;
}
body#mybody.mmPushBody div#page {
    left: inherit !important;
}
body#mybody.mmPushBody div#overlay1 {
    opacity: 0;
}
#page {
    width: 100% !important;
    overflow: hidden !important;
}
.modal.doorstep .sec-dis {
    padding: 20px 18px 80px;
}
.modal.doorstep .modal-footer {
    padding: 0 !important;
}
.nav-tabs.nav-justified {
    margin-left: 0 !important;
}
.modal.doorstep .modal-footer a.btn.btn-default {
    font-size: 16px !important;
    height: auto !important;
    display: inline-block;
    padding: 7px 15px;
    background: #006838 !important;
    border: 3px solid #FFFFFF !important;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0 20px;
    color: #fff !important;
}
div#delicious_way_boost h1 {
    font-family: Roboto Condensed;
}
section.about-banner .about-holder .about-text p {
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    max-width: 550px;
    margin: 0 auto;
}
section.product-menuplan .product-menuholder .price-btn .price h3 {
    font-size: 26px !important;
}
.feature-meal .coloms .colom {
    width: 50%;
    text-align: center;
}
.feature-meal .coloms {
    display: flex;
    align-items: center;
    justify-content: center;
}
.feature-meal .coloms .colom.left {
    width: 62%;
    text-align: right;
}
.feature-meal .coloms .colom .para {
    background: #8DC63F;
    transform: matrix(-1, 0, 1, 1, 0, 0);
    position: relative;
    left: -50px;
    text-align: right;
    display: flex;
}
.feature-meal {
    margin: 10px 0 40px;
}
.feature-meal .coloms .colom .heading h2 {
    margin: 0;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    color: #006838;
}
.feature-meal .coloms .colom .para p {
    transform: matrix(-1, 0, 1, 1, 0, 0);
    padding: 10px 0;
    margin: 0;
    font-family: Aleo;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-right: 104px;
}
.menu-sec.menu-homepage .d-flex.custom-row {
    justify-content: center;
}
.menu-sec.menu-homepage .d-flex.custom-row .product-box {
    width: 31%;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
div#r_590 .container {
    margin-bottom: 0 !important;
    padding: 0;
}
div#r_590 .container {
    width: 100%;
}
div#mymeals .container.container-main.menu-sec.menu-homepage {
    max-width: 1200px;
}
.menu-sec.menu-homepage .product-button {
    padding: 20px 0;
}
div#r_328, div#r_329 {
    display: none;
}
.menu-sec.menu-homepage .product-text h3 {
    font-weight: 600;
}
.menu-sec.menu-homepage .button {
    margin: 40px 0 10px;
    text-align: center;
}
.menu-sec.menu-homepage .button a#welcome-btn {
    color: #fff !important;
    font-weight: 800;
    padding: 9px 39px;
    font-size: 25px;
    line-height: 35px;
}
.heading-menu h2 {
    margin: 0;
    font-family: Aleo;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    text-transform: uppercase;
    color: #006838;
}
.heading-menu {
    text-align: center;
    padding: 10px 0 20px;
}
.free-shipping {
    text-align: center;
    background-color: #8DC63F;
    color: white;
    padding: 3px 0;
    font-weight: normal !important;
    font-family: Aleo !important;
    font-size: 24px !important;
    line-height: 30px !important;
}
.search-area {
    padding-bottom: 20px;
}
#myModal.modal.doorstep .modal-footer button.btn.btn-default {
    border: 3px solid #fff !important;
    color: #fff !important;
    font-size: 16px !important;
}
.search-area .search-holder .search-dis i {
    float: right;
    padding: inherit;
}
section.delicious-cokies div#delicious_way_boost {
    background: transparent !important;
    padding: 0 10px !important;
}
section.delicious-cokies{
    padding: 30px 0;
    background: url('/doorstep/images/delicious-cookie.png');
    background-repeat: no-repeat;
    background-size: cover;
  }
  section.delicious-cokies .col-md-12.text-center {
      display: flex;
      justify-content: center;
      align-items: flex-end;
  }
  section.delicious-cokies .button a.view-button {
      display: inline-block;
      padding: 10px 13px;
      background: #006838;
      border: 3px solid #FFFFFF;
      box-sizing: border-box;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      border-radius: 10px;
      font-style: normal;
      font-weight: bold;
      font-size: 18px;
      line-height: 20px;
      text-align: center;
      text-transform: uppercase;
      margin: 20px 0 0;
      color: #fff;
  }
  section.delicious-cokies .right-colom h1 {
      font-style: normal;
      font-weight: bold;
      font-size: 30px;
      line-height: 36px;
      text-align: center;
      text-transform: uppercase;
      color: #fff;
      margin: 0;
  }
  section.delicious-cokies .right-colom p {
      font-size: 16px;
      margin: 0;
      color: #fff;
      text-transform: uppercase;
  }
  section.delicious-cokies .left-colom {
      padding-right: 50px;
  }
  section.delicious-cokies .left-colom img {
      width: 100%;
      max-width: 160px;
      height: auto;
  }
  .search-area .search-holder .search-dis input::-webkit-input-placeholder { 
    text-align:center;
    }
    .search-area .search-holder .search-dis input::-moz-placeholder { 
    text-align:center;
    }
    .search-area .search-holder .search-dis input:-ms-input-placeholder { 
    text-align:center;
    }
    .search-area .search-holder .search-dis input:-moz-placeholder { 
    text-align:center;
    }
    .menu-card div#pricing .row {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    p#allergies {
        display: none !important;
    }
    section.about-banner .about-holder .about-text.colom {
        width: 60% !important;
    }
    section.about-banner .about-holder .colom {
        width: 40% !important;
    } 
    section.about-banner .about-holder .about-text.colom ul {
        padding-top: 30px !important;
    } 
    section.about-banner.last-sec .about-holder {
        align-items: flex-start !important;
    }
    .foot-buttons .left-button, .foot-buttons .right-button {
        width: 50%;
        padding: 0 15px;
        text-align: center;
    }
    .meal-sec {
        width: 74%;
    }
    .meal-sec .row.row-main .col-md-4.text-center {
        width: 33%;
    }
    .quantity.quantity-large, .quantity.quantity-normal {
        padding: 0 3px;
    }
    header#header div#main-navbar-container{
        justify-content: space-between;
        width: 82%;
        float: right;
    }
    ul#drops.navbar-nav {
        margin-right: 0;
    }
    .earn-rewards {
        text-align: center;
        padding: 35px 0 0;
        max-width: 70%;
        margin: 0 auto;
    }
    .earn-rewards h2 {
        font-family: Aleo;
        font-weight: bold;
        font-size: 35px;
        line-height: 48px;
        text-transform: uppercase;
        color: #006838;
        margin-bottom: 15px;
    }
    .earn-rewards p {
        font-family: Roboto Condensed;
        font-weight: normal;
        font-size: 20px;
        line-height: 25px;
        color: #000000;
        text-align: left;
    }
    .earn-reward-holder .earn-purchase h2 {
        font-family: Aleo;
        font-weight: bold;
        font-size: 26px;
        line-height: 33px;
        text-transform: uppercase;
        color: #006838;
        margin-bottom: 10px;
    }
    .earn-reward-holder .earn-purchase {
        margin-bottom: 25px;
    }
    .builderrow .earn-reward-holder .earn-purchase ul {
        margin-left: 50px;
    }
    .builderrow .earn-reward-holder .earn-purchase ul li {
        color: #000;
        padding-bottom: 5px;
        font-size: 17px;
        font-family: Roboto Condensed;
    }
    .dimand-affiliate .coloms {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .dimand-affiliate .coloms .colom {
        width: 50%;
        position: relative;
    }
    .dimand-affiliate .coloms .colom.right {
        background: #006838;
        overflow: hidden;
        padding: 30px 0;
    }
    .dimand-affiliate .coloms .colom.left .img-text {
        display: flex;
        flex-wrap: wrap;
        vertical-align: top;
        max-width: 400px;
    }
    .dimand-affiliate .coloms .colom.left .img-text .image-hol img {
        width: 100%;
        max-width: 140px;
        display: block;
        height: auto;
    }
    .dimand-affiliate .coloms .colom.left .img-text .text-hol {
        width: 62%;
        padding: 0 10px;
    }
    .dimand-affiliate .coloms .colom.left .img-text .image-hol {
        width: 35%;
        padding: 0 10px;
    }
    .dimand-affiliate .coloms .colom.left {
        padding: 10px 0;
    }
    .dimand-affiliate .coloms .colom.left .img-text .text-hol h2 {
        margin: 0 0 15px;
        font-family: Roboto;
        font-weight: bold;
        font-size: 35px;
        line-height: 43px;
        text-transform: uppercase;
        color: #006838;
    }
    .dimand-affiliate .coloms .colom.left .img-text .text-hol .button a {
        display: inline-block;
        padding: 10px 18px;
        background: #006838 !important;
        border: 3px solid #FFFFFF !important;
        box-sizing: border-box;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        font-family: Roboto Condensed;
        font-style: normal;
        font-weight: bold;
        font-size: 17px;
        line-height: 18px;
        text-align: center;
        text-transform: uppercase;
        color: #fff !important;
        text-decoration: none;
    }
    .dimand-affiliate .coloms .colom.right .dish-image {
        position: absolute;
        top: 0;
        right: 0;
    }
    .dimand-affiliate .coloms .colom.right .dish-image img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 270px;
    }
    .dimand-affiliate .coloms .colom.right ul {
        padding: 0 25px;
        margin: 0;
        list-style: none;
    }
    .dimand-affiliate .coloms .colom.right ul li {
        font-family: Aleo;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 23px;
        text-transform: uppercase;
        color: #8DC63F;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        padding-bottom: 15px;
    }
    .dimand-affiliate .coloms .colom.left:after {
        position: absolute;
        right: -107px;
        top: 50%;
        content: '';
        background-image: url(/doorstep/images/reward-cruncy.png);
        background-repeat: no-repeat;
        background-size: 100%;
        width: 275px;
        height: 175px;
        transform: translateY(-50%);
    }
    div#r_442 .p442.container {
        max-width: 100%;
        width: 100%;
    }
    div#r_442 .p442.container .reward-innersec {
        width: 100%;
        margin: 0 auto;
    }
    .sidebar-area h2, .sidebar-area h3 {
        color: #306838;
    }
    div#us-mobile-sticky div.on-mobile#checkout {
        display: none;
    }
    .earn-reward-holder {
        padding-top: 10px;
    }
    
@media (max-width: 1399px){
    .text-area .text-holder .button a.btn {
        padding: 6px 10px !important;
    }
    .text-area .text-holder .button {
        margin: 5px auto 0;
    }
}
@media only screen and (min-width: 767.98px)  {
    div#r_442 .p442.container .reward-innersec {
        width: 750px;
        padding: 0 15px;
    }
    header#header .container.menucontainer {
        max-width: 100%;
        width: 100%;
        padding: 0 36px;
        display: flex;
        align-items: center;
        padding: 0 20px;
    }
    header#header .container.menucontainer div#main-navbar-container {
        flex: auto;
    }
    section.product-menuplan .product-menuholder .price-btn .price h3 {
        font-size: 32px;
    }
    div#main-navbar-container ul.nav.navbar-nav:not(.navbar-right) {
        margin-left: auto;
        margin-right: auto;
        padding-right: 70px;
    }
    header#header div#main-navbar-container {
        display: flex !important;
        align-items: center;
    }
}
@media (min-width: 992px){
    div#r_442 .p442.container .reward-innersec {
        width: 970px;
    }
}
@media (min-width: 1200px){
    div#r_442 .p442.container .reward-innersec {
            width: 1170px;
        }
}
@media (min-width: 1280px){
    div#r_442 .p442.container .reward-innersec {
            width: 1200px;
        }
}
    .menu-card div#pricing .row .col-md-3 {
width: 28%;
}
.container>.navbar-header {
    margin-right: 20px !important;
}
}
@media only screen and (max-width: 1600px)  {
    section.bg-green.text-bnr h2  {
        font-size: 36px;
        line-height: 44px;
    }
    .rewar-matrix h2 {
        font-size: calc(30px + 3.8vw);
    }
    section.program-banr.bg-reward .program-banr-centerd.d-flex {
        max-width: 1215px;
    }
    .rewar-matrix-botm h4 {
        font-size: 42px;
    }
    .sec-botm-imges {
        margin-left: 0;
        margin-right: 0;
    }
    .sec-botm-imges .second-image {
        padding-right: 0;
    }
    .sec-botm-imges img {
        max-width: 100%;
        padding: 0 20px;
    }
}
@media only screen and (max-width: 1370px)  {
section.bg-green.text-bnr {
    min-height: 65px;
}
section.bg-green.text-bnr h2 {
    font-size: 28px;
    line-height: 40px;
}
section.program-banr.bg-reward.banr-reward .banr-overlay .program-banr-centerd.d-flex h2 {
    font-size: 32px;
    line-height: 39px;
}
#meals .mypanel h3.price {
    font-size: 35px;
    line-height: 45px;
}
#plans .pricing table a.btn, #delicious_way_boost a.btn, #meals .mypanel a.btn {
    font-size: 16px;
    padding: 6px 8px 6px;
}
#meals .plan_amount_savings {
    font-size: 13px;
}
#meals .mypanel h3 {
    font-size: 20px;
    line-height: 26px;
}
.pointlevel {
    display: block;
}
section.program-banr.bg-reward .program-banr-centerd.d-flex {
    max-width: 1130px;
}
}
@media only screen and (max-width: 1176px)  {	/*XVGA+*/
	#r_324 {margin-top: 100px}

    #r_355 {display: none}
    #r_434 .container {
        width: 100%;
        padding: 0 34px;
    }
}
@media (max-width: 1199.98px){
    /* #header .sub-page ul.nav.navbar-nav {
        width: auto;
        display: inherit;
        margin: inherit;
    } */
    .menu-card div#pricing .row .col-md-3 {
        width: 30%;
    }
    header#header div#main-navbar-container {
        width: 79%;
    }
    #header .navbar-white .navbar-nav li > a {
        font-size: 14px;
    }
    section.healthy-life .about-text {
        padding: 7% 5% 0 0;
    }
    .custom-row .product-box {
        width: 22.5%;
    }
    div#view-meals .custom-row .product-box {
        width: 31%;
    }
    .d-flex.custom-row {
        justify-content: center;
    }
    #w9wrapper > .container {
        max-width: 100%;
    }
    .earn-reward-holder .earn-purchase h2 {
        font-size: 20px;
    }
    html .builderrow .earn-detail ul.list-bar li,
    .earn-detail .callout-action h3 {
        font-size: 18px;
    }
    .centerd_column.two_column .earn-detail .green-box h2 {
        font-size: 22px;
    }
    .dimand-affiliate .coloms .colom.right ul li {
        font-size: 14px;
    }
    .dimand-affiliate .coloms .colom.left .img-text .text-hol h2 {
        font-size: 30px;
        line-height: 35px;
    }
    .dimand-affiliate .coloms .colom.left .img-text .text-hol .button a {
        padding: 10px;
        font-size: 16px;
    }
}
@media (max-width: 1180px){
    html #r_267 h2 {
        padding-top: 0;
    }
    div#main-navbar-container ul.nav.navbar-nav:not(.navbar-right) {
        padding-right: 20px !important;
    }
    .text-area .text-holder .button a.btn {
        padding: 6px 8px !important;
    }
    .sidebar-area .summry-health .summery h3, .sidebar-area .summry-health .summery p, 
    .sidebar-area .summry-health .need h3, .sidebar-area .summry-health .need p {
        font-size: 12px !important;
    }
    .sidebar-area {
        padding: 20px 10px !important;
    }
    .meal-sec .row.row-main .col-md-4.text-center {
        padding: 0 8px;
    }
    .meal-sec .row.row-main .col-md-4.text-center .colom-area {
        margin-bottom: 20px !important;
    }
    html #welcome-image {
        max-width: 100% !important;
    }
    div#r_421{
        display: table !important;
    }
    html #r_267,
    html #r_267 .container {
        height: auto;
    }
    html #r_267 h2 p {
        padding-top: 66px;
    }
    div#r_422 > div div,
    div#r_421 > div div {
        display: block !important;
    }
    div#r_422 > div div .col-md-4,
    div#r_421 > div div .col-md-4 {
        padding: 20px !important;
    }
    .home-colom.right {
        padding-left: 18px;
    }
    div#r_422 > div div.home-video,
    div#r_421 > div div.home-video {
        margin-top: 16px !important;
    }
    div#r_422 > div div.home-video img,
    div#r_421 > div div.home-video img {
        max-width: 100%;
    }
    html .welcome-card.text-center {
        top: -16px;
    }
    html .welcome-card {
        max-width: 92%;
        padding: 20px 10px !important;
    }
    html #r_267 h2 {
        padding-top: 20px;
    }
    html #welcome-image {
        margin-top: -165px;
    }
    html #r_267 {
        margin-top: -162px;
    }
    header#header nav.navbar a.mm-toggle span {
        vertical-align: top;
    }
    header#header nav.navbar a.mm-toggle {
        margin-top: 35px;
    }
    section.healthy-life .about-text p,
    p span {
        font-size: 18px !important;
        line-height: 26px;
    }
    #myfooter ul {
        margin-top: 10px;
    }

    html #r_267 h2 p {
        padding-top: 0;
    }
    html #welcome-image {
        margin-top: 0;
        height: auto !important;
        padding-bottom: 20px;
    }
    html .welcome-card.text-center {
        top: 0;
    }
    html #welcome-image {
        background-size: cover !important;
    }
    html .welcome-card.text-center {
        top: 0;
        margin: auto;
        bottom: 0;
    }
    #welcome-image {
        padding-top: 20px !important;
    }
    div#r_267 > div {
        padding-bottom: 32px;
    }
    html #r_267 h2 {
        padding-top: 20px;
        top: 54px;
        position: relative;
    }
    section.program-banr.bg-reward .banr-overlay .program-banr-centerd.d-flex {
        padding-left: 47px;
    }
    section.program-banr.bg-reward.banr-reward .banr-overlay .program-banr-centerd.d-flex .v-content {
        width: 35%;
    }
    .rewar-matrix:first-child:after {
        left: -5px;
    }
    html .builderrow ul.list-bar li {
        font-size: 18px;
        padding: 0 10px;
    }
    .centerd_column.two_column .green-box p,
    .centerd_column.two_column p {
        font-size: 18px;
        line-height: 24px;
    }
    .rewar-matrix-botm h4 {
        font-size: 30px;
    line-height: 40px;
    }
    .affiliate-page img {
        max-width: 100%;
    }
    section.program-banr.bg-reward .banr-overlay .program-banr-centerd.d-flex h2{
        font-size: 48px;
        line-height: 56px;
    }
}
@media (min-width:767.98px) and (max-width:1180px) {
    html #welcome-image {
        max-width: 100%;
        min-height: 300px;
    }
    html #r_267 {
        margin-top: 0;
    }
    html #r_267 h2 {
        padding-top: 0;
        top: 0;
        position: relative;
    }
    html #r_267 > div {
        padding: 0;
    }
    #r_267 h2 span {
        font-size: 18px !important;
    }
    html .welcome-card.text-center {
	top: 0;
	bottom: 0;
	max-width: 450px;
	height: 211px;
	left: auto;
	right: 4vw;
	margin: auto;
}
html #r_267 h2 span {
	font-size: 18px !important;
}
}
@media (min-width:767.98px) and (max-width:991px) {
    html .welcome-card.text-center {
        left: 0;
        right: 0;
    }
}
@media (max-width: 767.98px) and (min-width:640px){
    html #r_267 h2,
    html #r_267 h2 p {
        padding-top: 0;
    }
    html #r_267, html #r_267 .container {
        padding-bottom: 0 !important;
    }
    html #r_267 h2 {
        top: 18px;
    }
}
@media (max-width: 1178px){
    .welcome-card h4 {
        font-size: 18px;
        margin-top: 16px;
    }
    .welcome-card {
        height:216px;
    }
}
@media (max-width: 1023px){
    .custom-row .product-box {
        width: 31%;
    }
    header#header div#main-navbar-container {
        width: 78%;
    }
    header#header div#main-navbar-container {
        padding: 0 !important;
    }
    div#view-meals .custom-row .product-box {
        width: 47%;
    }
    section.product-menuplan .product-menuholder .row{
        flex-wrap: wrap;
    }
    section.product-menuplan .product-menuholder .two-coloms .col-6.column {
        width: 47% !important;
    }
    section.product-menuplan .product-menuholder .two-coloms .col-6.column .col-6 {
        padding-bottom: 20px;
    }
    .menu-sec.menu-homepage .d-flex.custom-row .product-box {
        width: 46%;
    }  
    .earn-reward-holder .earn-purchase h2 {
        font-size: 17px;
    }  
    .builderrow .earn-reward-holder .earn-purchase ul {
        margin-left: 20px;
    }
    .builderrow .earn-reward-holder .earn-purchase ul li {
        padding-bottom: 0;
    }
}
@media (max-width: 991px){
    #header .navbar-white .navbar-nav li > a {
        font-size: 12px;
        padding: 3px 9px 0 !important;
        white-space: nowrap;
    }
    ul#drops.navbar-nav {
        margin-right: -15px;
    }
    header#header div#main-navbar-container {
        width: 84%;
    }
    div#main-navbar-container ul.nav.navbar-nav:not(.navbar-right) {
        padding-right: 0px !important;
    }
    .meal-sec .row.row-main .col-md-4.text-center {
        width: 33%;
    }
    section.about-banner.last-sec .about-clobanner {
        width: 63% !important;
    }
    section.about-banner.last-sec .about-holder {
        max-width: 100% !important;
    }
    .menu-card div#pricing .row .col-md-3 {
        width: 70%;
    }
    section.about-banner.top-sec .about-holder {
        max-width: 100% !important;
    }
    section.program-banr.bg-reward.banr-reward .banr-overlay .program-banr-centerd.d-flex h2 {
        font-size: 26px;
        line-height: 34px;
    }
    section.program-banr.bg-reward .rewar-matrix {
        height: 50px;
    }
    section.bg-green.text-bnr h2 {
        font-size: 23px;
        line-height: 35px;
    }
    section.bg-green.text-bnr {
        min-height: 55px;
    }
    section.program-banr.bg-reward .rewar-matrix:first-child h2 {
        bottom: -30px;
        right: 88px;
        font-size: 40px;
        line-height: 40px;
    }
    section.program-banr.bg-reward.banr-reward .banr-overlay .program-banr-centerd.d-flex {
        padding-top: 29px;
    }
    .search-area .search-holder .search-dis {
        min-width: 500px;
        max-width: 500px;
    }
    /* #header .sub-page {
        display: flex !important;
    } */
    #header .container.subpage-menucontainer {
        display: flex;
        align-items: center;
        padding: 0 34px 0 15px !important;
    }
    #logo, .subpage-logo {
        max-width: 140px;
    }
    section.health-banner .interdue-sec .colom .head h2 span {
        font-size: 26px !important;
    }
    section.health-banner .interdue-sec .colom .head h2 {
        font-size: 18px !important;
    }
    section.about-banner .about-holder {
        max-width: 70% !important;
    }
    .about-clobanner {
        width: 79% !important;
    }
    section.about-banner .about-holder .about-text p {
        background: #ffffffb8;
    }
    section.healthy-life .about-clobanner {
        width: 65% !important;
    }
    section.healthy-life .about-text {
        padding: 9% 5% 0 0 !important;
    }
    section.aboutus-faq:before {
        left: -16% !important;
        width: 32% !important;
    }
    section.aboutus-faq .faq-holder .faq-heading h2 {
        font-size: 23px !important;
    }
    section.aboutus-faq .faq-holder .faq-text {
        width: 62% !important;
    }
    section.aboutus-faq .faq-holder .faq-text p {
        word-break: break-all;
    }
    div#b649_description {
        padding: 0 15px !important;
    }
    .col-md-3 .row .col-md-12.text-center {
        padding: 0 30px;
    }
    .welcome-card h4 {
        font-size: 14px;
        line-height: 18px;
        margin: 20px 0;
    }
    .welcome-card {
        padding: 24px 0;
        width: 100%;
        height: auto;
    }
    header#header .container.menucontainer div#main-navbar-container {
        border: none;
    }
    section.program-banr.bg-reward.affiliate-sec .rewar-matrix h2 {
        font-size: 45px;
        line-height: 67px;
    }
    .mtrix-saprtr {
        position: relative;
        top: 2px;
        left: 25px;
    }
    .feature-meal .coloms .colom.left {
        width: 70%;
        text-align: right;
    }
    .feature-meal .coloms .colom .heading h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .feature-meal {
        margin: 30px 0;
    }
    .feature-meal .coloms .colom .para p {
        font-size: 14px;
        line-height: 20px;
        padding-right: 60px;
    }
    .meal-sec {
        order: 2 !important;
    }
    .rowwithpageid .col-md-3.text-center {
        width: 40% !important;
        order: 1 !important;
        margin: 0 auto;
    }
    .meal-sec {
        width: 100%;
    }
    .sidebar-area {
        padding: 20px !important;
    }
    .dimand-affiliate .coloms .colom.left .img-text .text-hol .button a {
        padding: 10px;
        font-size: 14px;
    }
    .dimand-affiliate .coloms .colom.left .img-text .text-hol h2 {
        font-size: 25px;
        line-height: 28px;
    }
    .dimand-affiliate .coloms .colom.left .img-text .text-hol {
        width: 50%;
    }
    .dimand-affiliate .coloms .colom.left .img-text .image-hol {
        width: 25%;
    }
    .dimand-affiliate .coloms .colom.left:after {
        right: -79px;
        width: 200px;
        height: 130px;
    }
    .rewar-matrix-botm h4 {
        font-size: 25px;
    }
    .dimand-affiliate .coloms .colom.right {
        padding: 20px 0 10px;
    }
    .dimand-affiliate .coloms .colom.right ul li {
        padding-bottom: 8px;
    }
}

    @media (max-width: 797px){
        div#r_421 .home-video {
            bottom: 0px !important;
            position: static !important;
        }
        .home-colom .image:before{
            display: none;
        }
    }
    @media (max-width: 767.98px){
        /* #header .sub-page {
            display: none !important;
        } */
        .earn-reward-holder {
            padding-top: 0;
        }
        div#us-mobile-sticky div.on-mobile#checkout {
            display: block;
        }
        div.on-desktop#checkout {
            display: none;
        }
        .centerd_column.two_column .earn-detail .green-box h2 {
            font-size: 17px;
            margin-bottom: 0;
        }
        html .builderrow ul.list-bar li {
            font-size: 16px !important;
            line-height: 22px !important;
        }
        .builderrow ul {
            margin-left: 20px;
        }
        .dimand-affiliate .coloms .colom {
            width: 100%;
        }
        .dimand-affiliate .coloms .colom.left .img-text .text-hol {
            width: 60%;
        }
        .dimand-affiliate .coloms .colom.left:after {
            top: 26%;
        }
        .dimand-affiliate .coloms .colom.left {
            padding: 20px 0;
        }
        .dimand-affiliate .coloms .colom.right ul {
            padding: 0 15px;
        }
        .dimand-affiliate .coloms .colom.right .dish-image {
            top: 50%;
            right: -77px;
            width: 70%;
            transform: translateY(-50%);
        }
        .dimand-affiliate .coloms .colom.right .dish-image img {
            max-width: 100%;
        }
        .earn-rewards {
            padding: 20px 15px 0;
            max-width: 100%;
        }
        .earn-rewards h2 {
            font-size: 24px;
            line-height: 30px;
            margin-bottom: 0;
        }
        ul#drops.navbar-nav {
            margin-right: inherit;
        }
        header#header {
            z-index: 9999;
        }
        .search-area .search-holder .select-box {
            width: 100% !important;
            min-width: 100% !important;
            max-width: 100% !important;
            text-align: center !important;
        }
        #header .container.subpage-menucontainer {
            padding: 0 34px 0 34px !important;
        }
        div#cartz .text-discription .quantity input {
            width: 28px;
            font-size: 13px;
            text-align: center;
        }
        .meal-sec {
            overflow-y: inherit !important;
        }
        .meal-sec .row.row-main .col-md-4.text-center {
            width: 100%;
        }
        .rowwithpageid .col-md-3.text-center {
            width: 100% !important;
        }
        .sidebar-area .summry-health .summery h3, .sidebar-area .summry-health .summery p, 
        .sidebar-area .summry-health .need h3, .sidebar-area .summry-health .need p {
            font-size: 16px !important;
        }
        .container-fluid .search-area .search-holder .search-dis {
            min-width: 290px !important;
            max-width: 290px !important;
        }
        .search-area .search-holder .search-dis input {
            width: 67% !important;
            font-size: 11px !important;
        }
        .foot-buttons .left-button, .foot-buttons .right-button {
            width: 100%;
        }
        body section.about-banner.last-sec .about-holder .about-text.colom,
        body section.about-banner.last-sec .about-holder .colom {
            width: 100% !important;
        }
        section.product-menuplan .foot-buttons .left-button {
            text-align: center;
            margin-bottom: 7px;
        }
        
        section.about-banner.last-sec .about-clobanner{
            right: -30px;
        }
        .menu-card div#pricing .row .col-md-3 {
            width: 100%;
        }
        section.about-banner .about-holder .about-text.colom ul {
            padding-top: 0 !important;
        } 
        section.about-banner .about-holder .colom .image img {
            margin: 0 auto;
        }
        div#myModal.modal {
            z-index: 9999 !important;
            background: #0000006b;
        }
        .modal-backdrop {
            z-index: 10 !important;
        }
        section.about-banner .about-holder .about-text.colom,
        section.about-banner .about-holder .colom {
            width: 100% !important;
        }
        section.product-menuplan.meal-size .para-area p {
            font-size: 20px;
            line-height: 24px;
            padding: 6px 0 6px 40px;
        }
        section.product-menuplan.meal-size .product-menuholder .include-coce .para-area {
            max-width: 213px;
        }
        section.product-menuplan.meal-size .include-coce .image {
            left: 8px !important;
            top: -12px !important;
        }
        .menu-sec.menu-homepage .button a#welcome-btn {
            padding: 10px 15px;
            font-size: 22px;
            line-height: 35px;
        }
        .feature-meal .coloms {
            flex-wrap: wrap;
        }
        .feature-meal .coloms .colom.left {
            width: 100%;
            margin-bottom: 10px;
        }
        .feature-meal .coloms .colom .para p br {
            display: none;
        }
        .feature-meal .coloms .colom .para {
            left: -39px;
        }
        .feature-meal .coloms .colom .para p {
            padding-right: 0;
            width: 100%;
            max-width: 70%;
            margin: 0 auto;
        }
        .feature-meal .coloms .colom {
            width: 100%;
        }
        section.product-menuplan .product-menuholder .two-coloms .col-6.column {
            width: 100% !important;
            margin: 15px 0 0 !important;
        }
        section.product-menuplan .product-menuholder .include-coce {
            width: 100%;
            max-width: 270px;
            margin: 25px auto 0;
        }
        section.product-menuplan .product-menuholder .row .col-6 {
            padding: 10px !important;
            margin: 0 !important;
        }
        section.product-menuplan .product-menuholder .heading-holder p {
            font-size: 16px !important;
            line-height: 26px !important;
        }
        section.product-menuplan .product-menuholder .heading-holder h2 {
            font-size: 20px !important;
            line-height: 33px !important;
        }
        div#r_421 .row {
            margin: 0;
        }
        html #r_267 .row.home-popsec div#welcome-image .welcome-card.text-center{
            height: auto !important;
            padding: 20px 10px 30px !important;
        }
        html #r_267 .row.home-popsec div#welcome-image {
            height: 270px !important;
            max-width: 100% !important;
        }
        div#r_421 .row .col-sm-12 {
            padding: 0;
        }
        div#r_421 .row .col-sm-12 .row {
            margin: 0 -15px;
        }
        div#r_428 .container.editbit .row {
            margin: 0;
        }
        .home-video {
            position: inherit !important;
        }
        div#view-meals .custom-row .product-box {
            width: 100% !important;
        }
        section.program-banr.bg-reward .rewar-matrix {
            height: 38px !important;
            position: relative !important;
            left: -19px;
            flex: inherit !important;
        }
        section.program-banr.bg-reward.affiliate-sec .rewar-matrix:first-child h2 {
            bottom: -2px !important;
            right: 64px !important;
            text-align: right !important;
        }
        section.program-banr.bg-reward.affiliate-sec .rewar-matrix {
            left: -38px !important;
        }
        section.program-banr.bg-reward .rewar-matrix:first-child h2 {
            font-size: 43px !important;
            line-height: 43px !important;
            position: inherit !important;
            width: 100% !important;
            position: inherit !important;
            max-width: 100% !important;
            bottom: inherit;
            right: inherit;
            text-align: left;
        }
        section.program-banr.bg-reward > img {
            width: 100% !important;
            margin-top: 0 !important;
            height: 310px;
        }
        section.program-banr.bg-reward .banr-overlay .program-banr-centerd.d-flex {
            padding-left: 0 !important;
        }
        section.program-banr.bg-reward .banr-overlay .program-banr-centerd.d-flex .v-content {
            padding-bottom: 20px !important;
        }
        section.program-banr.bg-reward.banr-reward .banr-overlay .program-banr-centerd.d-flex .v-content {
            width: 100% !important;
            text-align: left !important;
            height: 100% !important;
        }
        .sortme p {
            font-size: 22px;
            line-height: 31px;
            padding: 7px 0;
        }
        section.about-banner .about-holder .colom {
            width: 100% !important;
        }
        section.about-banner .about-holder .about-text h1 {
            font-size: 50px !important;
            line-height: 63px !important;
        }
        .search-holder {
            flex-wrap: wrap;
        }
        .search-area .search-holder .search-dis {
            min-width: 95% !important;
            max-width: 100% !important;
            margin-bottom: 15px !important;
            padding: 6px 8px !important;
        }
        .home-video iframe {
            width: 100% !important;
        }
        .custom-row .product-box {
            width: 100% !important;
        }
        #menu_tabs ul.nav.nav-tabs a {
            font-size: 15px !important;
            margin: 0 !important;
        }
        .content1.resizeme h2 p {
            font-size: 32px !important;
        }
        section.product-menuplan .product-menuholder .col-6 {
            width: 100% !important;
            margin: 0 15px 15px !important;
        }
        section.product-menuplan .product-menuholder .row {
            flex-wrap: wrap !important;
        }
        section.product-menuplan .foot-buttons {
            justify-content: center !important;
            flex-wrap: wrap !important;
        }       
        section.product-menuplan .product-menuholder a.view-button {
            padding: 11px 11px !important;
            font-size: 15px !important;
            margin: 0px !important;
        }
        .heading-health h2 {
            font-size: 20px !important;
            line-height: 31px !important;
        }
        .meal-sec .row.row-main .col-md-4.text-center {
            width: 100% !important;
        }
        .meal-sec .row.row-main {
            height: auto !important;
        }
        .nav-tabs.nav-justified>li {
            float: left !important;
            width: 50% !important;
            max-width: inherit !important;
            text-overflow: inherit !important;
            white-space: unset !important;
            overflow: inherit !important;
        }
        .nav-tabs.nav-justified>li a {
            max-width: inherit !important;
            text-overflow: inherit !important;
            white-space: unset !important;
            overflow: inherit !important;
        }
        #menu_tabs ul.nav.nav-tabs li.active a:before {
            width: 20px !important;
            height: 60px !important;
        }
        #header .container.subpage-menucontainer {
            display: inherit !important;
        }
        section.about-banner .about-holder .colom,
        section.healthy-life .coloms .colom {
            width: 100% !important;
        }
        section.healthy-life.focus-on .colom.left {
            width: 100% !important;
            order: 2 !important;
        }
        section.healthy-life.focus-on .colom {
            width: 100% !important;
            order: 1 !important;
        }
        section.about-sympoton {
            padding: 30px 15px !important;
        }
        section.about-banner.last-sec .about-holder .about-text.colom {
            width: 100% !important;
            padding-left: 0 !important;
            padding: 0 15px 10px !important;
        }
        section.about-banner.last-sec .about-holder .colom,
        section.healthy-life .about-clobanner {
            width: 100% !important;
        }
        section.about-banner.last-sec .about-clobanner {
            position: inherit !important;
            width: 100% !important;
        }
        section.healthy-life .about-clobanner h2 {
            xfont-size: 19px !important;
            line-height: 22px !important;
        }
        .about-clobanner {
            width: 100% !important;
            xheight: 40px !important;
        }
        section.about-banner .about-holder .about-text h1 {
            font-size: 48px !important;
            line-height: 56px !important;
        }
        section.healthy-life {
            padding-top: 55px !important;
        }
        section.healthy-life .about-text {
            max-width: 100% !important;
            padding: 15px !important;
        }
        section.about-sympoton {
            padding: 15px !important;
        }
        section.about-sympoton .text-area h2 {
            font-size: 25px !important;
            line-height: 30px !important;
        }
        section.about-sympoton .text-area ul li p {
            font-size: 14px !important;
            line-height: 20px !important;
            margin-bottom: 6px !important;
        }
        section.about-banner.last-sec .about-holder .about-text.colom {
            padding: 15px 0 !important;
        }
        section.health-banner .interdue-sec {
            flex-wrap: wrap;
        }
        section.health-banner .interdue-sec .colom {
            width: 100% !important;
        }
        section.health-banner .interdue-sec .colom .text-area,
        section.health-innersec .colom .text-area {
            max-width: 100% !important;
            padding: 20px 15px !important;
        }
        section.health-banner .interdue-sec .colom .text-area p {
            font-size: 20px !important;
            line-height: 26px !important;
        }
        section.health-banner .interdue-sec .colom .text-area .button a {
            font-size: 17px !important;
            line-height: 20px !important;
            padding: 8px 39px !important;
        }
        section.health-banner .interdue-sec .colom .heading h1 {
            font-size: 28px !important;
            line-height: 50px !important;
            text-align: center !important;
            padding-right: 26px !important;
        }
        section.health-innersec .colom {
            width: 100% !important;
        }
        section.health-innersec .colom .heading {
            right: -28px !important;
        }
        section.health-innersec .colom .heading h2 {
            font-size: 21px !important;
        }
        section.health-innersec .colom .text-area .button a {
            font-size: 15px !important;
        }
        section.about-banner {
            background-size: cover !important;
            background-position: center !important;
        }
        section.about-banner .about-holder {
            max-width: 100% !important;
            padding: 0 15px !important;
            margin: 0 !important;
        }
        div#b608_description h1,
        div#b663_description h1 {
            font-size: 44px !important;
            line-height: 48px;
        }
        .up.lg.t4 {
            font-size: 22px !important;
            line-height: 30px;
        }
        section.about-banner .about-holder .about-text h1 {
            font-size: 44px !important;
            line-height: 68px !important;
            text-align: center !important;
        }
        section.about-banner .about-holder .about-text p {
            font-size: 17px !important;
            line-height: 22px !important;
            padding: 6px 15px !important;
            margin-bottom: 0 !important;
        }
        section.healthy-life .about-text p {
            font-size: 17px !important;
            line-height: 22px !important;
            padding: 6px 15px !important;
            margin-bottom: 0 !important;
        }
        section.healthy-life .about-clobanner {
            position: inherit !important;
        }
        section.healthy-life {
            padding-top: 0 !important;
        }
        section.delicious-cokies {
            padding: 0 !important;
            background-position: center !important;
        }
        section.delicious-cokies .col-md-12.text-center {
            flex-wrap: wrap;
        }
        section.delicious-cokies .left-colom, section.delicious-cokies .right-colom {
            padding-right: 0 !important;
            width: 100% !important;
            padding: 0 0 20px !important;
        }
        section.delicious-cokies .left-colom img {
            max-width: 120px !important;
        }
        section.delicious-cokies .right-colom h1 {
            font-size: 25px !important;
        }
        section.aboutus-faq:before {
            width: 100% !important;
            height: 20% !important;
        }
        section.aboutus-faq .faq-holder .faq-text {
            width: 100% !important;
            padding: 0px 30px 20px !important;
        }
        section.aboutus-faq .faq-holder .faq-text h3 {
            font-size: 18px !important;
        }
        section.aboutus-faq .faq-holder .faq-text p {
            font-size: 15px !important;
            line-height: 23px !important;
            margin: 0 0 10px !important;
        }
        section.aboutus-faq .faq-holder .faq-heading {
            width: 100% !important;
            padding-top: 10px !important;
        }
        div#delicious_way_boost {
            padding-bottom: 0px !important;
        }
        html #r_267 h2 p {
            padding-top: 66px !important;
        }
        div#r_434 > div {
            padding: 0 22px !important;
        }
        #r_434 .container {
            padding: 20px 0px !important;
        }
        section.health-info {
            font-size: 16px !important;
            line-height: 26px !important;
        }
        section.health {
            font-size: 42px !important;
            line-height: 48px !important;
        }
        .sortme p {
            font-size: 18px;
            line-height: 30px;
        }
        #r_361 {
            margin-top: 0;
        }
        .nav-tabs.nav-justified>li {
            width: 100% !important;
        }
        .nav-tabs.nav-justified>li#large-li a:before,
        .nav-tabs.nav-justified>li#normal-li a:before{
            display: none;
        }
        .modal.doorstep .modal-dialog {
            width: 300px !important;
            margin: 10px auto;
        }
        .text-area .text-holder .quantity input,
        .us-quantity input {
            width: 33px !important;
            text-align: center;
        }
        #menu_tabs ul.nav.nav-tabs li.active a:before {
            display: none !important;
        }
        div#delicious_way_boost .row {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }
        section.matrix-row-botm.d-flex, .matrix-row.d-flex {
            flex-direction: column !important;
            flex-wrap: wrap !important;
            margin-top: 0;
        }
        section.product-menuplan .product-menuholder .price-btn .price p {
            padding: 0 !important;
        }
        .rewar-matrix:first-child {
            background: #8DC63F !important;
            transform: none !important;
        }
        .rewar-matrix {
            flex: 0 0 100% !important;
            width: 100% !important;
        }
        .rewar-matrix:first-child h2 {
            transform: none !important;
            right: 0 !important;
        }
        .rewar-matrix:first-child h2 {
            text-align: center !important;
            bottom: 0 !important;
        }
        .rewar-matrix:first-child:after {
            display: none !important;
        }
        .rewar-matrix h2 {
            line-height: 100% !important;
            padding: 16px !important;
            text-align: center !important;
        }
        .mtrix-saprtr {
            display: none !important;
        }
        section.program-banr.bg-reward.banr-reward .banr-overlay .program-banr-centerd.d-flex {
            padding: 40px 20px 20px !important;
            text-align: center !important;
            justify-content: center !important;
        }
        section.matrix-row-botm.d-flex {
            flex-direction: column !important;
            flex-wrap: wrap !important;
            height: auto !important;
        }
        .rewar-matrix-botm:last-child h4, .rewar-matrix-botm:last-child,
        .rewar-matrix-botm:first-child h4, .rewar-matrix-botm:first-child {
            transform: none !important;
        }
        .rewar-matrix-botm:after {
            display: none !important;
        }
        .rewar-matrix-botm {
            padding: 10px !important;
            width: 100% !important;
        }
        .centerd_column.two_column .row {
            flex-direction: column !important;
        }
        .centerd_column.two_column .row > div {
            margin-top: 0 !important;
            padding: 0 24px !important;
        }
        .centerd_column.two_column {
            padding: 16px 0 0 0 !important;
        }
        .program-banr-centerd.d-flex {
            height: 100% !important;
            display: flex !important;
            align-items: center !important;
            max-width: 1200px !important;
            margin: 0 auto !important;
            justify-content: center !important;
            text-align: center !important;
        }
        section.program-banr.bg-reward .banr-overlay .program-banr-centerd.d-flex img {
            max-width: 200px !important;
        }
        .v-content h2 {
            max-width: 100% !important;
        }
        .program-banr-centerd.d-flex {
            align-items: flex-start !important;
        }
        .affiliate-page.top img {
            margin-bottom: 0 !important;
        }
        .centerd_column.two_column {
            padding: 20px !important;
        }
        .affiliate-page.top p {
            margin: 0 auto 15px auto !important;
            text-align: center !important;
        }
        .centerd_column.two_column.affiliate-page .col-md-5 img {
            margin-top: 8px !important;
        }
        section.program-banr.bg-reward.banr-reward img {
            margin-top: 0 !important;
            height: 310px;
        }
        section.program-banr.bg-reward .banr-overlay {
            position: inherit !important;
        }
        section.program-banr.bg-reward{
            flex-wrap: wrap;
        }
        section.program-banr.bg-reward.banr-reward .rewar-matrix {
            transform: matrix(1, 0, 1, 1, 1, 0) !important;
        }
        section.program-banr.bg-reward.banr-reward .rewar-matrix h2 {
            transform: matrix(1, 0, -1, 1, 1, 0) !important;
            text-align: left !important;
        }
        section.bg-green.text-bnr {
            margin-top: 0px !important;
        }
        .include-coce .image {
            position: absolute !important;
            left: 34px !important;
            top: -10px !important;
        }
        .include-coce .image img {
            width: 100% !important;
            max-width: 92px !important;
        }
    }



@media only screen and (max-width: 640px)  {
    .navbar-header a#home-logo-link img#logo {
        margin: 0;
    }
    .navbar-header a#home-logo-link {
        padding-top: 0 !important;
    }
    header#header {
        position: relative;
        z-index: 99;
    }
    header#header nav.navbar a.mm-toggle {
        margin-top: 14px;
    }
    header#header {
        padding: 8px 0 !important;
    }
    section.bg-green.text-bnr h2 {
        font-size: 18px;
        line-height: 20px;
    }
    .rewar-matrix h2 {
        font-size: 24px;
    }
    section.program-banr.bg-reward.banr-reward .banr-overlay .program-banr-centerd.d-flex h2 {
        font-size: 36px;
        line-height: 50px;
    }
    .rewar-matrix-botm h4 {
        font-size: 20px;
        line-height: 32px;
    }
    .centerd_column.two_column .row > div:first-child {
        margin-top: 0;
    }
    html .builderrow ul.list-bar li,
    .centerd_column.two_column p {
        font-size: 16px;
    }
    .sec-botm-imges .second-image {
        margin-top: 0;
    }
    .sec-botm-imges .third-image {
        margin-top: 0;
    }
    #subpage-logo-link {
        padding-top: 0px !important;
    }
    section.program-banr.bg-reward .banr-overlay .program-banr-centerd.d-flex h2 {
        font-size: 28px;
        line-height: 30px;
    }
    section.program-banr.bg-reward .banr-overlay .program-banr-centerd.d-flex img {
        max-width: 120px !important;
    }
    .centerd_column.two_column .row > div.col-md-5 img {
        width: 100%;
        max-width: 100%;
    }
    .sec-botm-imges {
        align-items: center;
        padding: 10px 0;
    }
    section.program-banr.bg-reward.banr-reward img {
        margin-top: 70px;
    }
}
@media only screen and (max-width: 500px)  {	/*XVGA+*/
	#meals .btn-default {font-size: 14px;}
	#meals .price {font-size: 16px;}
	#meals small {font-size: 12px;}

	#r_353 .head1 {font-size: 24px !important }
	#r_353 .head2 {font-size: 18px !important }

	#r_352 #w9wrapper {padding-top: 40px;}

	#chooseplantext {font-size: 34px !important;}
}
@media only screen and (max-width: 480px)  {
    .check-box ul.unstyled li {
        flex-direction: column;
    }
    .first-recur .cart-total .button {
        display: inline-block;
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    .check-box ul.unstyled li {
        flex-direction: column;
    }
    .cartpage-section {
        margin-bottom: 20px !important;
    }
    .first-recur .text-hol .cart-total {
        width: 100%;
    }
    .row.home-popsec div#welcome-image .welcome-card.text-center,
    .row.home-popsec div#welcome-image {
        max-width: 100% !important;
    }
    html #r_267 h2 p {
        padding-top: 0px !important;
    }
    div#r_267 p span.aleo {
        font-size: 13px !important;
    }
}
@media only screen and (max-width: 360px) {
    html #r_267 h2 p {
        padding-top: 10px !important;
    }
}
@media (max-width: 319.98px){
    .menu-card div#pricing .row .col-md-3 .price-card{
        height: 640px;
    }
}