/* Large desktop */
@media (min-width: 1201px) { 
.col-md-3{width:279px;}
.col-md-4 {width:370px;}
.col-md-6 {width:575px;}
.col-md-8 {width:770px;}
.col-12 {width:1170px;}
.visible-desktop { display:inline !important;}
.visible-desktop-list {display:list-item;}

#home-testimonial-logos ul.inline {margin:0 0 0 5px;}
#home-testimonial-logos ul.inline li {margin-right:40px;}
#offerContentWrapMobile.col-md-8 {border:none;}
#customerCategory .col-md-3 {width:33%; padding: 0 1%;}
#smallImage {display:none;}
#customerInside .btn-primary {float:right;}

#subnavCategory {display: none;}

#footer .accordion-toggle {display: none !important;}
.socialFooterWrap {float: right;}
}

/* Tab and phone with desktop nav */
@media (max-width: 1200px) {
/* Main */
.col-md-8 { width: 100%; margin-left: 0px; }
h1.largePageHeading {font-size: 42px; line-height: 46px;}
[class*="span"] {margin:0 0 10px 0!important;}
#first-element {margin:0;}/* remove top-element fix */
.roundedBox {margin-bottom: 10px;}

/* Top Navigation */
.container, .navbar.navbar-default {width: 95%; margin: 0 auto 10px auto;}
.navbar .container {width:95%; margin:0 auto;}
.navbar .nav {margin:0;}
.navbar-default .container-fluid {width:100%;  border-top: none;}
#headerLeftWrap {width: 73%;}
#headerStrapLine {width: 75%;}

.navbar-nav > li > a {padding: 7px 12px 8px 12px;}

.navbar .nav > #homeNav {width: 49px;}
.navbar .nav > li .topNavHome {padding: 13px 12px 22px 12px;}
.navbar .nav > li > a.topNavHome {background: url("../img/header/homeIconPurple.png") no-repeat 12px 8px; background-color: #ebebeb;}
.topNavTextLink {display: none;}

.navbar .nav > li > a.topNavHome:hover, .navbar .nav > li > a.topNavHome.active, .navbar .nav > li > a.topNavHome:focus {background: url("../img/header/homeIconWhite.png") no-repeat 12px 8px; background-color: #cfcece;}

/* Sub Navigation */
#subnavWrap {margin: -10px 1% 20px 1%;}

/* generic 2 column layout */
#mainContentLeft {margin-bottom: 10px;}
#mainContentLeftInner {width:96%;}
#mainContentLeft .col-md-8 {width: 100%;}

/* Home Page styles */
#homeMainImage {height: auto; width: 100%; background: url("../img/home/mainHomeStaticSweetSourSmallPaypal.jpg?ver=001") no-repeat scroll 100% 0 transparent; /*margin-top: -10px !important;*/ position:relative;}
#backgroundClickImage {position: absolute; width: 263px; height:263px; top: 10px; right: 8%; cursor: pointer;}
#homeMainImage-topContent, #homeMainImage-bottomContentLeft {width: 65%;}
#homeMainImage-bottomContentRight {width: 35%;}
#homeMainImage-bottomContentTrust {display:none;}
#homeMainImage-bottomContentRight .btn-primary {margin: 70px 0 30px 0;}

/* Misc/Middle Row */
.row {margin:0;}	
.col-md-4 {margin:0 0 10px 0; height:auto;}
#tri-container .col-md-4 {min-height:235px; width:100%;}

/* BMI Form home */
#bmiForm.bmiFromHome.col-md-4 {width: 49.3%; max-height: none; min-height: 465px;}

/* BMI Form */
#bmiNewWidget_content {text-align:center!important; width: 100%!important; overflow:hidden!important;}
.bmiNewWidget_label_div {margin:7px 0!important;}
#bmiForm select {width: 95%!important; margin: 0 0 5px 0!important; padding: 5px!important; height: auto!important;}
.bmiNewWidget_select_left, .bmiNewWidget_select_right {float:none!important; margin:0!important;}
.bmiNewWidget_input_full, .bmiNewWidget_input#id_email {width:95%!important; margin:10px 0 5px 0!important; padding: 5px!important; min-height: 30px;}
#bmi_newsletter {float:left!important; padding:5px!important;}
#bmi_newsletter label {text-align:right!important;}
#bmi_submit {margin:9px 12px 9px 9px !important;}

.bmiNewWidget_float_left {width:100%!important; margin-left:7px!important;}
.bmiNewWidget_float_right {text-align:right!important; margin-right: 10px !important;}

/* How it works left content wrapper - can be used for landing pages */
#narrowHowItWorksWrap .stepWrapper {width:48%; float:left; margin-bottom:15px; min-height:355px;}

/* male or female */
.bmiNewWidget_float_left label {margin-right:7px!important; padding:0 0 0 1%!important;}
#bmi_sex_f, #bmi_sex_m {position:relative!important; top:-2px!important; margin:4px 5px 0 0!important;}

/* Sarah home */
#sarah-home.col-md-8 {width: 49.3%;}
#sarah-home {min-height: 465px; margin:0 0 10px 0;}
#sarah-home #sidePanelQuote {max-width: 75%; font-size: 27px; line-height: 40px;}
#sarah-text {width: 73%;}
#sidePanelSig {float:left;margin: 20px 0 0 0;}
#sarah-image-large {display: inline;}
#sarah-image-small {display: none;}

/* Testimonials */
#home-testimonial-logos h2 {display:none;}
#home-testimonial-logos {text-align:center; margin-bottom:10px;}
.ab-home-panel-logos  {width:100%; height:100%; margin:0 0 10px 0; text-align:center!important; padding:0 0 15px 0;; overflow:auto;}
.ab-home-panel-logos ul li {display:block; min-width:150px;}
.ab-home-panel-logos h2 span {display:none;}
.ab-home-panel-logos p {padding:0 0 10px 0;}

ul.inline {display:none!important;}
ul.inline-small {display:block!important; overflow:auto; margin:0;}
ul.inline-small img {margin:0 0 10px 0;}
ul.inline-small p {padding:0 7%;}

#woman, #the-times {display:none;}
#woman p, #the-times p {display:block!important;}/* So the paragraph displays under logo by default */

#zest, #chat, #daily-express {width:auto; display:none;}

/* 21 Day Guarantee */
#guarantee-home.col-md-4 { width: 100%; }
#guarantee {background:#f8f8f8; padding:15px;}
#guarantee p {padding:0; margin: 0; font-size:20px; font-weight:24px; font-weight:bold; line-height:24px;}
#guarantee a {color:#cccc00; font-size:16px;}
#footer {width:100%; border-top: none; padding-top: 0px;}
#footer .container {border-top: 1px solid #EBEBEB; padding-top: 10px;}

/* Latest Offers */
#offerContentTopWrap {float: left;width: 100%;}
#offerContentWrapMobile {width: 100%;}
#offerContentWrapMobile.col-md-8 {border: none;}
#offerContentLeftWrap {width: 70%;}
#offerContentRightTopImage {width: 30%;}
#offerContentLeftWrap .greenTicks {width: 70%;}
#latestOffersBMIWrap {float: none; width: 100%; margin-top: -40px;}
#mainOfferWrap.col-md-8 {width: 49.3%; min-height: 515px;}
#mainOfferPlan {float: left;}
#mainOfferPlanPrice {width: 100%; margin-bottom: 10px;}
#latestOffersBMIWrap #bmiForm {float: right;margin-top: 0px!important;min-height: 515px; width: 49.3%;}
#mainOfferTerms {margin-top: 20px; padding-top: 10px;}

/* latest offer with coupon code page styles */
#howToClaim {width: 100%;}
#howToClaimDaily {width: 100%;}
#howToClaim p {margin-bottom: 0px;}
#offerFlash {display: none;}
#mainOfferPlanPrice.couponCodePrice {width: 100%; margin-top: 0px;}
#mainOfferPlanPrice.couponCodePrice p {margin-bottom: 0px;}
.couponCodePrice span {line-height: 45px;}
#offerBuyNow {float: right !important; text-align: right; margin-top: 0px; margin-bottom: 10px;}
#couponCodeBottomContent {float: left; width: 40%; margin-top: 0px;}
#mainOfferTerms.couponOfferTerms {margin-top: 0px;}
#offerDisclaimerWrap {width: 100%;}

.freeMaintenanceOffer h1.largePageHeading {font-size:40px;}

/* Why It Works */
#howItWorksLeft, #howItWorksRight {float: none; width: 100%;}
#allTheInfo.col-12 {width:100%;}
#allTheInfoInnerWrap {margin: 20px auto;}
#allTheInfoOneWrap, #allTheInfoTwoWrap, #allTheInfoThreeWrap {float: left; width: 30.5%;}
.allTheInfoOneWrap {margin-left: 1.5%;}
#allTheInfoOneWrap, #allTheInfoTwoWrap {margin-right: 25px;}
#allTheInfoOne, #allTheInfoTwo, #allTheInfoThree {min-height:580px;}
.allTheInfoContent {min-height: 95px;}
.allTheInfoContentList {width: 50%;}
.allTheInfoImage {margin-top: 20px; margin-right: 5px;}
.allTheInfoImage img {width: 92%; height:auto;}
#howItWorksArrow1, #howItWorksArrow2, #howItWorksArrow3 {display: none;}
.stepWrapper.col-md-3 {width: 49.3%;}
.stepWrapper {margin-right: 0px!important; min-height: 340px;}
#stepWrapper1, #stepWrapper3 {float: left;}
#stepWrapper2, #stepWrapper4 {float: right;}
.stepWrapperInnerMobile {float: left; width: 49%; margin-bottom: 20px;}
#step1List, #step2List, #step3List, #step4List {float: right; width: 45%; margin-top: 50px; font-size:14px;}

/* Why It Works Narrow */
#narrowHowItWorksWrap #step1List, #narrowHowItWorksWrap #step2List, #narrowHowItWorksWrap #step3List, #narrowHowItWorksWrap #step4List {width: 53%;}

/* Customer Stories */
#customerCategory .col-md-3 {width:33%;}
#smallImage {display:none;}
#storyNav {margin-bottom: 10px;}
#successBottomSignature {float:none; width:100%;}
#customerInside .btn-primary {float:left; margin:0 0 20px 0;}

/* The Menu + top image and content in menu categories */
#theMenuMainImage {width: 100%; height: auto; background: url("../img/theMenu/mainMenuStaticBgFoodBoxSmall.jpg?dccb=001") no-repeat 100% 20% transparent;}
#theMenuTopContent {width: 37%;}
#menuTickWrapper .right {margin-right: 0px;}
#theMenu-btn-primary-wrap {margin-top: 14%;}
.menuCategoryWrapper {margin-right: 1%!important;}
.menuCategoryWrapper.col-md-3 {width: 24.2%;}
#menuTickWrapper .left, #menuTickWrapper .right {width: 47%;}

#menuCategoryListWrap .menuMealItemTitle {min-height: 110px;}
#menuCategoryListWrap .menuMealItemDescription { min-height: 70px;}

/* the menu category styles */
#theMenuMainImage.breakfastCategory {width: 100%; height: auto; background: url("../img/theMenu/mainBreakfastStaticBgSmall.jpg?dccb=001") no-repeat 100% 0 transparent; padding-bottom: 10px;}
#theMenuMainImage.lunchCategory {width: 100%; height: auto; background: url("../img/theMenu/mainLunchStaticBgSmall.jpg?dccb=001") no-repeat 100% 0 transparent; padding-bottom: 10px;}
#theMenuMainImage.dinnerCategory {width: 100%; height: auto; background: url("../img/theMenu/mainDinnerStaticBgSmall.jpg?dccb=0012") no-repeat 100% 0 transparent; padding-bottom: 10px;}
#theMenuMainImage.snackCategory {width: 100%; height: auto; background: url("../img/theMenu/mainSnackStaticBgSmall.jpg?dccb=001") no-repeat 100% 0 transparent; padding-bottom: 10px;}

/* the menu individual styles */
#menuMealWrap .menuMealItemNutritionQuantity {padding-left: 30%;}
#menuMealWrap .menuMealItemNutritionItemTitle {width: 30%;}
#menuMealWrap .menuMealItemNutritionItemVal {width: 65%;}
#menuMealWrap .mealMenuItemIconsWrap {margin-bottom: 10px;}
#menuMealWrap #backButton {margin-bottom: 0px;}

/* View Our Plans */
.planWrap {width: 32%; margin-right: 2%;}
.planInnerWrap.col-md-4 {width: 100%;}
#lastPlan.planWrap {float: right; margin-right: 0;}
.ribbonIcon {width:100px;}
.planContent {width: 100%;}
.planCheckListWrapMobile.col-md-4.checkList1, .planCheckListWrapMobile.col-md-4.checkList3 {margin-top: 0px !important;}
#shopListOne, #shopListTwo, #shopListThree {margin-left: 7.5%; margin-top: 40px; width: 70%; border-right: none !important;}
.checkList3 #shopListThree {width:60% !important;}
#shopListOne, #shopListThree {margin-top: 22px;}
#shopListTwo {margin-top: 11px;}
#shopListOne, #shopListTwo {padding-right: 0px;}

/* about us page styles */
#aboutUs1stContent {width: 60%;}
#aboutUs1stContentImage {margin-right: 0px;}
#aboutUs2ndContent {width: 55%;}
#aboutUs3rdContent {width: 60%;}
#aboutUsSocial {width: 66%;}
#aboutUsSocial p {font-size: 16px;}
#aboutUs3rdContentImage {margin-right: 0px;}

/* delivery/returns page styles */
.deliveryReturnsBanner-en-gb {background-image: url("../img/deliveryReturns/speedMoreFaded-en-gb.jpg"); background-repeat: no-repeat; width: 100%; height: 187px; background-position:right;}
.deliveryReturnsBanner-en-us {background-image: url("../img/deliveryReturns/speedMoreFaded-en-us.jpg"); background-repeat: no-repeat; width: 100%; height: 187px; background-position:right;}
#deliveryReturns.col-12 {width:100%;}
#deliveryReturnsTopContent {float: left; width: 55%; margin: 2%;}
#deliveryReturnsOneWrap, #deliveryReturnsTwoWrap, #deliveryReturnsThreeWrap {float: left; width: 31%;}
.deliveryReturnsOneWrap {margin-left: 0.7%;}
#deliveryReturnsOneWrap, #deliveryReturnsTwoWrap {margin-right: 25px;}
#deliveryReturnsOne, #deliveryReturnsTwo, #deliveryReturnsThree {min-height:525px;}

/* PPC landing pages */
#ppcLandingPagesContent {width:100%;}
#ppcLandingPagesContent .col-md-8 {margin-bottom: 10px !important;}
#PPCOfferTerms {padding-bottom: 10px; border-bottom: 1px solid #dddddd;}
#ppcLandingPagesRight {float: left; width: 100%;}
#ppcLandingPagesRight .tp_-_box {display: none;}

/*Choose meals bootstrap3 */
#chooseMealsOuter {padding: 10px;}
#chooseMealsInner {float: left; width: 63%;}
#chooseMealsInner .panel-body {padding: 5px;}
.foodPanel {margin-bottom: 5px; width: 100%;}
.foodPanelTop {margin-bottom: 5px;}
h3.foodChoiceMealTitle {width: 80%; font-size:14px; padding: 0 0 0px;}
.foodChoiceMealIcons {width: 20%;}
.foodChoiceMealPlusMinus {font-size: 22px; margin-right: 10px; margin-top: 15px;}
.plusMinusButton a {font-size: 26px; width: 35px; height: 35px; padding-top: 5px;}
.mealNumber {padding: 0 5px 0 5px;}
.foodChoiceMealImageSmall {margin-right: 10px;}
.foodChoiceMealImageSmall img {width: 120px; height: auto;}
.foodChoiceMealDescription {font-size: 12px;}
#checkoutRightCol {width: 35%;}

/*Checkout Login + Top Nav Login */
#loginWrapper .col-md-6 {width: 49%; min-height: 375px;}
#loginWrapper .control-label#id_title {width: 100%;}
#loginWrapper .controls #id_first_name, #loginWrapper .controls #id_last_name {width: 120px;}
#loginWrapper #checkoutLoginButton {margin-top: 51px;}

/* Trust Footer */
.trustBlock.col-md-3 {width: 23%; margin-right: 20px !important; padding-right: 20px;}
.trustBlockTop {float: none; min-height: 140px;}
.trustBlock.col-md-3#block3 .trustBlockLargeText {display: block;}
.trustBlock.col-md-3#block1 img, .trustBlock.col-md-3#block2 img, .trustBlock.col-md-3#block3 img, .trustBlock.col-md-3#block4 img {float: none; margin: auto;}
.trustBlockLargeText {float: none; font-size: 16px; margin-right: 0px;}
.trustBlockSmallText {font-size: 12px;}

/* Footer */
#footer .accordion-toggle {display: none !important;}
.socialFooterWrap {float: right;}
}

/* Position for desktop nav for tab and phone */
@media (min-width: 980px) {
/* Top Navigation */
.navbar .nav {position: absolute;top: 48px;left: 158px;}
/* Sub Navigation */
#subnavCategory {display: none;}
/* Dont show mobile top image in old versions of IE until this size */
.oldIEmainImageMobile {display:none;}
}
/* Portrait Tab and landscape phone with mobile nav */
@media (max-width: 979px) {
/* Main */
.btn-large {font-size: 22px;}
h1 {font-size: 26px; line-height:30px;}
h1.largePageHeading {font-size: 30px; line-height: 36px;}
h2, .contentStrapLine {font-size:20px; line-height:24px;}
/* Header */
.container, .navbar.navbar-default {width: 95%; margin: 0 auto 10px auto;}
#headerLeftWrap {width: 100px;}
.navbar > .container-fluid .navbar-brand {margin-left: -15px;}
#headerStrapLine {display:none;}
#basketWrapper {float: left;}
.navbar-toggle .icon-bar {width: 18px;}

/* Top Navigation */
.navbar-toggle {display: block;}
.navbar .nav {float: left; width:100%;}
.navbar-default .container-fluid {border-top: none; margin:0 auto; margin-bottom: 10px;}
.container-fluid {border-radius: 0px 0px 10px 10px;}
.container-fluid > .navbar-collapse {margin-left: 0px; margin-right: 0px;}
.navbar-default .navbar-collapse {border-top: none;}
.navbar-collapse {padding-left: 0px; padding-right: 0px; width: 100%;}
.navbar-collapse.collapse {display:none !important;}
.navbar-collapse.collapse.in {display:block !important;}
.navbar-collapse .nav > li, .navbar-collapse .nav > li > a {float: none;}
.navbar-collapse .nav > li > a:hover, .navbar-collapse .nav > li > a:focus, .navbar-collapse .dropdown-menu a:hover, .navbar-collapse .dropdown-menu a:focus {background-color: #ebebeb; color: #660033;}
.navbar-default .navbar-collapse .nav > li > a, .navbar-default .navbar-collapse .dropdown-menu a {
    background-color: #ebebeb;
	color: #660033;
	font-weight: normal;
	margin-bottom: 2px;
	border-radius: 5px;
	border: 1px solid #FFF;
  }
.navbar-default .navbar-collapse .dropdown-menu a {background-color: #FFF; color: #660033; border: 1px solid #ebebeb;}
.navbar-default .navbar-collapse .dropdown-menu a:hover, .navbar-default .navbar-collapse .dropdown-menu a:focus {background-color: #CDCE18; color: #FFF; border: 1px solid #CDCE18;}
.navbar-default .navbar-collapse .nav > li > a:hover, .navbar-default .navbar-collapse .nav > li > a:focus {background-color: #cfcece;color: #FFF;} 
.navbar-collapse .dropdown-menu {margin: 0;}

.navbar .nav > #homeNav {width: 100%;}
.navbar .nav > li .topNavHome {padding: 7px 14px 8px 14px;}
.topNavTextLink {display: inline-block;}
.navbar .nav > li > a.topNavHome, .navbar .nav > li > a.topNavHome:hover, .navbar .nav > li > a.topNavHome.active, .navbar .nav > li > a.topNavHome:focus {background-image: none;}

/* Sub Navigation */
#subnavWrap ul {margin-left: 10px;}
#subnavWrap {margin: -11px 1% 10px 1%;}
 
/* Top Main Mobile Image */
#mainImageMobile {width: 100%; margin-bottom:10px;}
#mainImageMobile img {width: 100%; height: auto;}

/* generic 2 column layout wide */
#mainContentLeft {width:100%;}
#mainContentLeftInner {width:100%;}
#mainContentLeft .col-md-8 {padding-left: 2.5%; padding-right: 2.5%;}
#rightColumn {width:100%; float:left;}
#rightColumn .btn-primary {width: 100%; margin:0 0 20px 0;}

/* generic 2 column layout narrow */
#ContentLeftWrap {width:100%; float:left;}

/* Sidebar stuff for generic 2 column layout narrow */
#sidebar {width:100%;}
#sidebar #bmiForm {width:100%; float:left;}
#sidebar .bmiNewWidget_bg {width:100%;}

/* trustpilot bottom layout  */
#trustpilotIntro {font-size:12px; line-height:19px;}
.tp_-_box {display:none;}

/* How it works left content wrapper - can be used for landing pages */
#narrowHowItWorksWrap .stepWrapper {width:48%; margin-bottom:20px; border:1px solid #ddd; border-radius:5px; min-height:350px;}
#quadBoxes {width:100%;}
.ContentLeftWrap .quad {width:48.5%; min-height:200px;}
#quadBoxes .even {width:48.5%; min-height:200px; float:right;}

/* Home Page styles */
#homeMainImage {width: 100%;height: auto;margin-bottom: 10px;background: none; margin-top: 0px !important;}
#backgroundClickImage {display: none;}
#homeMainImage-topContent, #homeMainImage-bottomContent, #homeMainImage-bottomContentLeft, #homeMainImage-bottomContentRight {width: 100%;}
#homeMainImage-bottomContentRight .btn-primary {margin: 0px 0 30px 0;}
.mobileOfferContent {display: inline-block; text-align:center; background: #c20e15; width:100%; /*background: #e96112;*/}
.mobileOfferContent p {color: #FFF; padding: 10px; margin-bottom: 0px; font-size: 16px;}

/* Sarah home */
#sarah-home #sidePanelQuote {font-size: 19px; line-height: 30px; width: 59%;}

/* Latest Offers */
#offerContentRightTopImage {display:none;}
#offerContentWrapMobile.col-md-8 {border: 1px solid #ddd;}
#offerContentInnerWrapMobile {padding: 20px;}
#offerContentLeftWrap {width: 100%;}
#offerContentLeftWrap #offerBottomParagraph {margin-bottom: 15px;}
#offerContentLeftWrap h2 {width: 65%;}
#offerContentWrapTrust {width: 181px; margin-left: 0px; margin-top: -40px;}
#latestOffersBMIWrap #bmiForm {min-height: 565px;}
#latestOffersBMIWrap #bmiForm.col-md-4 {width: 49.3%}

/* latest offer with coupon code page styles */
#mainOfferPlanPrice.couponCodePrice {width: 100%;}
#offerBuyNow {float: left !important; text-align: right; margin-top: 0px;}
#couponCodeBottomContent {width: 100%;}
#mainOfferWrap.col-md-8 {min-height: 565px;}
#mainOfferWrap.col-md-8.mainCouponOfferWrap, .couponOfferBMI#latestOffersBMIWrap #bmiForm {min-height: 565px;}
.freeMaintenanceOffer h1.largePageHeading {font-size:30px;}

/* The Menu + top image and content in menu categories */
#theMenuMainImage {width: 100%;height: auto;margin-bottom: 10px;background: none;}
#theMenuMainImage.col-12 {border:1px solid #ddd;}
#theMenuMainImageInnerWrap {width: 100%; padding: 20px;}
#theMenuTopContent {width: 100%; margin-bottom: 0px;}
#theMenu-btn-primary-wrap {margin-top: 0px;}
#menuTickWrapper .left, #menuTickWrapper .right {width: 100%;}
#menuTickWrapper .left {margin-bottom: 0px;}
#menuTickWrapper .right {float: left; margin-right: 0;}

/* the menu category styles */
.menuCategoryWrapper.col-md-3 {width: 49%;}
.menuCategoryWrapper#menuCategoryWrapper1, .menuCategoryWrapper#menuCategoryWrapper3 {float: left;}
.menuCategoryWrapper#menuCategoryWrapper2, .menuCategoryWrapper#menuCategoryWrapper4 {float: right; margin-right: 0px !important;}
#theMenuMainImage.breakfastCategory, #theMenuMainImage.lunchCategory, #theMenuMainImage.dinnerCategory, #theMenuMainImage.snackCategory {width: 100%;height: auto;margin-bottom: 10px;background: none;}
#menuCategoryListWrap .menuMealItemWrapper {float: left; width: 46%; margin-right:0; margin-bottom: 30px; padding-bottom: 20px;}
#menuCategoryListWrap .menuMealItemWrapper.product-two {float: right; margin-right:0;}
#menuCategoryListWrap .menuMealItemWrapper.product-three {float: left; margin-right:8%;}

#menuCategoryListWrap .menuMealItemTitle {min-height: 70px;}
#menuCategoryListWrap .menuMealItemDescription { min-height: 40px;}

/* the menu individual styles */
#menuMealWrap .mealItemLargeImage {width: 50%; margin-bottom: 0px; min-height:100%;}
#menuMealWrap .viewPlansMealItem .btn-primary {margin-bottom: 20px;}
#menuMealWrap .menuMealItemDescription {width: 48%; margin-bottom: 20px; float: right;}
#menuMealWrap .menuMealItemWeight, #menuMealWrap .menuMealItemCalories {width: 100px;}
#menuMealWrap .menuMealItemCalories {margin-bottom: 20px;}
#menuMealWrap .menuMealItemNutritionWrapTitle {float: left; width: 100%;}
#menuMealWrap .menuMealItemNutritionWrap, #menuMealWrap .mealMenuItemIngredientsWrap, #menuMealWrap .mealMenuItemAllergensWrap, #menuMealWrap .mealMenuItemIconsWrap {float: left; width: 100%;}
#menuMealWrap .menuMealItemNutritionWrapOther {float: left; width: 100%;}

/* the menu individual styles USA */
#menuMealWrap .menuMealItemNutritionWrapUSA {float: left; width: 100%; margin-top: 20px;}

/* Why It Works */
#allTheInfoOneWrap, #allTheInfoTwoWrap, #allTheInfoThreeWrap {float: left; width: 100%; margin-right: 0px; min-height: none;}
.allTheInfoOneWrap {margin-left: 0px;}
#allTheInfoOne, #allTheInfoTwo, #allTheInfoThree {min-height: 100%;}
.allTheInfoContent {min-height: 100%; font-size:20px; line-height:26px; margin-bottom: 15px;}
.allTheInfoContentList {font-size:16px; line-height:30px;}
.allTheInfoImage {margin-right: 50px;}
.stepWrapper.col-md-3 {min-height: 370px;}

/* Customer stories */
#customerCategory {width:100%;}
#customerCategory .col-md-3 {width:50%;}
#customerCategory .col-md-3.even {padding: 0 2% 0 0;}
#customerCategory .col-md-3.odd {padding:0 0 0 2%;}
.customerContainer {width:100%;}
#twoImages {width:30%;}
#smallImage {display:none;}
#customerTrustPilot {width:100%; float:left;}
#customerTrustPilot .btn-primary {width: 100%; margin:10px 0 20px 0;}

/* force 8 week plan to be top option on mobile and tablet views */
#plansWrapperInner {display:table; width: 100%;}
.planWrap {display: block;}
#firstPlan {display:table-footer-group; float: none;}
#secondPlan {display:table-header-group; float: none;}

/* view our plans page styles */
#plansWrapper h1 {font-size: 32px;/*font-size: 40px;*/}
.planWrap {margin: 0px 0px 20px 0; width: 100%;}
.planInnerWrap.col-md-4 {width: 49.3%; min-height: 420px;}
.planCheckListWrapMobile.col-md-4 {float: right; width: 49.3%; border: 1px solid #dddddd; border-right: 1px solid #dddddd !important; min-height: 420px; border-radius: 5px;}
.planCheckListWrapMobile.col-md-4.checkList3 {border-right: 1px solid #dddddd !important;}
.mostPopularIcon {right: 10px;}
.planWrap h2 {font-size: 32px; margin-bottom: 10px; text-align: center;}
.planGradientMiddle h3 {font-size: 27px; padding: 17px 0;}
.planGradientMiddle .planPrice {font-size: 49px; padding-top: 0px;}
.planGradientMiddle .planPrice span {font-size: 20px;}
.planGradientMiddle .planPriceMonthly {font-size: 16px; padding-bottom: 10px;}
.planGradientMiddle .planText {margin-bottom: 30px;}
.planContent {margin-top: 80px;}
#shopListTwoHeader {margin-top: 16px;}
#shopListOne, #shopListTwo {padding-right: 0px; border-right: none;}
#shopListOne, #shopListTwo, #shopListThree {margin-left: 20px; margin-top: 20px; width: 90%;}
#shopListOne.greenTicks li, #shopListTwo.greenTicks li, #shopListThree.greenTicks li {line-height: 38px;}
.planWrap#lastPlan {margin-bottom: 0px;}
.planFooter {margin-bottom: 10px;}

/* about us page styles */
#aboutUs1stContent {width: 45%;}
#dietChefVideoContent {float: left; width: 45%; height:auto; margin-top: 70px; background-image:none; padding: 0;}
#aboutUs2ndContent {width: 50%;}
#aboutUs3rdContentWrap {float: left;}
#aboutUs3rdContent {width: 50%;}
#aboutUsSocial {width: 100%; margin-top: 10px; margin-left: 0px;}
#aboutUsSocial p {font-size: 14px;}

/* delivery/returns page styles */
#deliveryReturnsTop {background: none repeat scroll 0 0 transparent; height: auto; margin-bottom: 10px; width: 100%;}
#deliveryReturnsTopContent {float: left; width: 96%;}
#deliveryReturnsTop .btn-secondary {float: right; font-size: 16px; padding: 10px 15px; margin: 0px 10px 10px 0}
#deliveryReturnsOneWrap, #deliveryReturnsTwoWrap, #deliveryReturnsThreeWrap {float: left; width: 100%; margin-right: 0px; min-height: none;}
.deliveryReturnsOneWrap {margin-left: 0px;}
#deliveryReturnsOne, #deliveryReturnsTwo, #deliveryReturnsThree {width: 100%; min-height: 100%;}
.deliveryContent {min-height: 100%;}
#deliveryReturnsContentListLeft {float: left; width: 40%; margin-bottom: 0px;}
#deliveryReturnsContentListRight {float: right; width: 40%; margin-bottom: 0px;}

/* Food page pagination*/
#viewPlansMealItem {margin-bottom:20px;}

/*Choose meals bootstrap3 */
#chooseMealsInner {float: left; width: 100%;}
#checkoutRightCol {float: left; width: 100%;}
#shortOnTime {margin-bottom: 20px;}
#checkoutSubTotal, #checkoutButton, #guaranteeWrap {width: 100%;}
#checkoutDiscountPlan {width: 40%;}
#guaranteeWrapTopContent {float: left; width: 45%;}
#guaranteeWrapBottom {float: right; width: 55%; margin-top: 12px;}
#AllergensWrapper span {display: inline-block; margin-right: 5px;}

/*Checkout Login + Top Nav Login */	
#loginWrapper .btn-primary#loginGetStartedButton {width: 230px;}

/* My Account Nav */
.myAccountNav {padding-left: 10px;}
.myAccountNav li {border-right: none; padding: 0 5px 0 5px;}
.myAccountNav li a {padding: 10px 15px 10px 15px; background-color: #ebebeb; border-radius: 5px; line-height: 45px; font-size: 13px; text-decoration:none;}
.myAccountNav li a:hover {background-color: #cfcece; color: #FFF;}

/* My Account Order History */
.myAccountContentColOne, .myAccountContentColTwo, .myAccountContentColThree, .myAccountContentColFour {width: 50%; margin-bottom: 10px;}

/* My Account Order Shipment */
.myAccountContentShipOne, .myAccountContentShipTwo, .myAccountContentShipThree {width: 100%;}
.myAccountShipHeading {border-bottom: none; padding-top: 10px; padding-bottom: 0px;}
.myAccountShipContent {border-bottom: 2px solid #dddddd; padding-bottom: 10px;}
.myAccountShipTotalsHeading  {float: left; font-weight: bold; padding-bottom: 10px; width: 40%;}
.shipSpacer {float: left; width: 20%;}
.shipTotals {float: left; width: 30%;}

/* Temp Sold Out Page */
#soldOutContent p {width: 100%;}

/* Trust Footer */
.trustBlock.col-md-3 {width: 50%; margin-right: 0px !important; margin-bottom: 10px; padding-bottom: 10px; padding-right: 0px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
#block1.trustBlock.col-md-3 {margin-left: 0px !important;}
.trustBlock.col-md-3#block1 img, .trustBlock.col-md-3#block2 img, .trustBlock.col-md-3#block3 img, .trustBlock.col-md-3#block4 img {float: none; margin: auto;}
#block2.trustBlock.col-md-3 {border-right: none; margin-right: 0px !important;}
.trustBlockLargeText {font-size: 22px;}
.trustBlockLargeText span {font-size: 18px;}
.trustBlock.col-md-3#block3 .trustBlockLargeText {display: block;}
.trustBlockSmallText {font-size: 14px;}

#chooseMealsOuter #guaranteeWrap {display: none;}

/* Footer */
#footer .container {border-top: none; padding-top: 0px;}
.accordion-toggle-off { display: none;}
#footer .accordion-toggle {display: block !important;}
#footer .panel {width: 100%;}
#footer .accordion-toggle {float: left; border: none; width: 100%;}
#footer .panel.panel-default{float: left; border: 1px solid #E5E5E5 !important; width: 100%; border-radius: 4px; padding: 5px 10px 2px 10px; margin-right: 0px; margin-bottom: 2px;}
#footer .panel-collapse.collapse {display: none; height:0;}
#footer .panel-collapse.collapse.in {display: block;}
#footer .panel-heading {float: left; width: 100%;}
footer .panel-body {float: left; clear: both; width: 100%;}
.footerList {float: left; margin-right: 0px; clear: both;}
.socialFooterWrap {float: left; clear:both; margin-bottom: 10px;}
#underFooterLeft {width: 60%;}
}

@media (max-width: 767px) {
.hidden-xs-list {display:none;}

/* BMI Modal styles */
#bmiModal .modal-dialog {width: 95%;}
#bmiHighlightSmall {font-weight:bold; color:#660033;}
#bmiImageResultSmall {float: left; width: 100%; margin-bottom: 20px;}
.smallResultBox {float: left; width: 23%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; background-color: #C0C0C0; color: #FFF; margin-right: 2%; text-align:center; padding: 10px; font-weight: bold; font-size: 12px; min-height: 80px;}
.smallResultBox#activeSmallResult {background-color: #CFD016;}
.smallResultBoxTitle {display:block; font-size: 14px; min-height:50px;}

/* generic 2 column layout wide */
#mainContentLeft .col-md-8 {width:100%; padding-left: 20px; padding-right: 20px;}
#widthFastBlastList {width: 100%;}
#fastblastYummyMeals {display: none;}

/* generic 2 column layout narrow */
#ContentLeftWrap {width:100%; float:left;}
.ContentLeftWrap {width:100%;}
.ContentRightWrap {width:100%; float:left;}
#diaryTemplate {width:100%;}
#bmi {display:none;}
.ContentLeftWrap .quad {min-height:180px;}
.RightWrapContent h2 {display:none;}	
#sidebar {width:100%;}
#sidebar #successStoryVideoWrapper {width:100%; float:left;}	
#sidebar #sideSuccessStory {width:100%;  float:right;}

/* Needed to avoid making rounded box too wide with padding */
#ContentLeftWrap.roundedBox {width:100%;}
#sidebar #successStoriesWrapper {margin-bottom:0;}

/* Sidebar stuff for generic 2 column layout narrow */
#sidebar #bmiForm {width:100%; float:left;}
#sidebar #successStoriesWrapper {width:100%;}

/* How it works left content wrapper - can be used for landing pages */
#narrowHowItWorksWrap .stepWrapper {min-height:100%;}

/* Home Page styles */
#homeMainImage-topContent, #homeMainImage-bottomContent, #homeMainImage-bottomContentLeft, #homeMainImage-bottomContentRight {width: 100%;}
#homeMainImage-bottomContentRight .btn-primary {margin: 0px 0 20px 0;}

/* BMI home */
#bmiForm.bmiFromHome.col-md-4 {width: 100%; min-height: 100%;}

/* Sarah home */
#sarah-home.col-md-8 {width: 100%;}
#sarah-home {min-height: 255px; margin:0 0 10px 0;}
#sarah-home #sidePanelQuote {font-size: 22px; line-height: 32px;}
#sarah-text {width: 85%;}
#sidePanelSig {float:left;margin: 20px 0 0 0;}
#sarah-image-large {display: none;}
#sarah-image-small {display: inline;}

/* Latest Offers */
#mainOfferWrap.col-md-8 {width: 100%; min-height: 100%;}
#offerContentLeftWrap h2 {width: 100%;}
#offerContentWrapTrust {display:none;}
#offerContentLeftWrap {width: 100%;}
#offerContentLeftWrap .greenTicks {width: 100%;}
#latestOffersBMIWrap #bmiForm {min-height: 100%;}
#latestOffersBMIWrap #bmiForm.col-md-4 {width: 100%;}

/* latest offer with coupon code page styles */
#howToClaim {width: 65%;}
#howToClaimDaily {width: 100%;}
#offerFlash { float: right; margin-top: 0px; display:inline;}
#offerBuyNow {float: right !important; text-align: right; margin-top: 0px;}
#couponCodeBottomContent {width: 45%;}
#mainOfferWrap.col-md-8.mainCouponOfferWrap, .couponOfferBMI#latestOffersBMIWrap #bmiForm {min-height: 100%;}

/* The Menu + top image and content in menu categories */
.menuCategoryWrapper.col-md-3 {width: 100%;}

/* the menu category styles */
#menuCategoryListWrap .menuMealItemWrapper {width: 100%; margin-bottom: 20px; padding-bottom: 10px;}
#menuCategoryListWrap .menuMealItemWrapper.product-two {float: left;}
#menuCategoryListWrap .menuMealItemWrapper.product-three {margin-right:0%;}

#menuCategoryListWrap .menuMealItemTitle {min-height: 100%;}
#menuCategoryListWrap .menuMealItemDescription { min-height: 100%;}

/* the menu individual styles */
#menuMealWrap .mealItemLargeImage {width: 100%; margin-bottom: 0px; text-align:center;}
#menuMealWrap .viewPlansMealItem .btn-primary {float: right; margin-bottom: 0px;}
#menuMealWrap .menuMealItemDescription {width: 100%;}
#menuMealWrap .menuMealItemNutritionWrap {padding-bottom: 10px;}
#menuMealWrap .menuMealItemNutritionWrapTitle {padding: 10px 3%;}
#menuMealWrap .menuMealItemNutritionQuantity {padding-left: 30%;}
#menuMealWrap .menuMealItemNutritionItemWrap.nutriLowlight {padding: 1% 3% 0% 3%;}
#menuMealWrap .menuMealItemNutritionItemWrap.nutriHighlight {padding: 1% 3% 0% 3%;}
#menuMealWrap .menuMealItemWeight, #menuMealWrap .menuMealItemCalories {float: left; width: 100%; text-align: left;}
#menuMealWrap .menuMealItemCalories {margin-bottom: 10px;}
#menuMealWrap .menuMealItemNutritionWrap, #menuMealWrap .mealMenuItemIngredientsWrap, #menuMealWrap .mealMenuItemAllergensWrap, #menuMealWrap .mealMenuItemIconsWrap {float: left; width: 100%;}

/* the menu individual styles USA */
#menuMealWrap .menuMealItemNutritionWrapUSA {margin-top: 0;}

/* overrides for modal menu meal page */
.modalImageDescriptionWrap {width: 100%;}
.modalMealImageWrap img {display: block; width: 310px; height:auto; margin-left: auto; margin-right: auto;}
.modalImageDescriptionWrap .mealMenuItemIngredientsWrap {margin-bottom: 20px;}
#menuMealWrap.modalNutritionWrap {float: left; width:100%;}

/* Why It Works */
.stepWrapper.col-md-3 {width: 100%; min-height: 100%;}
#stepWrapper2, #stepWrapper4 {float: left;}
#step1List, #step2List, #step3List, #step4List {font-size: 15px;line-height:28px;}
.howItWorksExtraContent {width: 100%;}
.howItWorksExtraButtons {width: 100%;}
.clinicalStudyDownload {margin-bottom: 20px;}

/* Success Stories */
#twoImages {margin:0 15px  20px 0; width:246px; height:199px; float:left;}
#fullImage {display:none;}
#smallImage {display:block;}
#successTopQuote {width:48%; float: left; font-size:27px; line-height:33px;}
#testimonial {float:left; width:100%;}	
#customerInside .btn-primary {display:block; width:100%; float:left; margin:0 0 10px 0;}	

/* View Our Plans */
.planContent {margin-top: 30px;}
#plansWrapper h1 {font-size: 30px; /*font-size: 38px;*/}
.planInnerWrap.col-md-4 {width: 100%; min-height: 100%;}
.planCheckListWrapMobile.col-md-4 {float: right; width: 100%; border: 1px solid #dddddd; min-height: 100%;}
#shopListOne, #shopListTwo, #shopListThree {margin-top: 20px; margin-left: 15px; width:95%;}
#shopListOne, #shopListTwo {min-height: 100%;}
#shopListOne.greenTicks li, #shopListTwo.greenTicks li, #shopListThree.greenTicks li {line-height: 32px;}

/* about us page styles */
#aboutUs1stContent {width: 100%;}
#aboutUs1stContentImage {width: 100%; text-align:center;}
#aboutUs1stContentImage .img-responsive, #aboutUs3rdContentImage .img-responsive {display: inline;}
#dietChefVideoContent {float: left; width: 75%; margin:0 12% 0 12%;}
#aboutUs2ndContent {float: left; width: 100%;}
#aboutUs3rdContent {width: 100%;}
#aboutUs3rdContentImage {width: 100%; text-align:center;}

/* delivery/returns page styles */
#deliveryReturnsOne, #deliveryReturnsTwo, #deliveryReturnsThree {width: 99%;}

/* Food page pagination */
#viewPlansMealItem {float:left; width:100%; margin-bottom:0; margin-right:0;}
.btn-primary-pagination-next, .btn-primary-pagination-prev {width:30%;}
.btn-primary-pagination-next {float:left;}

/*Choose meals bootstrap3 */
.foodChoiceMealImageSmall img {width: 100px; height: auto;}
#checkoutDiscountPlan {width: 100%;}
#discountCode, #addAPlan {float: right; width: 100%;}
#guaranteeWrapTopContent {float: left; text-align: center; width: 100%; margin-bottom: 0px;}
#guaranteeWrapTopImage {float: none;}
#guaranteeWrapBottom {float: left; width: 100%;}
.editMealsButton {padding: 5px 5px 5px 5px;}

/*Checkout Login + Top Nav Login + Checkout Delivery Address Page */
#loginWrapper .col-md-6 {min-height: 100%; width: 100%;}
#loginWrapper #checkoutLoginButton, #loginWrapper #loginButton {margin-top: 10px;}

#phoneHelp {float: left; margin-bottom: 10px;}
.emptyControlLabel {display: none;}

/* My Account Update */
.myAccountContentLeft {width: 100%;}
.myAccountContentMiddle {width: 100%;}
.myAccountContentRight {width: 100%;}

/* My Account Order History */
.myAccountContentColOne, .myAccountContentColTwo, .myAccountContentColThree, .myAccountContentColFour {width: 100%;}

/* Trust Footer */
.trustBlock.col-md-3 {width: 100%; border-right: none;}
.trustBlockTop {min-height: 0px;}
.trustBlock.col-md-3#block3 .trustBlockLargeText {display: none;}
}

@media (max-width: 650px) {
/* BMI Modal styles */
.smallResultBox {width: 48%; margin-bottom: 10px;}

.foodChoiceMealDescription {float: left; width: 100%; display: block;}

/* PPC landing pages */
#ppcLandingPagesTopContent {width: 100%;}
#ppcLandingPagesTopImageMobile {display: block;}
#ppcLandingPagesTopImageMobile img {border: 1px solid #DDDDDD; border-radius: 5px; margin-bottom: 10px;}
#ppcLandingPagesContent h1.largePageHeading {font-size: 30px; line-height: 36px;}
#ppcLandingPagesTopImage {display: none;}
#ppcLandingPagesContent #mainOfferInnerWrap #mainOfferLeftWrap, #ppcLandingPagesContent #mainOfferInnerWrap #mainOfferRightWrap {float: left; width: 100%; border-right: none;}
#ppcLandingPagesContent #mainOfferInnerWrap #mainOfferRightWrap #mainOfferPlan .offerSubmitForm {float: left;}
#ppcComparisonTable td {padding: 3px;}
.monthHeadings1, .comparisonHeadings {font-size: 12px;}
.comparisonCol1, .comparisonCol2, .percentageSavings {font-size:18px;}
}

/* portrait phone */
@media (max-width: 480px) {
/* Main */
h1.largePageHeading {font-size: 24px; line-height: 30px;}

/* generic 2 column layout accordion */
.accordionMainContent .accordion-inner {padding: 0 2% 10px 2%;}
.accordion-inner table {font-size: 12px;}

/* generic 2 column layout narrow */
.ContentLeftWrap {width:100%;}
.ContentLeftWrap .quad {width:100%;}
#quadBoxes .even {width:100%;}

/* Sidebar stuff for generic 2 column layout narrow */
#sidebar #successStoriesWrapper {width:100%;}
#sidebar #successStoriesContent h3 {font-size:18px; line-height:21px;}
#sidebar #sideRecipe #ingrediants {width:100%!important; float:none!important;}
#sidebar #sideRecipe span.dashedLine {display:block;}
#sidebar #sideRecipe #instructions {width:100%!important; float:none!important;}

/* Home Page styles */
#homeMainImageInnerWrap h1 {margin-left: 3%;}
#homeMainImage-topContent, #homeMainImage-bottomContent, #homeMainImage-bottomContentRight {width: 94%; margin: 0 3% 0 3%;}
#homeMainImage-bottomContentRight .btn-primary {margin: 0px 0 20px 0;}

/* Home */
#sarah-home {margin:0 0 10px 0;}
#sarah-home #sidePanelQuote {max-width: 50%; font-size: 17px; line-height: 26px;}
#sidePanelSig {float:left; margin: 20px 0 0 0;}

#home-testimonial-logos {margin:0 0 10px 0; text-align:center;}	
#rollover-read {display:none;}
#woman, #the-times {display:none;}

#home-testimonial-logos h2 {padding: 10px 0 0 10px;}
#rollover-read-mobile {display:block;}/* code added to main stylesheet */	

/* latest offer with coupon code page styles */
#howToClaim {width: 100%;}
#howToClaimDaily {width:100%;}
#offerFlash {display: none;}
#offerBuyNow {float: left !important;}
#couponCodeBottomContent {width: 100%;}
.freeMaintenanceOffer h1.largePageHeading {font-size:24px;}

/* the menu individual styles */
#menuMealWrap .menuMealItemTitle {font-size: 30px; line-height: 36px;}
#menuMealWrap .viewPlansMealItem .btn-primary {float: left;}
#menuMealWrap .menuMealItemNutritionWrapTitle {padding: 10px 4%;}
#menuMealWrap .menuMealItemNutritionQuantity {padding-left: 0%;}
#menuMealWrap .menuMealItemNutritionItemTitle, #menuMealWrap .menuMealItemNutritionItemVal {width: 92%;}
#menuMealWrap .menuMealItemNutritionItemWrap.nutriLowlight {padding: 1% 4% 0% 4%;}
#menuMealWrap .menuMealItemNutritionItemWrap.nutriHighlight {padding: 1% 4% 0% 4%;}

/* Food page pagination */
.btn-primary-pagination-next, .btn-primary-pagination-prev {width:35%;}

/* Why It Works */
.btn-howItWorks-wrap {float:left; margin-top: 20px; clear:both; text-align: left;}
.allTheInfoContent {min-height: 100%; font-size:20px; line-height:26px; margin-bottom: 15px;}
.allTheInfoContentList {font-size:14px; line-height:26px;}
.allTheInfoImage {margin-right: 5px;}
#step1List, #step2List, #step3List, #step4List {font-size:13px; line-height:21px;}

/* Customer stories */
#customerCategory .col-md-3 {width:100%; padding:0 0 15px 0; margin:0 0 20px 0!important;}	
.customerContainer .after {margin:0;}
.storyButton {bottom: 2%; left: 10%; width: 80%; text-align: center; border:1px solid #eee;}
#twoImages {width:100%; float:left; text-align:center;}
#fullImage {display:none;}
#smallImage {display:block;}
#successTopQuote {width:100%; float: left;}
#customerInside .btn-primary {display:block; float:left;}

/* View Our Plans */
.planGradientMiddle .maintenanceProdHeadings {font-size: 26px;}
#maintenanceTopContentLeft {width: 100%;}
.mostPopularIcon {display: none;}
.ribbonIcon img {width:75px;}
.planContent {width: 85%;}
#shopListOne, #shopListTwo, #shopListThree {margin-top: 20px; margin-left: 15px; width: 80%;}
.checkList3 #shopListThree {width: 80%!important;}

/* about us page styles */
#aboutUs1stContentWrap, #aboutUs2ndContentWrap, #aboutUs3rdContentWrap {float: left; border:1px solid #ddd; border-radius:5px; width: 100%; padding: 5%; margin-bottom: 10px;}
#aboutUs3rdContentWrap {margin-bottom: 0px;}
#aboutUs1stContent {width: 100%;}
#aboutUs1stContentImage {width: 100%;}
#dietChefVideoContent {width: 100%; margin: 0px;}
#aboutUs2ndContent {width: 100%;}
#aboutUs3rdContentImage {margin-top: 0px;}
#aboutUsSocial p img {display: block;}

/* delivery/returns page styles */
#deliveryReturnsTopContent {float: left; width: 90%; margin: 5% 5% 0 5%;}
.deliveryReturnsContentList {font-size:12px; line-height:26px;}
#deliveryReturnsTop .btn-secondary {float: left; margin: 0 0 10px 5%;}
#deliveryReturnsContentListLeft {float: left; width: 35%; margin-bottom: 0px;}
#deliveryReturnsContentListRight {float: right; width: 35%; margin-bottom: 0px;}

/* Footer */
#underFooterLeft {float: left; width: 100%; padding-bottom: 5px; border-bottom: 1px solid #EBEBEB; margin-bottom: 5px;}
#underFooterRight {float: left; width: 100%; text-align: left;}

/*Choose meals bootstrap3 */
.chooseMealsHeading {font-size: 18px;}
.chooseMealsHeadingRightInfo {width: 210px;}
.editMealsButton {width:50%;}
.mealAmounts {font-size: 12px; margin-right: 5px;}
.editMealsButton {font-size: 11px;}
.totalWrapper {padding: 5px 15px 5px 15px;}
#guaranteeWrap {padding: 5px;}

/*My Account forms*/
.myaccountWrapper .controls {margin-left: 0px;}

/*Checkout Delivery Address Page */
#checkoutWrapper .controls input, #checkoutWrapper .controls select {width: 100%;}
}

/* Fix for header layout */
@media (max-width: 450px) {
/* Header */
#headerLeftWrap {width: 100%; text-align:center;}
#headerRightWrap {float: left; margin-top: 5px; text-align: center; width: 100%;}
#headerNavigation {clear: none; float: none; margin-left: auto; margin-right: auto; margin-top: 0px; width: 225px; text-align: left;}
#basketWrapper {float: left;margin-top: 5px;width: 90px;}
#headerNavigationTopWrap {margin-left:auto; margin-right:auto; width:230px;}
#headerNavigation.loggedOut {width:auto}
.navbar > .container-fluid .navbar-brand {margin-left: 0px;}
.navbar .navbar-brand {float:none; margin: 5px 0 5px 0; display: inline-block;}
.navbar-default .navbar-brand {padding: 10px 0px 10px 0px;}
.navbar .navbar-brand img {width: 90px;}
.navbar .navbar-toggle {float: right; margin-top: 12px;width: 84px;}
.chooseMealsHeadingRightInfo {width: 150px;}
.editMealsButton {top: -6px;}
.mealAmounts {float: left; display: inline; margin-left: 10px;}
.mealAmounts.dcpurple.hidden-verySmall {display: none !important;}
.myaccountWrapper .pull-right {float: left !important; margin-right: 20px; clear: both;}
}

@media (max-width: 320px) {
/* BMI Modal styles */
.modal-header h1 {float: left; width: 70%; font-size: 20px;}
.modal-close-button {float: right; width: 30%; text-align:right;}
.smallResultBox {width: 100%; margin-right: 0;}

/* Home */
#sarah-image {right: -70px;}

#guarantee-home p {float: left; margin: 90px 0 20px 20px; padding:0;}

/* The Menu + top image and content in menu categories */
#theMenu-btn-primary-wrap {margin-bottom: 10px;}
#theMenu-btn-primary-wrap .btn-primary {font-size:20px; padding: 10px 10px 10px 10px;}
.menuCategoryWrapperInnerMobile img {width: auto;}
.menuCategoryWrapperInner .greenTicks {text-align:left; margin-left: -10px; width: 100%;}

/* Food page pagination */
.btn-primary-pagination-next, .btn-primary-pagination-prev {width:30%;}

/* generic 2 column layout narrow */
#ContentLeftWrap h3.birch {font-size:27px;}

/* Sidebar stuff for generic 2 column layout narrow */
#sidebar {width:100%;}
#sidebar #successStoryVideoWrapper {width:100%;}

/* Why It Works */
.allTheInfoImage {display: none;}
.allTheInfoContentList {width: 90%;}
.stepWrapperInnerMobile, #step1List, #step2List, #step3List, #step4List {width: 90%;}
#step1List, #step2List, #step3List, #step4List {margin-top: 10px;}

/* Why It Works Narrow */
#narrowHowItWorksWrap #step1List, #narrowHowItWorksWrap #step2List, #narrowHowItWorksWrap #step3List, #narrowHowItWorksWrap #step4List {width: 100%;}

/* Customer stories */
.customerContainer h2 {padding-bottom:15px;}
.customerCategory .col-md-3 {width:320px; margin:0; float:none;}
.customerContainer {margin:0; width:100%; text-align:center;}
.customerContainer .before {display:none;}
.customerContainer .after {width:100%;}
.storyButton {bottom: 2%; left: 0; width: 91%; text-align: center; border:1px solid #eee;}
#customerInside .btn-primary {float:left;}
#successTopQuote {font-size:23px; line-height:29px;}
#successBottomSignature {font-size:24px; line-height:30px;}

/* View Our Plans */
#plansWrapper h1 {font-size: 27px;/*font-size: 35px;*/}
.planWrap h2 {line-height: 30px;}
.planPrice, .planGradientMiddle .planPrice {font-size: 46px;}
.planGradient h3 span {display: block; line-height:32px;}

/* delivery/returns page styles */
.deliveryContentLeft {float: left; width: 100%;}
.deliveryContentRight {float: left; width: 100%; margin-bottom: 10px;}
#deliveryReturnsContentListLeft {float: left; width: 100%; margin-bottom: 0px;}
#deliveryReturnsContentListRight {float: left; width: 100%; margin-bottom: 0px;}

/*Choose meals bootstrap3 */
.timePlanAdded {float: left; width: 100%; display: block;}
.chooseMealsHeading {font-size: 14px;}
.mealAmounts {font-size: 11px; margin-right: 0px;}
.chooseMealsHeadingRightInfo {margin-top: 5px;}
#checkoutRightCol .btn-primary {font-size: 20px; margin-bottom: 5px;}
}