/* fix the width of the contact formd */
/* fix the 100% width container issue he creaed with widening the main menu */

@media (max-width: 991px) {
    section.aboutus-faq .faq-holder .faq-text p {
    word-break: normal !important;
    }
}

@media (max-width: 800px) {
    .right-clobanner {width: 90% !important}
    section.right .about-holder {max-width: 60% !important;}
}

#checkout-btn a {background-color: #006838 !important; color: white; margin-bottom: 30px;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    font-weight: bold;
    font-size: 19px;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 8px 50px;
}

#totalSaving {font-size: 13px;}
#r_394 .price p {font-size: 13px;}

.foot-buttons .para-text {display:none}
.mtrix-saprtr img {display:none;}
.copyright {font-family: Roboto Condensed !important}

#r_267 h2 {font-weight: normal !important;}
#r_428 {display:none !important}
div#mobile-menu .mobile-menu li a {
    color: #006838 !important;
}
.feature-meal .coloms .colom .para p {
    color: white !important;
}
.feature-meal .coloms .colom .para {
    background: #006838;
}
.about-text2, .about-text2 p { font-family: aleo !important;  color: #006838 !important; text-transform: uppercase !important}

section.about-banner .about-holder .about-text.colom ul li p {
font-family: Roboto Condensed !important;  color: #006838 !important; text-transform: uppercase; 
font-size:15px !important;
}

.sidebar-area h2, .sidebar-area h3 {
    font-size: 20px !important;
}

/* the meal selection page*/
.quantity-normal p, .quantity-large p { 
    font-weight: bold !important; text-transform: uppercase; color: #006838;
}

#mnu14578, #mnu14541 {display: none;}
@media (max-width: 300px) {
    #r_297 .heading-menu h2 { font-size: 18px !important; line-height: 18px !important; margin:0 30px; }
}
@media (max-width: 350px) {
    #r_297 .heading-menu h2 { font-size: 18px !important; line-height: 18px !important; margin:0 40px; }
}

@media (max-width: 700px) {
    .v-content img {margin-top: 30px;}
    #become-an-affiliate {font-size: 16px !important;}
    #r_403 .callout-vertical {background-color: #006838 !important;}
    #i_693 .right {border-bottom: solid #006838 1px !important}

    #intro-header-left {display: none;}
    #r_297 .heading-menu h2 { font-size: 18px !important; line-height: 18px !important; margin:0 55px;  }
    .content1-556 {padding: 30px 0 !important;}

    #r_262 .newsletter  {padding-top: 0px !important;}
    #comingsoon {padding: 10px 0 0 0 !important; font-size: 18px !important;} 

    /* ffeed my sheep */
    section.head {padding: 30px 20px !important;}
    section.head h1 {font-size: 24px !important;}
    #fmsprogram {width: 100%;}
    section.head h2 {font-size: 20px !important;}
    section.head p, .head li {font-size: 18px !important;}
    iframe {width :100%;}
    .info img {width: 80%; margin:0 auto; display: block; max-width: 300px}
    .footer a {font-size: 21px;}
}

.underline-red {text-decoration: underline;-moz-text-decoration-color: red;text-decoration-color: red;}

@media (max-width: 500px) {
    .bulletpadding {padding: 0px 35px 0 !important;}
    .feature-meal .coloms .colom .para p {font-size: 15px;}
}
    .rowwithpageid .container.editbit {
        margin: 0 !important;
        width: 100%;
        padding: 0;
    }
    #r_327 .container, #r_256 .container, #r_382 .container, #r_435 .container, #r_286 .container, #r_287 .container, #r_388 .container, #r_390 .container {
        width: 1024px !important;
        margin: auto !important;
        padding: auto;
    }
}

@media (max-width: 1280px) {
    #r_256 .container, #r_382 .container, #r_435 .container, #r_286 .container, #r_287 .container, #r_388 .container, #r_390 .container {
        width: 1024px;
        margin: auto !important;
        padding: 20px;
    }
}
#mobile-menu {
    font-family: roboto !important;
    font-weight: bold;
    background: #E5E5E5 !important;
    padding-top: 8px;
}
.mobile-menu .expand, .mobile-menu li a, .mm-social {
    color: #006838 !important;
}
#r_382 .btn-primary {
    display: inline !important
}
#welcome-btn {background-color: #006838 }
.fa-caret-right {display:none;}
.datatable-header.a {color: black !important;}
.covid {
padding: 5px 15px;
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: white;
font-family: Roboto Condensed;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 18px;
align-items: center;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
margin-left: 15px;
}
.product-button a {font-size: 18px; text-decoration: none;}
@media only screen and (max-width: 500px)  {    /*XVGA+*/
    .product-button a {font-size: 16px}
}

@media only screen and (max-width: 1000px)  {    /*XVGA+*/
    #shareimage {display: none}
    #sharearea {height: auto !important;}
}
/*/healthy-life-system*/
@media only screen and (max-width: 1180px)  {    /*XVGA+*/
    
    .home-video {
        bottom: 250px !important;
    }    

    #r_380 p {margin: 50px !important;}
    #r_380 img {width:100%; !important;}

    section.info {
        font-size: 24px;
    }

    section.about {
        font-size: 30px;
        line-height: 30px;
    }
    section.facts {
        padding: 30px;
    }
    section.health-info, section.health {
        padding: 30px 30px 10px 30px;
    }

    /* home page banner */
    #r_267 {
        height: 380px;
        margin-top: -150px
    }
    #r_267 .container {
        padding-top: ;
        height: 350px;
    }
    #r_267 h2 {
        padding-top: 260px;
        font-size: 18px !important;
    }
    #r_267 h2 span {
        font-size: 12px !important;
    }

    #r_426 .container {
        padding-top: 0px !important;
    }
    #r_324 {
        margin-top: 0px !important;
    }
    #welcome-image {
        background-size: contain !important;
        margin-top: -150px;
    }

    .welcome-card a {font-size: 10px !important;}
    .welcome-card h1 {margin-bottom: 0;}

    #w9wrapper {padding-top: 0px !important; xpadding-bottom: 10px !important;}

    #r_329 .myimage {margin-top: 10px !important; 
        margin-bottom: 10px !important;
        padding-top: 10px !important; 
        padding-bottom: 0px !important;
    }

    #r_329 img {width: 80% !important;}

}

/* the always free shipping header */
#r_361 {margin-top: 70px;}
#freeshipping {font-family: aleo;}
h1,h2,h3,h4,h5,h6 {font-family: roboto}
body { font-fmaily: roboto; }
.aleo {font-family: aleo !important;}
.flink a {color: white !important;}
@media only screen and (max-width: 550px)  {    /*XVGA+*/
    #r_413 {display: none;}
}
.cart-box {display: none;}
#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;}
#mybody .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: 18px;
    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 !important;
    border: 3px solid #FFFFFF !important;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px !important;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: bold;
    xfont-size: 24px;
    line-height: 22px;
    display: block;
    align-items: center;
    text-align: center !important;
    text-transform: uppercase;
    color: #FFFFFF !important;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.product-text h3 {
    font-family: Aleo !important;
}

.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;
}

.greenbg {background-color: #006838 !important}
.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 */
@media only screen and (max-width: 1370px)  {
#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;
}
}
@media only screen and (max-width: 1176px)  {	/*XVGA+*/
	x#r_324 {margin-top: 100px}

	#r_355 {display: none}
}
@media (max-width: 767.98px){
    .navbar-inner #subpage-logo-link {
        padding-top: 8px !important;
        padding: 8px 0 0 !important;
    }
    #logo, .subpage-logo {
        max-width: 140px !important;
    }
    #footer ul {
        margin: 0;
    }
}
@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;}
}