@charset "utf-8";
/*  Mobile options CSS Document */
/*  super largest size  *****************************************************************/
@media (min-width: 1800px) {
  .flex-pthumb {
    width: calc(50vw * 0.3);
    min-width: 285px;
    max-width: 300px;
  }
  .mylist-thm .flex-pthumb {
    width: calc(40vw * 0.3);
    min-width: 245px;
    max-width: 300px;
  }
}
/*  super largest size  **************************************************************** */
@media (min-width: 1601px) and (max-width: 1799px) {
  .flex-pthumb {
    width: calc(50vw * 0.3);
    min-width: 285px;
    max-width: 300px;
  }
  .mylist-thm .flex-pthumb {
    width: calc(48vw * 0.3); /*Hanin Nov 24*/
    min-width: 245px;
    max-width: 300px;
  }
}
/*  super largest size  **************************************************************** */
@media (min-width: 1439px) and (max-width: 1600px) {
  .flex-pthumb {
    width: calc(50vw * 0.3);
    min-width: 285px;
    max-width: 300px;
  }
  .mylist-thm .flex-pthumb {
    width: calc(50vw * 0.3);
    min-width: 245px;
    max-width: 300px;
  }
}
/*  super largest size  **************************************************************** */
@media (min-width: 1279px) and (max-width: 1438px) {
  .flex-pthumb {
    width: calc(50vw * 0.3);
    min-width: 280px;
    max-width: 300px;
  }
  .mylist-thm .flex-pthumb {
    width: calc(50vw * 0.3);
    min-width: 245px;
    max-width: 300px;
  }
}
/*  largest size  **************************************************************** */
@media (min-width: 1175px) and (max-width: 1278px) {
  .flex-pthumb {
    width: calc(60vw * 0.3);
    min-width: 265px;
    max-width: 300px;
  }
  .mylist-thm .flex-pthumb {
    width: calc(50vw * 0.3);
    min-width: 220px;
    max-width: 300px;
  }
  #middletopnav {
    margin-left: 5px;
    min-width: 430px;
    padding: 25px 0px 0px 0px;
  }
  .wpnavs {
    font-size: 18px;
    line-height: 22px;
    float: left;
    list-style-type: none;
  }
  .fhmm-container .dropdown-menu {
    font-size: 14px;
  }
  .fhmm-container .navbar-nav > li > a {
    font-size: 14px;
    padding: 9px 9px !important;
  }
  .toprt {
    float: right;
    width: 60%;
  }
  #thelogo {
    display: block;
    float: left;
    text-align: left;
    margin: 5px 0px 0px 10px;
    width: 240px;
    height: 48px;
  }
  #headerz {
    max-width: 1280px;
    width: 98%;
    background-color: #fff;
    padding: 10px 0px 0px 0px;
    vertical-align: bottom;
    height: 110px;
    margin: 0px auto 0px auto;
  }
  #theproducts {
    width: 96%; /*was 100% Hanin May 22*/
    max-width: 1280px;
    margin: 0px auto;
    padding: 0px 0px 20px 0px;
  }
  #banners {
    width: 96%;
    max-width: 1280px;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
  }
  .wpnavs a {
    font-size: 18px;
    padding: 2px 12px;
    font-weight: 500;
    color: #000 !important;
  }
  #thecartbox {
    margin-left: 10px;
  }
  .basketamt {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    position: absolute;
    bottom: 18px;
    width: 100%;
    text-align: center;
  }
  .list_prod-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: -11%;
    object-fit: cover;
  }
  .list_prod-image {
    display: inline-block;
    vertical-align: middle;
    transition: opacity 0.2s linear 0s;
    opacity: 1;
    overflow: hidden;
    z-index: 1;
    height: 150px;
    min-height: 80px;
    padding: 0px;
  }
  #col-home table tr td h3 {
    font-size: 18px;
  }
  #col-home table {
    width: 100%;
    max-width: 980px;
    margin: 0px auto;
  }
  .mealnames {
    font-size: 18px;
  }
  .right-ops .nav > li > a {
    position: relative;
    display: block;
    padding: 5px 7px;
    font-size: 13px;
  }
  .kitdetails-chk .sub-proddetailscolumn {
    width: 65%;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    float: left;
  }
  .strkit-header .blue-btn, a.blue-btn {
    width: 60%;
  }
  .strkit-header .col-sm-4 img {
    width: 30% !important;
  }
  .nostobox .remainder {
    width: 70px;
    left: 20%;
  }
  .Bin-button {
    width: 40%;
    margin: 0px;
  }
}
/*  mac computer sizes  **************************************************************** */
@media (min-width: 1075px) and (max-width: 1174px) {
  #middletopnav {
    margin-left: 5px;
    min-width: 430px;
    padding: 25px 0px 0px 0px;
  }
  .wpnavs {
    font-size: 18px;
    line-height: 22px;
    float: left;
    list-style-type: none;
  }
  .fhmm-container .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 8px !important;
    font-size: 13px;
  }
  .toprt {
    float: right;
    width: 60%;
  }
  #thelogo {
    display: block;
    float: left;
    text-align: left;
    margin: 5px 0px 0px 10px;
    width: 240px;
    height: 48px;
  }
  #headerz {
    max-width: 1240px;
    width: 98%;
    background-color: #fff;
    padding: 10px 0px 0px 0px;
    vertical-align: bottom;
    height: 110px;
    margin: 0px auto 0px auto;
  }
  #theproducts {
    width: 96%;
    max-width: 1280px;
    margin: 0px auto;
    padding: 0px 0px 50px 0px;
  }
  #banners {
    width: 96%;
    max-width: 1280px;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
  }
  .wpnavs a {
    font-size: 18px;
    padding: 2px 10px;
    font-weight: 500;
    color: #000 !important;
  }
  #thecartbox {
    margin-left: 10px;
  }
  .basketamt {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    position: absolute;
    bottom: 18px;
    width: 100%;
    text-align: center;
  }
  .list_prod-image img {
    width: auto;
    height: 100%;
    position: absolute;
    left: -20%;
  }
  .list_prod-image {
    display: inline-block;
    vertical-align: middle;
    transition: opacity 0.2s linear 0s;
    opacity: 1;
    overflow: hidden;
    z-index: 1;
    height: 150px;
    min-height: 80px;
    padding: 0px;
  }
  .imagewrap {
    position: relative;
    width: 100%;
    height: 123px;
    text-align: center;
    overflow: hidden;
    border-bottom: 1px solid #CCC;
    background-color: #FFF;
  }
  .productthumb {
    width: 30%;
    height: 350px;
    float: left;
    margin: 10px 20px 10px 0px;
    /* background: #EEE none repeat scroll 0% 0%; */
    text-align: left;
    position: relative;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    transition: background-color 200ms ease-in-out 0s;
    z-index: 1;
    overflow: hidden;
  }
  #col-home table tr td h3 {
    font-size: 18px;
  }
  #mealkits .productthumb {
    width: 24%;
    min-height: 390px;
    margin: 10px 10px 10px 0px;
  }
  #calendarblock table {
    width: 100%;
    max-width: 900px;
  }
  #col-home table {
    width: 100%;
    max-width: 980px;
    margin: 0px auto;
  }
  .mealnames {
    font-size: 18px;
  }
  .right-ops .nav > li > a {
    position: relative;
    display: block;
    padding: 8px 10px;
    font-size: 11px;
  }
  .kitdetails-chk .sub-proddetailscolumn {
    width: 65%;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    float: left;
  }
  .title-unitprice {
    width: 10%;
  }
  .title-quant {
    width: 18%;
  }
  .mainhead {
    font-size: 42px;
    color: #fff;
    letter-spacing: -2px;
    text-align: center;
    margin: 50px auto;
  }
  .strkit-header .overphoto-l {
    font-size: 24px;
  }
  .strkit-header .blue-btn, a.blue-btn {
    width: 60%;
  }
  .strkit-header .col-sm-4 img {
    width: 30% !important;
  }
  #gift-back .largetext {
    font-size: 16px;
  }
  .giftgive {
    font-size: 4vw;
  }
  #gift-back {
    height: 18vw;
  }
  select#SelectDateID2 {
    font-size: 14px;
  }
  .cert-pic {
    max-width: 200px;
  }
  .cert-pic img {
    width: 100%;
    height: auto;
  }
  .bigheadline {
    font-size: 48px;
  }
  #spend-earn {
    position: relative;
    width: 1075px !important;
    height: 211px !important;
    background-size: 1075px 211px !important;
  }
  #spend-earn .opt-1-a {
    top: 60px;
    left: 650px;
  }
  #spend-earn .opt-1-b {
    top: 110px;
    left: 650px;
  }
  #spend-earn .opt-2-a {
    top: 60px;
    left: 780px;
  }
  #spend-earn .opt-2-b {
    top: 110px;
    left: 780px;
  }
  #spend-earn .opt-3-a {
    top: 60px;
    left: 910px;
  }
  #spend-earn .opt-3-b {
    top: 110px;
    left: 910px;
  }
  .nostobox a.minus_button {
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    width: 30px;
    height: 29px;
    float: left;
    margin: 0px 2px 0px 10px;
    border-radius: 50%;
    line-height: 100%;
  }
  .nostobox a.plus_button {
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    width: 30px;
    height: 30px;
    float: right;
    margin: 0px 10px 0px 2px;
    border-radius: 50%;
    line-height: 100%;
  }
  .nostobox a.in_the_cart {
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    width: 50%;
    height: 30px;
    padding: 10px;
    margin: 0px auto;
    border-radius: 10px;
    line-height: 100%;
  }
  .nostobox a.plus_cart {
    position: relative;
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    width: 40px;
    height: 40px;
    float: right;
    margin: -10px 10px 0px 2px;
    border-radius: 50%;
    line-height: 170%;
  }
  .nosto-prods .imagewrap-sm {
    position: relative;
    width: 100%;
    min-height: 90px;
    max-height: 120px;
    text-align: center;
    overflow: hidden;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    background-color: #fff;
  }
  .nostobox .farmerdets {
    font-size: 12px;
    color: #999;
    margin: 0px 0px 0px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
  }
  .nostobox .prodnamet {
    font-size: 14px;
    color: #333;
    line-height: 110%;
    text-overflow: ellipsis;
    overflow: hidden;
    /* height: 37px; */
    font-family: 'nunito', 'Open Sans', "Franklin Gothic Bold", "Arial Black", sans-serif;
    font-weight: 700;
  }
  .nostobox .produnit {
    color: #555;
    font-size: 11px;
    font-weight: 300;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    line-height: 120%;
  }
  .carousel-inner .imagewrap-sm {
    position: relative;
    width: 100%;
    height: 95px;
    text-align: center;
    overflow: hidden;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    background-color: #fff;
  }
  .carousel-inner .col-item {
    background: #eee;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    transition: background-color 200ms ease-in-out 0s;
    z-index: 1;
    min-height: 250px;
    border-bottom: solid 1px #ccc;
  }
  #page-top-features .imagewrap-sm {
    height: 110px !important;
  }
  .nostobox .remainder {
    position: absolute;
    left: 20px;
    top: -70px;
    text-align: center;
    padding: 0px 10px;
    margin: 30px auto 4px 45%;
    font-size: 14px;
    background-color: rgba(66, 66, 66, 0.8);
    color: #fff;
    display: inline-block;
    -webkit-border-radius: 8px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 8px;
    -moz-border-radius-bottomright: 0;
    border-radius: 8px;
    border-bottom-right-radius: 0;
    line-height: 27px;
    width: 75px;
  }
  .nosto-prods .prodnamet {
    height: 62px; /*EvR 10-11-2017 */
  }
  .wsmenu-list > li > a {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .s-out {
    font-size: 12px;
  }
  .dropbtn {
    font-size: 14px;
  }
  .mylist-thm #the-cart .checkout-btn {
    display: block;
    width: 80%;
    height: 60px;
    line-height: 60px;
    background: #71bfc5 none repeat scroll 0% 0%;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    margin: 10px auto;
    border-radius: 8px;
  }
  .mylists #GroupName h2 {
    font-size: 22px;
  }
  .meal_kit_thimg {
    max-height: 215px;
    overflow: hidden;
  }
  .meal_kit_sdesc {
    font-size: 16px;
    padding: 15px 15px 5px 15px;
    text-align: center;
  }
  .cd-headline {
    font-size: 20px !important;
    font-weight: 310;
  }
  .mkth img {
    width: 100%;
    height: auto;
  }
  .mk_hdr_in h1 {
    font-size: 28px !important;
  }
  .mk_sub_desc {
    text-align: center;
    font-size: 10px;
    padding: 5px 0px;
  }
  .meal_kit_thm {
    width: 100%;
    background-color: #fff;
    padding: 0px;
    box-shadow: 0 1px 3px #dadcdd;
    border: 1px solid #e6e6e6;
    margin: 10px auto;
    min-height: 380px;
  }
  .catalogue_header {
    font-size: 70px;
  }
  .catalogue_side_header {
    font-size: 25px;
  }
  .catalogue_side_link {
    font-size: 18px;
    padding: 10px 10px;
    margin-left: -10px;
  }
  .flex-pthumb {
    width: calc(60vw * 0.3) !important;
    min-width: 230px;
    max-width: 300px;
    min-height: 300px;
    height: auto !important;
  }
  .address_checkout .btn-address {
    font-size: 15px;
  }
  .arrows {
    width: 48px;
    position: absolute;
    height: 100%;
    right: -35px;
    top: 25px;
  }
  .cart_namedet {
    display: inline-block;
    width: 40%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px 5px 0px 5px;
  }
  .mylist-thm .flex-pthumb {
    width: calc(50vw * 0.3);
    min-width: 200px;
    max-width: 300px;
  }
  .col-item .btn-add, .btn-add:hover {
    width: 82%;
    padding: 5px 8px;
  }
  .pre-order-black {
    width: 100%;
    height: 100%;
    background-color: rgba(34, 34, 34, .55);
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 888;
    color: white;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    padding: 10px 10px 45px 90px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    max-width: 230px;
  }
}
/*  FLEX med-small ****************************************************************/
@media (min-width: 1023px) and (max-width: 1074px) {
  .flex-pthumb {
    width: calc(60vw * 0.3) !important;
    min-width: 220px;
    max-width: 300px;
    min-heigth: 320px;
  }
  .mylist-thm .flex-pthumb {
    width: calc(50vw * 0.3);
    min-width: 190px;
    max-width: 300px;
  }
  .arrows {
    width: 48px;
    position: absolute;
    height: 100%;
    right: -35px;
    top: 25px;
  }
  .cart_namedet {
    display: inline-block;
    width: 40%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px 5px 0px 5px;
  }
  .list_often {
    padding: 10px 0px 0px 5px;
    text-align: center;
  }
  .list_often .case-button {
    width: 60%;
    font-size: 12px !important;
  }
  .sm_amthold input[type="text"] {
    width: 30px;
    padding: 6px;
  }
  .quantity-selector {
    float: left;
    display: block;
    width: 60px;
  }
  .sm_amthold {
    float: left;
    display: block;
    padding: 0px;
    width: 50%;
  }
  #page-top-features .col-item {
    height: 300px;
  }
  .subcat_wide .list_prod-image img {
    width: auto;
    height: 100%;
  }
  .subcat_wide .prodnamet {
    font-size: 14px;
  }
  /* css for raf lightbox*/
  .raf_pop_container .upper_text {
    font-size: 22px !important;
    padding: 5px !important;
  }
  .emails-inputs input[type="email"] {
    font-size: 20px !important;
  }
  .emails-inputs input[type="email"]::placeholder {
    font-size: 20px !important;
  }
  .send_btn_raf input {
    font-size: 14px !important;
  }
  .col-item .btn-add, .btn-add:hover {
    width: 82%;
    padding: 5px 8px;
  }
  .pre-order-black {
    width: 100%;
    height: 100%;
    background-color: rgba(34, 34, 34, .55);
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 888;
    color: white;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    padding: 10px 10px 45px 90px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    max-width: 230px;
  }
  .pick-logos {
    font-size: 22px;
    text-align: center;
  }
}
/*  FLEX med-small ****************************************************************/
@media (min-width: 940px) and (max-width: 1022px) {
  .flex-pthumb {
    width: calc(60vw * 0.3) !important;
    min-width: 200px;
    max-width: 300px;
    min-heigth: 320px;
  }
  .mylist-thm .flex-pthumb {
    width: calc(50vw * 0.3);
    min-width: 270px;
    max-width: 300px;
  }
  .arrows {
    width: 48px;
    position: absolute;
    height: 100%;
    right: -35px;
    top: 25px;
  }
  .cart_namedet {
    display: inline-block;
    width: 40%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px 5px 0px 5px;
  }
  .list_often {
    padding: 10px 0px 0px 5px;
    text-align: center;
  }
  .list_often .case-button {
    width: 60%;
    font-size: 12px !important;
  }
  .sm_amthold input[type="text"] {
    width: 30px;
    padding: 6px;
  }
  .quantity-selector {
    float: left;
    display: block;
    width: 60px;
  }
  .sm_amthold {
    float: left;
    display: block;
    padding: 0px;
    width: 50%;
  }
  #page-top-features .col-item {
    height: 300px;
  }
  .subcat_wide .list_prod-image img {
    width: auto;
    height: 100%;
  }
  .subcat_wide .prodnamet {
    font-size: 14px;
  }
  /* css for raf lightbox*/
  .raf_pop_container .upper_text {
    font-size: 20px !important;
    padding: 5px !important;
  }
  .emails-inputs input[type="email"] {
    font-size: 18px !important;
  }
  .emails-inputs input[type="email"]::placeholder {
    font-size: 18px !important;
  }
  .send_btn_raf input {
    font-size: 12px !important;
  }
  #new-product .input_line {
    margin-left: 60%;
  }
  .col-item .btn-add, .btn-add:hover {
    width: 82%;
    padding: 5px 8px;
  }
  .pre-order-black {
    font-size: 14px;
    line-height: 16px;
    padding: 10px 10px 55px 80px;
  }
  a.pre_order, a.notify-me {
    font-size: 12px;
  }
  a.checked-notify-me {
    min-width: 145px;
  }
  a.minus_button {
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    font-family: 'nunito', 'Open Sans', Arial, Helvetica, Sans-serif;
    width: 30px;
    height: 30px;
    float: left;
    margin: 0px 2px 0px 10px;
    border-radius: 50%;
    line-height: 80%;
  }
  a.plus_button {
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    font-family: 'nunito', 'Open Sans', Arial, Helvetica, Sans-serif;
    width: 30px;
    height: 30px;
    float: right;
    margin: 0px 6px 0px 2px;
    border-radius: 50%;
    line-height: 90%;
  }
  a.in_the_cart {
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    font-family: 'nunito', 'Open Sans', Arial, Helvetica, Sans-serif;
    width: 50%;
    height: 30px;
    padding: 10px;
    margin: 0px auto;
    border-radius: 10px;
    line-height: 80%;
  }
  .pick-logos {
    font-size: 22px;
    text-align: center;
  }
}
/*  larger tablet size  **************************************************************** */
@media (min-width: 841px) and (max-width: 939px) {
  .farmerdets {
    font-size: 11px;
    color: #999;
    margin: 0px 0px 0px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 16px;
    display: inline-block;
    width: 100%;
  }
  div, p, td {
    font-family: 'nunito', 'Open Sans', Arial, Helvetica;
    /* font-size: 12px;*/
    font-weight: 400;
    text-rendering: optimizeLegibility;
  }
  #thelogo .bootstrap-select {
    margin-left: 40px !important;
  }
  #middletopnav {
    margin-left: 5px;
    min-width: 430px;
    padding: 25px 0px 0px 0px;
  }
  .wpnavs {
    font-size: 18px;
    line-height: 22px;
    float: left;
    list-style-type: none;
  }
  .title-item, .title-freq, .title-unitprice, .title-quant, .title-total {
    font-size: 14px;
  }
  .title-total {
    margin: 0px 10px 0px 0px;
  }
  .prices-column {
    width: 12%;
    min-width: 50px;
    text-align: right;
    display: inline-block;
    float: left;
    height: 40px;
  }
  #productarea {
    background-color: #e5e5e5;
    position: relative;
    padding: 5px;
  }
  .col-sm-2 {
    width: 16%;
  }
  #col-main {
    width: 69%;
    margin: 0px auto;
  }
  .col-item .price h5 {
    margin: 0;
    font-size: 12px;
  }
  #the-cart, .side-checkout-r #the-cart {
    width: 30%;
    float: right;
    position: relative;
    background-color: #fff;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  }
  #the-cart .checkout-btn {
    display: block;
    width: 70%;
    line-height: 60px;
    background: #71bfc5 none repeat scroll 0% 0%;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    margin: 10px auto;
    border-radius: 8px;
  }
  .productthumb {
    margin: 10px 10px 10px 0px;
    min-height: 330px; /*	height: auto;*/
  }
  a.case-button {
    display: block;
    width: 60%;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 3px 6px;
    margin: 0px auto !important;
    text-align: center;
    background-color: #ACACAC;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
  }
  .col-item .btn-add {
    width: 100%;
    font-size: 11px;
  }
  #col-left {
    width: 130px;
  }
  .toprt {
    float: right;
    width: 74%;
  }
  .dropdown-menu {
    font-size: 11px;
  }
  .cate_thmb {
    width: 30%; /* from 23 */
    min-height: 340px;
  }
  #welcomemessages {
    font-size: 12px;
    white-space: nowrap;
    display: inline-block;
    height: 20px;
  }
  .customer .dropdown {
    width: 278px !important;
  }
  #signinspot .normal {
    font-size: 12px;
    margin-right: 5px;
  }
  #signinspot .pull-right {
    margin-left: 5px;
  }
  #middletopnav {
    margin-left: 5px;
    min-width: 250px !important;
  }
  #signinspot {
    font-size: 14px;
  }
  #thelogo {
    display: block;
    float: left;
    text-align: left;
    margin: 10px 0px 0px 10px;
    width: 25%;
    max-width: 200px;
    position: relative;
  }
  #thelogo .bootstrap-select {
    margin-left: 10px;
  }
  #headerz {
    max-width: 980px;
    width: 100%;
    background-color: #fff;
    padding: 10px 0px 0px 0px;
    vertical-align: bottom;
    height: 110px;
    margin: 0px auto 0px auto;
  }
  #dateselectorz {
    width: 150px !important;
  }
  #dateselectorz .btn {
    font-size: 12px !important;
  }
  #theproducts {
    width: 100%;
    margin: 2% auto;
    padding: 0px 0px 50px 0px;
  }
  #banners {
    width: 96%;
    max-width: 1280px;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
  }
  .productthumb {
    width: 47%;
  }
  #freqc-large {
    font-size: 12px;
  }
  #freqc-large select#howoftenb {
    margin-right: 20%;
  }
  .wpnavs a {
    padding: 2px 8px;
    font-size: 14px;
    color: #000 !important;
    font-weight: 500;
  }
  .imagewrap {
    min-height: 100px;
  }
  .navbar .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 5px;
  }
  .navbar-farmboxnav .navbar-link, .navbar-farmboxnav .navbar-brand, .navbar-farmboxnav .navbar-text, .navbar-farmboxnav .navbar-nav > li > a {
    color: #EEE;
    font-size: 11px !important;
  }
  .navbar-nav > li.fhmm-fw > a {
    padding: 5px 4px !important;
  }
  #breadcrumbs {
    font-size: 11px;
    color: #949494;
    padding: 10px 0px 0px 10px;
  }
  #thecartbox {
    float: right;
    min-width: 250px;
    /*	max-width: 150px;*/
    border-radius: 4px;
    font-size: 12px;
    color: #222;
    padding: 0px 5px 0px 0px;
    text-align: left;
    position: relative;
  }
  .signout {
    font-size: 11px;
    padding: 11px 0px 0px;
  }
  .basketamt {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    position: absolute;
    bottom: 18px;
    width: 100%;
    text-align: center;
  }
  .prodnamet {
    font-size: 14px;
  }
  #weeklyspecs .col-md-3, #weeklyspecs .col-sm-3 {
    padding: 0px 5px;
  }
  .addtocartlink {
    font-size: 12px;
  }
  .proddetailscolumn {
    width: 40%;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    float: left;
  }
  .prodsdetails {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 5px 0px 5px;
    width: calc(100% - 80px - 40px);
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .total-price {
    font-size: 16px;
    padding: 5px;
  }
  .freq-col {
    display: inline-block;
    width: 12%;
    min-width: 100px;
    float: left;
    height: 40px;
  }
  #page-top-features {
    width: 100%;
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 20px;
    padding-bottom: 10px;
    /*	background-color: #ddd; */
    margin: 10px 0px;
  }
  .prodname {
    font-size: 13px;
    font-weight: bold;
    /*	white-space: nowrap;*/
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .col-sm-10.promo-top {
    width: 86%;
  }
  .list_often {
    padding: 10px 0px 0px 5px;
    text-align: center;
  }
  select#howoftenb {
    font-size: 12px;
    border: 1px solid #CCC;
    padding: 3px;
    float: none;
    cursor: pointer;
    width: 100px;
  }
  .sm_amthold {
    float: left;
    display: block;
    padding: 0px;
    width: 50%;
  }
  .quantity-selector {
    float: left;
    display: block;
  }
  .list_prod-image img {
    width: auto;
    height: 100%;
    position: absolute;
    left: -20%;
  }
  .list_prod-image {
    display: inline-block;
    vertical-align: middle;
    transition: opacity 0.2s linear 0s;
    opacity: 1;
    overflow: hidden;
    z-index: 1;
    height: 150px;
    min-height: 80px;
    padding: 0px;
  }
  .imagewrap {
    position: relative;
    width: 100%;
    height: 110px;
    text-align: center;
    overflow: hidden;
    border-bottom: 1px solid #CCC;
    background-color: #FFF;
  }
  .title-item {
    width: 37%;
    float: left;
    display: block;
    font-size: 18px;
  }
  .salepricet {
    font-size: 14px;
    color: #111;
    color: #EC4F4F;
    font-weight: bold;
  }
  a.list_in_cart {
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translate(0, -50%);
    display: inline-block;
    text-align: center;
    background-color: #3b5763;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    width: 35px;
    height: 35px;
    float: right;
    border-radius: 50%;
    line-height: 35px;
  }
  a.list_in_cart .fa {
    top: 50%;
  }
  a.list_plus_cart {
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translate(0, -50%);
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #FFF;
    font-size: 30px;
    font-weight: 700;
    width: 35px;
    height: 35px;
    float: right;
    border-radius: 50%;
    line-height: 35px;
  }
  .col-item .info {
    padding: 5px 10px;
    margin-top: 1px;
    background-color: #eee;
  }
  .imagewrap-sm {
    position: relative;
    width: 100%;
    min-height: 70px;
    max-height: 71px;
    text-align: center;
    overflow: hidden;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    background-color: #fff;
  }
  .prodtitlez {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 110%;
    margin: 5px auto !important;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .quant-column {
    width: 30%;
    display: inline-block;
    text-align: center;
    float: left;
  }
  .arrows {
    width: 48px;
    position: absolute;
    height: 100%;
    right: -40px;
    top: 30px;
  }
  .mylists .arrows {
    width: 48px;
    position: absolute;
    height: 100%;
    right: -45px;
    top: 25px;
  }
  #mealkits .productthumb {
    width: 24%;
    min-height: 390px;
    margin: 10px 10px 10px 0px;
  }
  .calbox {
    border: solid 2px #dddddd;
    padding: 5px;
    margin: 2px;
    height: 130px;
    width: 100%;
    background-color: #f2f2f2;
    text-align: center;
    max-width: 130px;
    min-width: 110px;
  }
  .activedate {
    border: solid 2px #dde2cb;
    padding: 5px;
    margin: 2px;
    height: 130px;
    width: 100%;
    max-width: 130px;
    min-width: 110px;
    background-color: #FAFFB6;
    text-align: center;
  }
  .blogpost img {
    width: 100% !important;
    height: auto !important;
  }
  #col-home table tr td img {
    width: 100% !important;
    max-width: 175px;
    height: auto !important;
  }
  #col-home table tr td h3 {
    font-size: 16px;
  }
  #calendarblock table {
    width: 100%;
    max-width: 900px;
  }
  #col-home table {
    width: 100%;
    max-width: 980px;
    margin: 0px auto;
  }
  #col-home table td {
    padding: 2px 10px 0px 0px;
  }
  .blogpost {
    font-size: 13px;
    text-align: left;
    padding: 0px 10px 10px 0px;
  }
  .mealnames {
    font-size: 18px;
  }
  .right-ops .nav > li > a {
    position: relative;
    display: block;
    padding: 5px 5px;
    font-size: 9px;
  }
  .right-ops {
    width: 68%;
    float: left;
    position: relative;
    padding: 0px 5px;
  }
  #fhb-contents .kit-desc {
    font-size: 12px;
  }
  .blue-btn_sm, a.blue-btn_sm {
    font-size: 10px;
  }
  .kitdetails-chk .sub-proddetailscolumn {
    width: 48%;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    float: left;
  }
  #cartdetails .quantity-selector, #cartdetails .list_item .sold_out {
    position: absolute;
    right: 15%;
    top: 25px;
  }
  .title-unitprice {
    width: 10%;
  }
  .title-quant {
    width: 18%;
  }
  .font-24 {
    font-size: 24px !important;
  }
  .fhboxsize {
    width: 22%;
  }
  .so_status {
    min-width: 80px;
  }
  .mainhead {
    font-size: 42px;
    color: #fff;
    letter-spacing: -2px;
    text-align: center;
    margin: 20px auto;
  }
  .strkit-header .overphoto-l {
    font-size: 24px;
    margin: 10px auto 30px auto;
  }
  .strkit-header {
    background-size: 100% auto;
  }
  .strkit-header .blue-btn, a.blue-btn {
    width: 80%;
  }
  .strkit-header .col-sm-4 img {
    width: 30% !important;
  }
  a.checkoubutton-cart-xl {
    font-size: 16px;
  }
  #gift-back .largetext {
    font-size: 16px;
  }
  #gift-back .largetext {
    font-size: 16px;
  }
  .giftgive {
    font-size: 4vw;
  }
  #gift-back {
    height: 18vw;
  }
  select#SelectDateID2 {
    font-size: 12px;
  }
  .cert-pic {
    max-width: 180px;
  }
  .cert-pic img {
    width: 100%;
    height: auto;
  }
  .bigheadline {
    font-size: 36px;
  }
  .b900width {
    width: 100%;
    max-width: 700px;
    margin: 0px auto;
  }
  #deliveryform {
    width: 30%;
  }
  #delivery-msg {
    width: 68%;
    text-align: left;
    display: inline;
    float: left;
    font-size: 16px;
    padding: 10px 0px 0px 10px;
  }
  #spend-earn {
    position: relative;
    width: 841px !important;
    height: 165px !important;
    background-size: 841px 165px !important;
  }
  #spend-earn .opt-1-a {
    top: 40px;
    left: 510px;
  }
  #spend-earn .opt-1-b {
    top: 80px;
    left: 510px;
  }
  #spend-earn .opt-2-a {
    top: 40px;
    left: 610px;
  }
  #spend-earn .opt-2-b {
    top: 80px;
    left: 610px;
  }
  #spend-earn .opt-3-a {
    top: 40px;
    left: 710px;
  }
  #spend-earn .opt-3-b {
    top: 80px;
    left: 710px;
  }
  div.bubble {
    position: relative;
    width: 100%;
    max-width: 350px;
    height: 210px;
    text-align: left;
    line-height: 160%;
    margin: 20px auto;
    background-color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 5px 5px 0px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 5px 5px 0px 0px rgba(204, 204, 204, 1);
    box-shadow: 5px 5px 0px 0px rgba(204, 204, 204, 1);
    font-size: 14px;
    font-family: arial, helvetica, geneva;
    padding: 20px;
    color: #434244;
  }
  .test_title {
    font-size: 14px;
  }
  div.speech:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 60px;
    top: 208px;
    border: 10px solid;
    border-color: #ccc transparent transparent #ccc;
  }
  div.speech:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 55px;
    top: 208px;
    border: 10px solid;
    border-color: #fff transparent transparent #fff;
  }
  #logo_left {
    width: 100%;
    max-width: 230px;
    float: left;
    padding: 5px;
  }
  #nav_right {
    width: 100%;
    max-width: 590px;
    float: right;
    position: relative;
    padding: 0px;
  }
  #logo_left #thelogo {
    display: block;
    float: left;
    text-align: left;
    margin: 10px 0px 0px 10px;
    width: 100%;
    max-width: 180px;
    position: relative;
  }
  .sig_out {
    width: 50px;
    float: right;
    font-size: 11px;
  }
  #lgin_info .customer .dropdown {
    width: 260px !important;
  }
  .nostobox a.minus_button {
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    width: 25px;
    height: 25px;
    float: left;
    margin: 0px 2px 0px 10px;
    border-radius: 50%;
    line-height: 100%;
  }
  .nostobox a.plus_button {
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    width: 25px;
    height: 25px;
    float: right;
    margin: 0px 10px 0px 2px;
    border-radius: 50%;
    line-height: 100%;
  }
  .nostobox a.in_the_cart {
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    width: 40%;
    height: 25px;
    padding: 6px;
    margin: 0px auto;
    border-radius: 10px;
    line-height: 100%;
  }
  .nostobox a.plus_cart {
    position: relative;
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    width: 40px;
    height: 40px;
    float: right;
    margin: -10px 10px 0px 2px;
    border-radius: 50%;
    line-height: 170%;
  }
  .nosto-prods .imagewrap-sm {
    position: relative;
    width: 100%;
    min-height: 85px;
    max-height: 90px;
    text-align: center;
    overflow: hidden;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    background-color: #fff;
  }
  .nosto-prods .thepricet {
    font-size: 14px;
    color: #111;
    color: #000;
    font-weight: 700;
    font-family: 'nunito', 'Open Sans-bold', Arial, Helvetica, Sans-serif;
    text-align: center;
    line-height: 100%;
  }
  .nostobox .farmerdets {
    font-size: 12px;
    color: #999;
    margin: 0px 0px 0px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
  }
  .nostobox .prodnamet {
    font-size: 12px;
    color: #333;
    line-height: 110%;
    text-overflow: ellipsis;
    /*	overflow: hidden;*/
    /* height: 37px; */
    font-family: 'nunito', 'Open Sans', "Franklin Gothic Bold", "Arial Black", sans-serif;
    font-weight: 700;
  }
  .nostobox .produnit {
    color: #555;
    font-size: 11px;
    font-weight: 300;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    line-height: 120%;
  }
  .col-xs-5ths {
    width: 20%;
    float: left;
  }
  .carousel-inner .imagewrap-sm {
    position: relative;
    width: 100%;
    height: 90px;
    text-align: center;
    overflow: hidden;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    background-color: #fff;
  }
  .carousel-inner .col-item {
    background: #eee;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    transition: background-color 200ms ease-in-out 0s;
    z-index: 1;
    height: 210px;
    border-bottom: solid 1px #ccc;
  }
  #page-top-features .imagewrap-sm {
    height: 100px !important;
  }
  #page-top-features .col-item {
    height: 245px;
  }
  .orig-price-text-color {
    font-size: 10px !important;
  }
  .produnit, .sm_pr {
    color: #555;
    font-size: 11px;
    font-weight: 300;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    line-height: 120%;
  }
  .promocodeins {
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 0px;
    margin-bottom: 0px;
    color: #555;
  }
  .subtotal-tot {
    width: auto;
    float: right;
    display: block;
    text-align: right;
    padding: 0px 15px 0px 0px;
    font-size: 18px;
    font-weight: 700;
  }
  select[multiple], select[size] {
    font-size: 13px;
  }
  .addr {
    font-size: 16px;
  }
  .ffb-desc {
    font-size: 18px;
    text-align: center;
  }
  .free-deliv img, .box-bio img {
    text-align: center;
    width: 100px;
    height: auto;
  }
  .wsmenu-list > li > a {
    white-space: nowrap !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .nostobox .remainder {
    position: absolute;
    left: 20px;
    top: -70px;
    text-align: center;
    padding: 0px 10px;
    margin: 30px auto 4px 45%;
    font-size: 14px;
    background-color: rgba(66, 66, 66, 0.8);
    color: #fff;
    display: inline-block;
    -webkit-border-radius: 8px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 8px;
    -moz-border-radius-bottomright: 0;
    border-radius: 8px;
    border-bottom-right-radius: 0;
    line-height: 27px;
    width: 75px;
  }
  .nosto-prods .prodnamet {
    height: 53px; /*EvR 10-11-2017 */
  }
  .nostobox .col-item {
    height: 245px;
  }
  .nostobox .add-to-cart {
    position: absolute;
    bottom: 5px;
    left: 0px;
    width: 100%;
    height: 40px;
    z-index: 999;
    vertical-align: baseline;
  }
  #letsnotwaste {
    width: 40% !important;
  }
  .s-out {
    font-size: 10px;
  }
  .cust-dater .dropbtn {
    font-size: 12px;
    padding: 5px 10px;
  }
  .customer_name .dropbtn {
    font-size: 12px;
  }
  #select_location select {
    margin: 2px auto 2px 5px;
  }
  #site-header-inner.container {
    padding: 5px;
  }
  #how_wrks {
    font-size: 14px;
    width: 250px;
  }
  #main_head-inner .row {
    margin-right: 0px;
  }
  #store-in-store {
    background-color: #e9e9e9;
    height: 38px;
    padding: 9px 0px 0px 0px;
  }
  #top-store-tabs .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    min-width: 130px;
    text-align: center;
  }
  .locatrz {
    background-color: #fff;
    font-size: 12px !important;
  }
  .spud_logo.logged_in {
    margin: 20px 0px 0px 0px;
  }
  .shopping_date {
    height: 15px;
    font-size: 11px;
    display: block;
    text-align: center;
    padding: 0px 0px 0px 10px;
  }
  .mylists #the-cart, .mylists .side-checkout-r #the-cart {
    width: 30%;
  }
  .ven_box {
    width: 23%;
  }
  .mylists #GroupName h2 {
    font-size: 20px;
  }
  .mylact {
    float: right;
    width: 250px;
    margin: 0px 10px 0px 0px;
    padding: 10px 0px;
    text-align: right;
  }
  input[name="oldlist"] {
    width: 120px;
  }
  .mk_myth {
    width: 30%;
    background-color: #fff;
    padding: 0px;
    box-shadow: 0 1px 3px #dadcdd;
    border: 1px solid #e6e6e6;
    margin: 5px;
    min-height: 250px;
    float: left;
  }
  .mk_myth a:link.btn-add {
    margin: 5px auto;
    display: block;
    width: 90%;
    padding: 5px 10px;
    text-align: center;
  }
  .meal_kit_thimg {
    max-height: 170px;
    overflow: hidden;
  }
  .meal_kit_thm {
    width: 100%;
    background-color: #fff;
    padding: 0px;
    box-shadow: 0 1px 3px #dadcdd;
    border: 1px solid #e6e6e6;
    margin: 10px auto;
    min-height: 310px;
  }
  .meal_kit_sdesc {
    font-size: 16px;
    padding: 15px 15px 5px 15px;
    text-align: center;
  }
  .cd-headline {
    font-size: 20px !important;
    font-weight: 310;
  }
  .meal_kit_thimg {
    max-height: 155px;
    overflow: hidden;
  }
  .mkth img {
    width: 100%;
    height: auto;
  }
  .mk_hdr_in h1 {
    font-size: 20px !important;
  }
  .mk_sub_desc {
    text-align: center;
    font-size: 10px;
    padding: 5px 0px;
  }
  .mk_hdr_in_text {
    padding-right: 4rem;
  }
  #gift-checkout #sendto {
    padding: 20px 40px 20px 0;
  }
  #gift-checkout #gift-cart {
    width: 42%;
  }
  .catalogue_header {
    font-size: 50px;
  }
  .catalogue_side_header {
    font-size: 22px;
    width: 360px;
    margin-bottom: 25px;
  }
  .catalogue_side_link {
    font-size: 17px;
    padding: 10px 30px;
    margin-left: -30px;
    width: 350px;
  }
  .flex-pthumb {
    width: calc(60vw * 0.3) !important;
    min-width: 175px;
    max-width: 300px;
    min-heigth: 320px;
  }
  #gift-checkout .form-tabs li {
    width: 50%;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
  }
  #the-gift-page .productthumb {
    min-height: 200px;
    height: auto;
  }
  .address_checkout .btn-address {
    font-size: 10.7px;
    width: 70%;
  }
  .address_checkout .dropdown {
    width: 80%;
  }
  .list_often .case-button {
    width: 60%;
    font-size: 12px !important;
  }
  /* css for raf lightbox*/
  .raf_pop_container .upper_text {
    font-size: 18px !important;
    padding: 5px !important;
  }
  .emails-inputs input[type="email"] {
    font-size: 16px !important;
  }
  .emails-inputs input[type="email"]::placeholder {
    font-size: 16px !important;
  }
  .send_btn_raf input {
    font-size: 11px !important;
  }
  #new-product .input_line {
    margin-left: 70%;
  }
  .mylist-thm .flex-pthumb {
    width: calc(50vw * 0.3);
    min-width: 230px;
    max-width: 300px;
  }
  .pre-order-black {
    font-size: 12px;
    line-height: 16px;
    padding: 10px 10px 50px 80px;
  }
  a.pre_order, a.notify-me {
    font-size: 10px;
  }
  a.checked-notify-me {
    min-width: 125px;
  }
  .list_item .pre_order, .list_item .on_order, .list_item .notify-me, .list_item .checked-notify-me {
    top: 85%;
  }
  .pre-order-msg-list {
    height: 57%;
  }
  a.minus_button {
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    font-family: 'nunito', 'Open Sans', Arial, Helvetica, Sans-serif;
    width: 30px;
    height: 30px;
    float: left;
    margin: 0px 2px 0px 10px;
    border-radius: 50%;
    line-height: 80%;
  }
  a.plus_button {
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    font-family: 'nunito', 'Open Sans', Arial, Helvetica, Sans-serif;
    width: 30px;
    height: 30px;
    float: right;
    margin: 0px 6px 0px 2px;
    border-radius: 50%;
    line-height: 90%;
  }
  a.in_the_cart {
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    font-family: 'nunito', 'Open Sans', Arial, Helvetica, Sans-serif;
    width: 50%;
    height: 30px;
    padding: 10px;
    margin: 0px auto;
    border-radius: 10px;
    line-height: 80%;
  }
  .pick-logos {
    font-size: 22px;
    text-align: center;
  }
}
/*  ipad and a bit bigger ****************************************************************/
@media (min-width: 768px) and (max-width: 840px) {
  .h3, h3 {
    font-size: 16px;
  }
  .blogpost {
    padding: 1px !important;
    width: 100%;
  }
  #page-top-features .container {
    width: 100%;
  }
  .frimg {
    width: 100%;
  }
  .footfeet, .footfeet-v2 {
    padding: 0px;
    margin: 0px;
    float: left;
    line-height: 240%;
    width: 22%;
  }
  #footer-content-B {
    width: 100%;
  }
  .city_logged {
    text-align: center;
    margin-left: 10px;
  }
  .customer .dropdown {
    width: 280px !important;
  }
  #thelogo .bootstrap-select {
    margin-left: 10px !important;
  }
  #middletopnav {
    margin-left: 5px;
    min-width: 430px;
    padding: 25px 0px 0px 0px;
  }
  .wpnavs {
    font-size: 18px;
    line-height: 22px;
    float: left;
    list-style-type: none;
  }
  .title-item, .title-freq, .title-unitprice, .title-quant, .title-total {
    font-size: 14px;
  }
  .title-total {
    margin: 0px 10px 0px 0px;
  }
  .prices-column {
    width: 12%;
    min-width: 50px;
    text-align: right;
    display: inline-block;
    float: left;
    height: 40px;
  }
  #productarea {
    background-color: #e5e5e5;
    position: relative;
    padding: 5px;
  }
  .col-sm-2 {
    width: 16%;
  }
  #col-main {
    width: 67%;
    margin: 0px auto;
  }
  .col-item .price h5 {
    margin: 0;
    font-size: 10px;
  }
  #the-cart, .side-checkout-r #the-cart {
    width: 33%;
    float: right;
    position: relative;
    background-color: #fff;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  }
  #the-cart .checkout-btn {
    display: block;
    width: 70%;
    line-height: 60px;
    background: #71bfc5 none repeat scroll 0% 0%;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    margin: 10px auto;
    border-radius: 8px;
  }
  .productthumb {
    margin: 10px 10px 10px 0px;
    min-height: 360px; /*	height: auto;*/
  }
  a.case-button {
    display: block;
    width: 60%;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 3px 6px;
    margin: 0px auto !important;
    text-align: center;
    background-color: #ACACAC;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
  }
  .col-item .btn-add {
    width: 100%;
    font-size: 11px;
  }
  #col-left {
    width: 130px;
  }
  .toprt {
    float: right;
    width: 77%;
  }
  .dropdown-menu {
    font-size: 11px;
  }
  .cate_thmb {
    width: 31.7%; /* from 23 */
    min-height: 340px;
  }
  #welcomemessages {
    font-size: 12px;
    white-space: nowrap;
    display: inline-block;
    height: 20px;
  }
  .customer .dropdown {
    width: 278px !important;
  }
  #signinspot .normal {
    font-size: 12px;
    margin-right: 5px;
  }
  #signinspot .pull-right {
    margin-left: 5px;
  }
  #middletopnav {
    margin-left: 5px;
    min-width: 250px !important;
  }
  #signinspot {
    font-size: 14px;
  }
  #thelogo {
    display: block;
    float: left;
    text-align: left;
    margin: 10px 0px 0px 10px;
    width: 21%;
    max-width: 200px;
    position: relative;
  }
  #thelogo .bootstrap-select {
    margin-left: 10px;
  }
  #cd-cart-trigger {
    width: 100px;
    height: 57px;
    display: block;
    background-image: url("../gifs-f/redbasket.png");
    position: relative;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: 100% 100%;
  }
  #headerz {
    max-width: 980px;
    width: 100%;
    background-color: #fff;
    padding: 10px 0px 0px 0px;
    vertical-align: bottom;
    height: 110px;
    margin: 0px auto 0px auto;
  }
  #dateselectorz {
    width: 120px !important;
  }
  #dateselectorz .btn {
    font-size: 12px !important;
  }
  #theproducts {
    width: 100%;
    margin: 2% auto;
    padding: 0px 0px 50px 0px;
  }
  #banners {
    width: 96%;
    max-width: 1280px;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
  }
  .productthumb {
    width: 47% !important;
  }
  .productthumnail {
    max-width: 100%;
    /* max-height: 100%; */
    width: 100%;
  }
  #freqc-large {
    font-size: 12px;
  }
  #freqc-large select#howoftenb {
    margin-right: 20%;
  }
  .wpnavs a {
    padding: 2px 8px;
    font-size: 13px;
    color: #000 !important;
    font-weight: 500;
  }
  .imagewrap {
    min-height: 90px;
  }
  .navbar .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 5px;
  }
  .navbar-farmboxnav .navbar-link, .navbar-farmboxnav .navbar-brand, .navbar-farmboxnav .navbar-text, .navbar-farmboxnav .navbar-nav > li > a {
    color: #EEE;
    font-size: 10px !important;
  }
  .navbar-nav > li.fhmm-fw > a {
    padding: 5px 3px !important;
  }
  #breadcrumbs {
    font-size: 11px;
    color: #949494;
    padding: 10px 0px 0px 10px;
  }
  #thecartbox {
    float: right;
    min-width: 250px;
    /*	max-width: 150px;*/
    border-radius: 4px;
    font-size: 12px;
    color: #222;
    padding: 0px 5px 0px 0px;
    text-align: left;
    position: relative;
  }
  .signout {
    font-size: 11px;
    padding: 11px 0px 0px;
  }
  .basketamt {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    position: absolute;
    bottom: 18px;
    width: 100%;
    text-align: center;
  }
  .prodnamet {
    font-size: 14px;
  }
  #weeklyspecs .col-md-3, #weeklyspecs .col-sm-3 {
    padding: 0px 5px;
  }
  .addtocartlink {
    font-size: 12px;
  }
  .proddetailscolumn {
    width: 40%;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    float: left;
  }
  .prodsdetails {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 5px 0px 5px;
    width: calc(100% - 80px - 40px);
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .total-price {
    font-size: 16px;
    padding: 5px;
  }
  .freq-col {
    display: inline-block;
    width: 15%;
    min-width: 100px;
    float: left;
    height: 40px;
  }
  #page-top-features {
    width: 100%;
    padding: 5px;
    margin: 10px 0px;
  }
  .prodname {
    font-size: 13px;
    font-weight: bold;
    /*	white-space: nowrap;*/
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .col-sm-10.promo-top {
    width: 80%;
  }
  .list_often {
    padding: 10px 0px 0px 5px;
    text-align: center;
    width: 25%;
  }
  select#howoftenb {
    font-size: 12px !important;
    border: 1px solid #CCC;
    padding: 3px;
    float: none;
    cursor: pointer;
    width: 100px;
  }
  .sm_amthold {
    float: left;
    display: block;
    padding: 0px;
    width: 50%;
  }
  .quantity-selector {
    float: left;
    display: block;
    width: 100%;
  }
  .orderline .quantity-selector {
    float: left;
    display: block;
    width: auto;
  }
  .list_prod-image img {
    width: auto;
    height: 100%;
    position: absolute;
    left: -50%;
  }
  .list_prod-image {
    display: inline-block;
    vertical-align: middle;
    transition: opacity 0.2s linear 0s;
    opacity: 1;
    overflow: hidden;
    z-index: 1;
    height: 150px;
    min-height: 80px;
    padding: 0px;
  }
  .imagewrap {
    position: relative;
    width: 100%;
    height: 200px;
    text-align: center;
    overflow: hidden;
    border-bottom: 1px solid #CCC;
    background-color: #FFF;
  }
  .title-item {
    width: 37%;
    float: left;
    display: block;
    font-size: 18px;
  }
  .salepricet {
    font-size: 12px;
    color: #111;
    color: #EC4F4F;
    font-weight: bold;
    text-align: center;
  }
  a.list_in_cart {
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translate(0, -50%);
    display: inline-block;
    text-align: center;
    background-color: #3b5763;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    width: 35px;
    height: 35px;
    float: right;
    border-radius: 50%;
    line-height: 35px;
  }
  a.list_in_cart .fa {
    top: 50%;
  }
  a.list_plus_cart {
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translate(0, -50%);
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    width: 35px;
    height: 35px;
    float: right;
    border-radius: 50%;
    line-height: 35px;
  }
  .col-item .info {
    padding: 5px 10px;
    margin-top: 1px;
    background-color: #eee;
  }
  .imagewrap-sm {
    position: relative;
    width: 100%;
    min-height: 62px;
    max-height: 63px;
    text-align: center;
    overflow: hidden;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    background-color: #fff;
  }
  .prodtitlez {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 110%;
    margin: 5px auto !important;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .quant-column {
    width: 30%;
    display: inline-block;
    text-align: center;
    float: left;
  }
  .arrows {
    width: 48px;
    position: absolute;
    height: 100%;
    right: -40px;
    top: 30px;
  }
  #mealkits .productthumb {
    width: 24%;
    min-height: 390px;
    margin: 10px 5px 10px 0px;
  }
  .calbox {
    border: solid 2px #dddddd;
    padding: 5px;
    margin: 2px;
    height: 130px;
    width: 100%;
    background-color: #f2f2f2;
    text-align: center;
    max-width: 130px;
    min-width: 90px;
  }
  .activedate {
    border: solid 2px #dde2cb;
    padding: 5px;
    margin: 2px;
    height: 130px;
    width: 100%;
    max-width: 130px;
    min-width: 90px;
    background-color: #FAFFB6;
    text-align: center;
  }
  .blogpost img {
    width: 100% !important;
    height: auto !important;
  }
  #col-home table tr td img {
    width: 100% !important;
    max-width: 175px;
    height: auto !important;
  }
  #col-home table tr td h3 {
    font-size: 16px;
  }
  #calendarblock table {
    width: 100%;
    max-width: 900px;
  }
  #col-home table {
    width: 100%;
    max-width: 980px;
    margin: 0px auto;
  }
  .blogpost {
    font-size: 13px;
    text-align: left;
    padding: 0px 10px 10px 0px;
  }
  .mealnames {
    font-size: 18px;
  }
  #fhb-contents .kit-desc {
    font-size: 12px;
  }
  #fhb-contents .kit-desc {
    font-size: 12px;
  }
  #customer-dash {
    width: 98%;
    max-width: 1240px;
    margin: 0px auto;
    position: relative;
  }
  .right-ops {
    width: 68%;
    float: left;
    position: relative;
    padding: 0px 5px;
  }
  .left-ops {
    width: 25%;
    float: left;
    position: relative;
    padding: 0px 5px;
    font-size: 11px;
  }
  .right-ops .nav > li > a {
    position: relative;
    display: block;
    padding: 5px 5px;
    font-size: 9px;
  }
  #fhb-contents .kit-desc {
    font-size: 12px;
  }
  div.left-ops a.small-button2 {
    font-size: 10px !important;
  }
  .kitdetails-chk .sub-proddetailscolumn {
    width: 48%;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    float: left;
  }
  #cartdetails .quantity-selector, #cartdetails .list_item .sold_out {
    position: absolute;
    right: 15%;
    top: 25px;
    min-width: 70px;
  }
  .title-unitprice {
    width: 10%;
  }
  .fhboxsize {
    width: 22%;
  }
  .font-18 {
    font-size: 14px;
  }
  .font-16 {
    font-size: 14px;
  }
  #about_us_info {
    width: 90%;
    margin: 0px auto;
  }
  .col-sm-2.font-16 img {
    width: 100%;
    height: auto;
  }
  .so_status {
    min-width: 80px;
  }
  .mainhead {
    font-size: 42px;
    color: #fff;
    letter-spacing: -2px;
    text-align: center;
    margin: 20px auto;
  }
  .strkit-header .overphoto-l {
    font-size: 24px;
    margin: 10px auto 30px auto;
  }
  .strkit-header {
    background-size: 100% auto;
  }
  .strkit-header .blue-btn, a.blue-btn {
    width: 80%;
  }
  .strkit-header .col-sm-4 img {
    width: 30% !important;
  }
  .colinfoz {
    font-size: 13px;
    margin: 10px;
    text-align: center;
  }
  .colinfoz-header {
    font-size: 16px;
    text-align: center;
  }
  .navbar-nav > li.fhmm-fw > a {
    padding: 5px 4px !important;
  }
  a.checkoubutton-cart-xl {
    font-size: 14px;
  }
  #gift-back .largetext {
    font-size: 16px;
  }
  .giftgive {
    font-size: 70px;
  }
  #gift-back {
    height: 200px;
  }
  select#SelectDateID2 {
    font-size: 12px;
  }
  .cert-pic {
    max-width: 160px;
  }
  .cert-pic img {
    width: 100%;
    height: auto;
  }
  .bigheadline {
    font-size: 36px;
  }
  .b900width {
    width: 100%;
    max-width: 700px;
    margin: 0px auto;
  }
  #deliveryform {
    width: 30%;
  }
  #delivery-msg {
    width: 68%;
    text-align: left;
    display: inline;
    float: left;
    font-size: 16px;
    padding: 10px 0px 0px 10px;
  }
  #spend-earn {
    position: relative;
    width: 768px !important;
    height: 151px !important;
    background-size: 768px 151px !important;
  }
  #spend-earn .opt-1-a {
    top: 35px;
    left: 460px;
  }
  #spend-earn .opt-1-b {
    top: 75px;
    left: 460px;
  }
  #spend-earn .opt-2-a {
    top: 35px;
    left: 550px;
  }
  #spend-earn .opt-2-b {
    top: 75px;
    left: 550px;
  }
  #spend-earn .opt-3-a {
    top: 35px;
    left: 640px;
  }
  #spend-earn .opt-3-b {
    top: 75px;
    left: 640px;
  }
  div.bubble {
    position: relative;
    width: 100%;
    max-width: 350px;
    height: 230px;
    text-align: left;
    line-height: 160%;
    margin: 20px auto;
    background-color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 5px 5px 0px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 5px 5px 0px 0px rgba(204, 204, 204, 1);
    box-shadow: 5px 5px 0px 0px rgba(204, 204, 204, 1);
    font-size: 14px;
    font-family: arial, helvetica, geneva;
    padding: 20px;
    color: #434244;
  }
  .test_title {
    font-size: 14px;
  }
  div.speech:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 60px;
    top: 228px;
    border: 10px solid;
    border-color: #ccc transparent transparent #ccc;
  }
  div.speech:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 55px;
    top: 228px;
    border: 10px solid;
    border-color: #fff transparent transparent #fff;
  }
  #logo_left {
    width: 100%;
    max-width: 195px;
    float: left;
    padding: 5px;
  }
  #nav_right {
    width: 100%;
    max-width: 570px;
    float: right;
    position: relative;
    padding: 0px;
  }
  #logo_left #thelogo {
    display: block;
    float: left;
    text-align: left;
    margin: 5px 0px 0px 5px;
    width: 100%;
    max-width: 200px;
    position: relative;
  }
  .sig_out {
    width: 40px;
    float: right;
    font-size: 12px;
  }
  .nostobox a.minus_button {
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    width: 25px;
    height: 25px;
    float: left;
    margin: 0px 2px 0px 10px;
    border-radius: 50%;
    line-height: 100%;
  }
  .nostobox a.plus_button {
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    width: 25px;
    height: 25px;
    float: right;
    margin: 0px 10px 0px 2px;
    border-radius: 50%;
    line-height: 100%;
  }
  .nostobox a.in_the_cart {
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    width: 35%;
    height: 25px;
    padding: 6px;
    margin: 0px auto;
    border-radius: 10px;
    line-height: 100%;
  }
  .nostobox a.plus_cart {
    position: relative;
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    width: 30px;
    height: 30px;
    float: right;
    margin: -10px 10px 0px 2px;
    border-radius: 50%;
    line-height: 170%;
  }
  .nosto-prods .imagewrap-sm {
    position: relative;
    width: 100%;
    max-height: 80px;
    text-align: center;
    overflow: hidden;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    background-color: #fff;
  }
  .nostobox .farmerdets {
    font-size: 9px;
    color: #999;
    margin: 0px 0px 0px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
  }
  .nostobox .prodnamet {
    overflow: hidden;
    font-family: 'nunito', 'Open Sans', "Franklin Gothic Bold", "Arial Black", sans-serif;
    font-size: 10px; /*Han 10-11-2017*/
    color: #333;
    line-height: 110%;
    text-overflow: ellipsis;
    font-weight: 700;
    height: 45px; /*EvR 10-11-2017 */ /*Han 10-11-2017*/
    margin: 0px 0px 5px 0px; /*EvR 10-11-2017 */
  }
  .nosto-prods .thepricet {
    font-size: 12px; /*Han 10-11-2017*/
    color: #111;
    color: #000;
    font-weight: 700;
    font-family: 'nunito', 'Open Sans-bold', Arial, Helvetica, Sans-serif;
    text-align: center;
    line-height: 100%;
  }
  .nostobox .produnit {
    color: #555;
    font-size: 11px;
    font-weight: 300;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    line-height: 120%;
  }
  .varprice_sm { /*Han 10-11-2017*/
    font-size: 11px;
  }
  .list_prod-det .farmerdets a { /*Han 10-11-2017*/
    font-size: 11px;
  }
  .farmerdets {
    line-height: 1.1;
  }
  .col-xs-5ths {
    width: 20%;
    float: left;
  }
  .nostobox .remainder {
    position: absolute;
    left: 10px;
    top: -70px;
    text-align: center;
    padding: 0px 10px;
    margin: 30px auto 4px 45%;
    font-size: 12px;
    background-color: rgba(66, 66, 66, 0.8);
    color: #fff;
    display: inline-block;
    -webkit-border-radius: 8px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 8px;
    -moz-border-radius-bottomright: 0;
    border-radius: 8px;
    border-bottom-right-radius: 0;
    line-height: 27px;
    width: 75px;
  }
  .nostobox .col-item {
    height: 250px;
  }
  .nostobox .add-to-cart {
    position: absolute;
    bottom: -5px;
    left: 0px;
    width: 100%;
    height: 40px;
    z-index: 999;
    vertical-align: baseline;
  }
  .nostobox .col-item {
    background: #eee;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    transition: background-color 200ms ease-in-out 0s;
    z-index: 1;
    min-height: 170px;
    border-bottom: solid 1px #ccc;
  }
  .nostobox #specpromo {
    font-size: 10px;
    color: #888;
  }
  .carousel-inner .imagewrap-sm {
    position: relative;
    width: 100%;
    min-height: 70px;
    max-height: 80px;
    text-align: center;
    overflow: hidden;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    background-color: #fff;
  }
  .carousel-inner .col-item {
    background: #eee;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    transition: background-color 200ms ease-in-out 0s;
    z-index: 1;
    height: 220px;
    border-bottom: solid 1px #ccc;
  }
  #page-top-features .imagewrap-sm {
    height: 75px;
  }
  #page-top-features .col-item {
    height: 230px;
  }
  .promocodeins {
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 0px;
    margin-bottom: 0px;
    color: #555;
  }
  .subtotal-tot {
    width: auto;
    float: right;
    display: block;
    text-align: right;
    padding: 0px 15px 0px 0px;
    font-size: 18px;
    font-weight: 700;
  }
  select[multiple], select[size] {
    font-size: 13px;
  }
  .ffb-desc {
    font-size: 18px;
    text-align: center;
  }
  .free-deliv img, .box-bio img {
    text-align: center;
    width: 100px;
    height: auto;
  }
  #letsnotwaste {
    width: 40% !important;
  }
  .s-out {
    font-size: 10px;
    white-space: nowrap;
  }
  .dropbtn {
    font-size: 12px;
  }
  #select_location select {
    margin: 2px auto 2px 5px;
  }
  #site-header-inner.container {
    padding: 5px;
  }
  #how_wrks {
    font-size: 12px;
    width: 250px;
  }
  #main_head-inner .row {
    margin-right: 0px;
  }
  #store-in-store {
    background-color: #e9e9e9;
    height: 38px;
    padding: 7px 0px 0px 0px;
  }
  #top-store-tabs .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    min-width: 100px;
    width: 100px;
    text-align: center;
    /*	padding: 5px 5px;*/
    height: 35px; /*	overflow: hidden;*/
  }
  #top-store-tabs .nav > li > a {
    position: relative;
    display: block;
    padding: 5px 5px;
    height: 35px;
    overflow: hidden;
  }
  #top-store-tabs .nav > li > a > img {
    width: auto;
    max-width: 100% !important;
    height: auto;
  }
  .locatrz {
    background-color: #fff;
    font-size: 12px !important;
  }
  .spud_logo.logged_in {
    margin: 25px 0px 0px 0px;
  }
  .shopping_date {
    height: 15px;
    font-size: 11px;
    display: block;
    text-align: center;
    padding: 0px 0px 0px 10px;
  }
  .locats {
    margin: 0px 0px 0px 27px;
  }
  .kitingred {
    width: 100%;
    float: left;
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 60px;
    padding-bottom: 0px;
  }
  .mylists #the-cart, .mylists .side-checkout-r #the-cart {
    width: 32% !important;
  }
  .mylists #col-left {
    width: auto;
  }
  .mylists .sm_cart_price {
    float: right;
    width: 40px;
  }
  .mylist-thm .imagewrap {
    height: 118px;
  }
  .mylists .productthumb {
    margin: 10px 10px 10px 0px;
    min-height: 340px;
  }
  #bottom_green_block img {
    height: auto;
  }
  #bottom_green_block .copy-ftr-link img {
    max-height: 28px;
  }
  .ven_box {
    width: 23%;
  }
  .mylists #GroupName h2 {
    font-size: 18px;
  }
  .mylact {
    float: right;
    width: 250px;
    margin: 0px 10px 0px 0px;
    padding: 10px 0px;
    text-align: right;
  }
  input[name="oldlist"] {
    width: 120px;
  }
  .mk_myth {
    width: 30%;
    background-color: #fff;
    padding: 0px;
    box-shadow: 0 1px 3px #dadcdd;
    border: 1px solid #e6e6e6;
    margin: 5px;
    min-height: 250px;
    float: left;
  }
  .mk_myth a:link.btn-add {
    margin: 5px auto;
    display: block;
    width: 90%;
    padding: 5px 10px;
    text-align: center;
  }
  .meal_kit_thimg {
    max-height: 170px;
    overflow: hidden;
  }
  .meal_kit_thm {
    width: 100%;
    background-color: #fff;
    padding: 0px;
    box-shadow: 0 1px 3px #dadcdd;
    border: 1px solid #e6e6e6;
    margin: 10px auto;
    min-height: 310px;
  }
  .meal_kit_sdesc {
    font-size: 16px;
    padding: 15px 15px 5px 15px;
    text-align: center;
  }
  .cd-headline {
    font-size: 20px !important;
    font-weight: 310;
  }
  .meal_kit_thimg {
    max-height: 155px;
    overflow: hidden;
  }
  .mkth img {
    width: 100%;
    height: auto;
  }
  .mk_hdr_in h1 {
    font-size: 20px !important;
  }
  .mk_sub_desc {
    text-align: center;
    font-size: 10px;
    padding: 5px 0px;
  }
  .mk_hdr_in_text {
    padding-right: 4rem;
  }
  #col-main-notlogged .mylact {
    float: right;
    width: 300px;
    margin: 0px 5% 0px 0px;
    padding: 10px 0px;
    text-align: right;
  }
  /*gift basket CSS done by Hanin*/
  #gift-checkout #sendto {
    padding: 20px 40px 20px 0;
  }
  #gift-checkout #gift-cart {
    width: 42%;
  }
  .catalogue_side_link {
    font-size: 16px;
    padding: 10px 10px;
    width: 300px;
    margin-left: -10px;
  }
  .catalogue_header {
    font-size: 50px;
  }
  .catalogue_side_header {
    font-size: 21px;
    width: 280px;
    margin-bottom: 16px;
  }
  #gift-back {
    height: auto;
  }
  .flex-pthumb {
    width: calc(60vw * 0.5) !important;
    min-width: 230px;
    max-width: 300px;
  }
  .inline-note {
    padding: 10px;
    font-size: 15px;
    text-align: center;
    margin: 0px auto;
    background-color: #fed065;
  }
  .rednote {
    line-height: 120%;
    display: block;
    font-weight: 600;
    padding: 0px 5px 10px 5px;
  }
  .rednote-c {
    color: #b33837;
  }
  .bmsm {
    display: block;
    color: #fff !important;
    padding: 3px;
    text-align: center;
    font-size: 11px;
    background-color: #79c696;
    margin: 0px auto 5px auto;
  }
  .bmsm-det {
    font-size: 11px;
    text-align: center;
  }
  #gift-checkout .form-tabs li {
    width: 50%;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    height: 120px;
  }
  #gift-checkout .formlabel {
    font-size: 12px;
  }
  .address_checkout .btn-address {
    font-size: 10.7px;
  }
  .address_checkout .dropdown {
    width: 80%;
  }
  .list_often .case-button {
    width: 60%;
    font-size: 12px !important;
    white-space: nowrap;
  }
  .icon_list img {
    width: 20px;
    height: auto;
  }
  .icon_list .tax-icon {
    width: 20px;
    height: 20px;
    padding: 2px 4px;
  }
  .subcat_wide .list_prod-det {
    padding: 10px 0px 0px 10px;
    line-height: 1.2;
  }
  .produnit {
    font-size: 10px;
  }
  /* css for raf lightbox*/
  .raf_pop_container .upper_text {
    font-size: 14px !important;
    padding: 5px !important;
  }
  .emails-inputs input[type="email"] {
    font-size: 12px !important;
  }
  .emails-inputs input[type="email"]::placeholder {
    font-size: 12px !important;
  }
  .send_btn_raf input {
    font-size: 8px !important;
  }
  #new-product .input_line {
    margin-left: 80%;
  }
  .list_prod-det .prodnamet a {
    font-size: 13px;
  }
  a.so-button {
    width: 120px !important;
    font-size: 10px;
  }
  .list_the_price .thepricet {
    font-size: 12px;
  }
  .bsm-det {
    color: #ef4c4a;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    padding: 5px;
  }
  input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="file"], select, textarea, input[type="datefield"] {
    padding: 4px;
  }
  .list_the_price {
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translate(0, -50%);
    width: 80%;
  }
  .mylist-thm .flex-pthumb {
    width: calc(50vw * 0.3) !important;
    min-width: 200px;
    max-width: 300px;
  }
  .list_item .pre_order, .list_item .on_order, .list_item .notify-me, .list_item .checked-notify-me {
    top: 85%;
    line-height: 13px;
  }
  .pre-order-msg-list {
    height: 57%;
    font-size: 10px;
    line-height: 14px;
  }
  .pick-logos {
    font-size: 22px;
    text-align: center;
  }
}
/*  iphone ************* This media is FULL do not add more lines to it ******************************************/
@media (min-width: 10px) and (max-width: 840px) {
  #site-header { /*  hides top desktop header *****/
    padding: 0 !important;
    position: relative;
    height: 0px;
    overflow: hidden;
  }
  #mobile_only_header {
    height: auto;
    overflow: visible;
  }
  #page-top-features .container {
    width: 100%;
  }
  .customer .dropdown {
    width: 280px !important;
  }
  #thelogo .bootstrap-select {
    margin-left: 40px !important;
  }
  #thelogo {
    display: block;
    float: none !important;
    text-align: center;
    margin: 10px 0px 0px 0px;
    width: 100%;
    height: 70px;
  }
  #thelogo img {
    width: 100%;
    max-width: 200px;
    height: auto;
  }
  ul.wpnavbr {
    padding-left: 0px;
    margin: 0px;
    float: right;
    font-size: 13px;
  }
  .wpnavs {
    font-size: 13px;
    line-height: 100%;
    float: left;
    list-style-type: none;
  }
  #headerz {
    max-width: 767px;
    width: 100%;
    background-color: #fff;
    padding: 10px 0px 0px 0px;
    vertical-align: bottom;
    height: auto;
    margin: 0px auto 0px auto;
    display: block;
  }
  #middletopnav {
    margin-left: 5px;
    min-width: 230px;
    width: 100%;
    padding: 25px 0px 0px 0px;
  }
  #theproducts {
    max-width: 950px;
    /*	min-width: 750px;*/
    width: 96%;
    margin: 2% auto;
    padding: 0px 0px 50px 0px;
  }
  #banners {
    width: 96%;
    max-width: 1280px;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
  }
  .wpnavs a {
    padding: 2px 5px;
    font-size: 11px;
    font-weight: 500;
    color: #000000 !important;
  }
  #lnks {
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    text-align: right;
  }
  #thecartbox {
    margin-left: 0px;
  }
  .basketamt {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    padding-top: 0px;
    padding-right: 15px;
    padding-left: 0px;
    padding-bottom: 5px;
    position: absolute;
    bottom: 16px;
    width: 100%;
  }
  .prodnamet {
    font-size: 18px;
    display: inline;
  }
  .nos_m_name {
    font-size: 16px;
  }
  .proddetailscolumn {
    width: 40%;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    float: left;
  }
  .prodsdetails {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 5px 0px 5px;
    width: calc(100% - 80px - 40px);
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .imagewrap {
    position: relative;
    width: 100%;
    height: auto;
    max-height: 225px;
    text-align: center;
    overflow: hidden;
    border-bottom: solid 1px #ccc;
    background-color: #fff;
  }
  .total-price {
    font-size: 16px;
    padding: 5px;
  }
  .freq-col {
    display: inline-block;
    width: 12%;
    min-width: 100px;
    float: left;
    height: 40px;
  }
  .prodname {
    font-size: 13px;
    font-weight: bold;
    /*	white-space: nowrap;*/
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .productthumb {
    width: 100% !important;
    height: auto;
    float: none !important;
    margin: 10px auto 10px auto;
    background: #EEE none repeat scroll 0% 0%;
    text-align: left;
    position: relative;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    transition: background-color 200ms ease-in-out 0s;
    z-index: 1;
  }
  .productthumnail {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover
  }
  #scrolling .productthumnail {
    height: 88px;
  }
  #scrolling .m_box .m_prodnamet {
    height: 65px;
  }
  #scrolling .m_box {
    min-height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  #scrolling .m_img {
    margin: 0px auto;
  }
  #the-gift-page .productthumb {
    height: 320px;
  }
  #sendto {
    /*	width: 109%  !important;*/
    /*	float: left;*/
    padding: 20px;
    /*	margin: 0px 10px 10px 0px;*/
    background-color: #EEE;
  }
  #the-gift-page {
    max-width: inherit;
    margin: 0px auto;
    padding: 10px 20px;
  }
  .quantity-selector {
    float: left;
    display: block;
    width: 80%;
  }
  .prices-column {
    width: 12%;
    min-width: 50px;
    text-align: right;
    display: inline-block;
    float: left;
    height: 40px;
  }
  #mealkits .productthumb {
    width: 24%;
    min-height: 390px;
    margin: 10px 10px 10px 0px;
  }
  .blogpost {
    font-size: 13px;
    text-align: left;
    padding: 0px 10px 10px 0px;
  }
  .right-ops {
    width: 100%;
    position: relative;
    padding: 0px 5px;
  }
  .left-ops {
    width: 100%;
    position: relative;
    padding: 0px 5px;
    font-size: 11px;
  }
  .right-ops .nav > li > a {
    position: relative;
    display: block;
    padding: 5px 5px;
    font-size: 9px;
  }
  #fhb-contents .kit-desc {
    font-size: 12px;
  }
  div.left-ops a.small-button2 {
    font-size: 10px !important;
  }
  .fhboxsize {
    background-color: #ccc;
    text-align: center;
    padding: 10px;
    margin: 2px;
    font-size: 18px;
    cursor: pointer;
    width: 48% !important;
  }
  .font-18 {
    font-size: 14px;
  }
  .font-16 {
    font-size: 14px;
  }
  #about_us_info {
    width: 90%;
    margin: 0px auto;
  }
  .col-sm-2.font-16 img {
    width: 100%;
    height: auto;
  }
  .so_status {
    min-width: 80px;
  }
  .so_pause {
    margin: 0px;
  }
  #custo-content {
    width: 95%;
    margin: 15px 0px 15px 3px;
  }
  #customer-menu {
    width: 7%;
    font-size: 10px;
  }
  .toprt {
    width: 60%;
  }
  .mainhead {
    font-size: 24px;
    color: #fff;
    letter-spacing: -2px;
    text-align: center;
    margin: 20px auto;
  }
  .strkit-header .overphoto-l {
    font-size: 16px;
    margin: 10px auto 30px auto;
  }
  .overphoto-l {
    font-size: 18px !important;
  }
  .strkit-header {
    background-size: 100% auto;
  }
  .strkit-header .blue-btn, a.blue-btn {
    width: 80%;
  }
  .strkit-header .col-sm-4 img {
    width: 50% !important;
  }
  .colinfoz {
    font-size: 13px;
    margin: 10px;
    text-align: center;
  }
  .colinfoz-header {
    font-size: 16px;
    text-align: center;
  }
  .strkit-header .col-sm-4 img {
    width: 30% !important;
  }
  a.checkoubutton-cart-xl {
    font-size: 14px;
  }
  #gift-back .largetext {
    font-size: 16px;
  }
  .giftgive {
    font-size: 60px;
    margin: 0px auto;
  }
  #gift-back {
    height: 200px;
  }
  #letsnotwaste {
    width: 10% !important;
  }
  .bigheadline {
    font-size: 24px;
  }
  .b900width {
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
  }
  #deliveryform {
    width: 100%;
    float: none !important;
    text-align: center;
    padding: 10px;
    margin: 10px auto;
    display: block;
  }
  #delivery-msg {
    width: 100%;
    text-align: center;
    display: block;
    float: none !important;
    font-size: 16px;
    padding: 10px 0px 0px 10px;
  }
  #deliverymap {
    width: 100%;
    max-width: 650px;
  }
  #spend-earn {
    position: relative;
    width: 768px !important;
    height: 151px !important;
    background-size: 768px 151px !important;
  }
  #spend-earn .opt-1-a {
    top: 35px;
    left: 460px;
  }
  #spend-earn .opt-1-b {
    top: 75px;
    left: 460px;
  }
  #spend-earn .opt-2-a {
    top: 35px;
    left: 550px;
  }
  #spend-earn .opt-2-b {
    top: 75px;
    left: 550px;
  }
  #spend-earn .opt-3-a {
    top: 35px;
    left: 640px;
  }
  #spend-earn .opt-3-b {
    top: 75px;
    left: 640px;
  }
  .loginnote {
    margin: 0px 0px 10px 0px;
    font-size: 14px;
    display: inline;
  }
  h1.h1-mob {
    font-size: 22px;
  }
  .form-controlb {
    width: 100%;
  }
  #SignUpList {
    padding: 30px 8px 5px 8px;
  }
  #SignUpList input.small-button2 {
    width: 100%;
  }
  #geo {
    float: none;
    margin-top: 30px;
    width: 50%;
  }
  .tenoffp {
    line-height: 100%;
    font-size: 40px;
    color: #fff;
    letter-spacing: -1px;
    font-weight: 900;
  }
  .free-sun {
    width: 100px;
    position: absolute;
    z-index: 999;
    left: 0px;
    top: -30px;
  }
  .free-sun img {
    width: 100%;
    max-width: 100px;
  }
  .postalboxspot {
    font-size: 16px;
    margin: 10px 30px 0px 30px;
    color: #fff;
  }
  .tab-pane .small-button2 {
    width: 50%;
    margin: 0px auto;
    display: block;
    text-align: center;
  }
  #weeklyspecials-carousel .col-sm-2 {
    width: 100%;
  }
  .weeklyspecials_row {
    width: 100%;
    max-width: 420px;
    padding: 0px 0px 0px 0px;
    margin: 5px auto;
  }
  #weeklyspecials-carousel .col-sm-2 {
    width: 100%;
    margin: 10px auto;
    max-width: 310px;
  }
  #weeklyspecials-carousel {
    max-width: 1280px;
    margin: 0px auto;
    width: 90%;
  }
  #weeklyspecials-carousel .carousel-inner {
    position: relative;
    width: 92%;
    overflow: hidden;
    max-height: 320px;
  }
  .imagewrap-sm {
    position: relative;
    width: 100%;
    min-height: 122px;
    max-height: 180px;
    text-align: center;
    overflow: hidden;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    background-color: #fff; /* max-width: 300px; */
  }
  .weeklyspecials_row .carousel-control.right {
    right: 40px;
    left: auto;
    background-image: none;
    background-repeat: none;
    width: 30px;
  }
  #s_contact_info {
    padding: 5px 5px 5px 5px;
  }
  #s_tabs {
    padding: 5px 10px 20px 10px;
    margin: 0px auto;
  }
  #SignUpList .tab-content {
    padding: 20px 5px 40px 5px;
  }
  #SignUpList h3 {
    padding: 5px 10px;
  }
  .nte {
    padding: 0px 10px;
  }
  #s_agree {
    padding: 10px 10px;
    font-size: 12px;
    color: #777;
  }
  .addr {
    font-size: 14px;
  }
  .bigwhite {
    font-size: 8vw;
    color: #ffffff !important;
    letter-spacing: -2px;
    text-align: center;
    margin: 10% auto 10% auto;
  }
  #FFB_page .pagetitlez {
    font-size: 60px;
    color: #fff;
    letter-spacing: -2px;
    text-align: center;
    margin: 30px auto;
  }
  .free-deliv img {
    width: 100px;
    height: auto;
    margin: 0px auto 10px 0px;
  }
  .ffb-desc {
    font-size: 14px !important;
  }
  #FFB_page .blue-btn {
    width: 90%;
    background-color: #5e823a;
  }
  .col-xs-5ths {
    width: 100%;
    margin: 20px auto;
    float: none;
  }
  .col-item.nosto-m {
    background-color: #eee;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    transition: background-color 200ms ease-in-out 0s;
    z-index: 1;
    min-height: 100px;
    border-bottom: solid 1px #ccc;
    height: 160px;
    margin: 10px 0px;
  }
  .nosto-m .prodtitlez {
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    line-height: 110%;
    margin: 5px auto !important;
    font-family: 'nunito', 'Open Sans-bold', Arial, Helvetica, Sans-serif;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .nosto-m .add-to-cart {
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    height: 40px;
    z-index: 999;
    vertical-align: baseline;
  }
  .nosto-m a.in_the_cart {
    display: inline-block;
    text-align: center;
    background-color: rgba(113, 191, 197, 0.85);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    font-family: 'nunito', 'Open Sans-bold', Arial, Helvetica, Sans-serif;
    width: 30%;
    height: 60px;
    padding: 10px;
    margin: -10px auto;
    border-radius: 10px;
    line-height: 100%;
  }
  .nosto-m .list_prod-image {
    text-align: center;
  }
  .nosto-m .list_prod-image img, .carousel-inner .item img {
    width: auto;
    height: 100%;
  }
  .nosto-m .imagewrap {
    height: 160px;
  }
  .nosto-m .list_prod-image {
    display: inline-block;
    vertical-align: middle;
    transition: opacity 0.2s linear 0s;
    opacity: 1.0;
    overflow: hidden;
    z-index: 0;
    height: 160px;
    min-height: 80px;
    padding: 0px;
  }
  .nostobox .carousel-indicators {
    position: absolute;
    bottom: -30px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
  }
  .nostobox .carousel-inner .item img {
    width: auto !important;
    height: 100% !important;
    position: absolute;
    left: -20px;
  }
  .nostobox .carousel-control {
    position: absolute;
    z-index: 999;
  }
  .nostobox .carousel-control .fa {
    margin: 180px auto 0px auto;
  }
  .nostobox .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #777;
  }
  .nostobox .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #aaa;
    border-radius: 10px;
  }
  .nosto-prods .imagewrap-sm {
    position: relative;
    width: 100%;
    max-height: 120px;
    text-align: center;
    overflow: hidden;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    background-color: #fff;
  }
  .incart {
    font-size: 12px;
    display: inline-block;
  }
  .nosto-m-desc {
    padding: 10px;
  }
  .nosto-prods .thepricet {
    font-size: 14px;
    color: #111;
    color: #000;
    font-weight: 700;
    font-family: 'nunito', 'Open Sans-bold', Arial, Helvetica, Sans-serif;
    text-align: center;
    line-height: 100%;
  }
  .s-out {
    font-size: 10px;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    padding: 0px;
  }
  .dropbtn {
    font-size: 12px;
  }
  #select_location select {
    margin: 2px auto 2px 5px;
  }
  body.wpex-mobile-toggle-menu-icon_buttons #site-header-inner.container {
    padding: 5px;
  }
  #how_wrks {
    font-size: 12px;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
  }
  .cart_amntz {
    width: 100%;
  }
  #search {
    position: relative;
    font-size: 18px;
    margin: 0px auto 0px auto;
  }
  .cust-dater {
    width: 40%;
    padding: 0px;
  }
  .customer_name {
    width: 60%;
    text-align: center;
    padding: 0px;
  }
  .customer_name .dropbtn, .cust-dater .dropbtn {
    padding: 5px 5px;
  }
  #site-header-inner .row {
    margin: 0px;
    width: 100%;
  }
  #site-header-inner .col-xs-9 {
    width: 100%;
  }
  #store-in-store {
    background-color: #e9e9e9;
    height: 68px;
    padding: 5px 0px 0px 0px;
  }
  .logo_part {
    text-align: center;
    width: 100%;
  }
  #main_head-inner .col-xs-9 {
    width: 100%;
  }
  #Box_Mobile .nav > li > a {
    position: relative;
    display: block;
    padding: 5px 5px;
  }
  #Box_Mobile .tab-pane, #Box_Mobile td {
    font-size: 12px;
  }
  .paynow_msg {
    text-align: center;
  }
  #top-store-tabs .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    min-width: 50px;
    text-align: center;
    width: 80px;
  }
  .shopping_date {
    height: 15px;
    font-size: 11px;
    display: block;
    text-align: center;
    padding: 0px 0px 0px 10px;
  }
  .mylact {
    float: none !important;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px;
  }
  a:link.mlbutn {
    display: block;
    width: auto;
  }
  #col-main {
    width: 94%;
    margin: 0px 10px;
    float: none;
  }
  #the-cart, .side-checkout-r #the-cart {
    width: 94%;
    float: none;
    margin: 0px 10px;
  }
  #footer_secure img {
    height: auto !important;
    max-width: 30%;
  }
  .one_fifth {
    width: 46%;
    float: left;
    min-height: 150px;
  }
  .one_fifth .cat_title {
    height: auto;
    margin: 10px;
  }
  .in_cats {
    padding: 0px !important;
  }
  #store-in-store_mobile {
    width: 100%;
  }
  #store-in-store_mobile .white_b, #store-in-store_mobile .grey_b {
    left: 0px;
    right: 0px;
  }
  .ven_box {
    width: 46%;
    min-height: 220px;
  }
  .ven_header {
    padding: 0px 0px;
  }
  .mylists #GroupName h2 {
    font-size: 18px;
  }
  .cd-headline {
    font-size: 1.4rem !important;
    line-height: 1.2;
  }
  .mk_hdr_in h1 {
    margin: 0.1em 0;
  }
  .meal_kit_thm {
    width: 100%;
    background-color: #fff;
    padding: 0px;
    box-shadow: 0 1px 3px #dadcdd;
    border: 1px solid #e6e6e6;
    margin: 10px auto;
    min-height: 300px;
  }
  .mkth img {
    height: auto;
    max-width: 100%;
    width: auto;
  }
  .sm_spz {
    padding: 0px;
  }
  .mk_hds {
    font-weight: 800;
    font-size: 24px;
  }
  .mk-in li {
    font-size: 16px;
    position: relative;
  }
  .mk_hdr_in_text {
    padding-right: 0;
  }
  .mk-in .kit-sub {
    right: 90px;
  }
  .per_serving_line {
    flex-direction: column;
  }
  .per_serving_info {
    width: 94%;
    font-size: 14px;
  }
  /*
	div#window-1009.x-window.x-layer.x-window-default, 
	div#ext-gen1026.x-css-shadow{
	left: 50% !important;
    top: 22% !important;
    transform: translate(-50%, -50%) !important;
	}
*/
  /*gift basket CSS done by Hanin*/
  #gift-checkout #gift-cart {
    width: 100%;
  }
  #gift-checkout .tab-content #home {
    height: auto;
  }
  #gift-checkout #sendto {
    padding: 20px 0px !important;
  }
  #gift-checkout .form-tabs a {
    display: block !important;
  }
  #gift-checkout #menu1 strong {
    font-size: 21px !important;
  }
  #gift-checkout .gift_order_btn {
    width: 100%;
  }
  #gift-checkout #home .sm_red_cart {
    background-image: url(../gifs/smcart.png) !important;
  }
  #gift-back {
    height: auto !important;
  }
  .catalogue_header {
    width: 100%;
    margin: 0 auto;
    font-size: 38px;
  }
  .catalogue_side_header {
    margin: 16px auto;
    font-size: 17px;
    text-align: center;
  }
  .catalogue_side_link {
    margin: 20px auto !important;
    font-size: 13px;
    padding: 10px 10px;
    width: 255px;
  }
  /* calendar mobile */
  #calendar ul.weekdays, #calendar .other-month {
    display: none;
  }
  #calendar li {
    border: 0;
    height: auto !important; /*50px*/
    border-top: 1px solid #BCBEC0;
    border-left: 3px solid transparent;
    padding: 7px;
    margin: 0;
    width: 100%;
  }
  #calendar .date, #calendar .date_avail {
    flex-direction: row;
    align-self: auto;
    width: auto;
    font-size: 13.5px;
    line-height: .7;
  }
  .weekdays2 {
    display: block;
  }
  .c-day {
    display: inline;
    float: left;
    color: #ccc;
  }
  #calendar .event {
    flex-direction: row;
    justify-content: flex-start;
  }
  .event-edited .items-conetnt-dash::before {
    content: "";
    display: block;
  }
  .event-edited .total-amount {
    text-align: right;
  }
  .day-name-num {
    margin-right: 16px;
    width: 34px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #calendar .day-name {
    display: block !important;
    color: #484848;
    font-size: 14px;
    line-height: 19px;
  }
  #calendar .day-number {
    color: #484848;
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
  }
  .trucks-container {
    flex-direction: column;
    justify-content: center;
  }
  .img-msg-calendar {
    width: 40px;
  }
  #calendar .small-white-truck {
    display: block;
    width: 13px;
    margin-top: -1px;
  }
  #calendar .day-current-order {
    flex-direction: row;
    align-items: flex-start;
  }
  #calendar .day-current-order .date_avail {
    align-self: flex-start;
  }
  .day-current-order .day-name, .day-current-order .day-number {
    color: #95BB52 !important;
  }
  #calendar .days li:hover {
    border: 0;
    border-top: 1px solid #BCBEC0;
    border-left: 3px solid transparent;
  }
  #calendar .day {
    flex-direction: row;
  }
  .day-current-order {
    border-top: 1px solid #BCBEC0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 3px solid #95BB52 !important
  }
  #calendar .event a {
    max-width: 135px !important;
    min-height: 35px;
    display: flex !important;
    justify-content: center;
    align-items: center;
  }
  #calendar .event-edited {
    justify-content: flex-end;
  }
  .free-green-tag, .same-black-tag {
    top: -3px;
    left: -3px;
    font-size: 11px;
    padding: 0 4px;
  }
  .total-amount {
    text-align: left;
    padding: 0 12px;
  }
  .deleivery-msg {
    text-align: left;
    padding: 0 !important;
  }
  .event-holiday {
    text-align: left;
    line-height: 16px;
  }
  .total-msg-cont {
    padding-left: 8px;
  }
  .first-img-space {
    width: 20px;
  }
  .pop-up-calendar-mobile {
    background-color: white;
    border: solid 1px #b5b5b5;
    padding: 20px 10px !important;
    width: 98% !important;
    border-top: solid 1.5px #b5b5b5;
  }
  .pop-up-calendar-mobile .event a {
    background-color: #548992;
    color: white;
    padding: 10px 40px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
  }
  .pop-up-calendar-mobile .event-holiday {
    background-color: #bcbec0;
    padding: 10px 40px;
  }
  #calendar .pop-up-calendar-mobile .truck-background {
    background: url(../gifs/SmallGreenDelivery@2x.png) no-repeat bottom;
    background-size: contain;
    padding: 16px 10px 16px 22px;
    color: white;
  }
  .speech-bubble {
    position: relative;
  }
  .speech-bubble:after {
    content: '';
    position: absolute;
    top: 33px;
    left: calc(50% - 7px);
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 10px;
    border-left-width: 10px;
    border-bottom: 7px solid white;
    transition: all 0.7s ease;
    animation: all .7s infinite;
  }
  .speech-bubble:hover {
    opacity: 1 !important;
  }
  .pop-up-calendar-mobile .truck-total-price {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
    color: black;
  }
  .view-cal-btn {
    font-size: 16px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.32);
    background-color: #95bb52;
    padding: 10px 20px;
    width: 100%;
    text-transform: uppercase;
  }
  .view-cal-btn a {
    color: white !important;
  }
  /* CSS for pre order checkout page*/
  .all-pre-orders-ul .title-unitprice {
    font-size: 14px;
    margin: 0 8px;
  }
  .all-pre-orders-ul .title-quant {
    font-size: 14px;
    margin: 0 8px;
  }
  .all-pre-orders-ul .title-total {
    font-size: 14px;
  }
  .pre_quantity-selector {
    width: 100%;
  }
  /*CSS for the refund request page */
  .address_checkout .btn-address {
    font-size: 9px;
    margin: 0 -12px;
    width: 105%;
  }
  .address_checkout .dropdown-menu {
    margin: 0 -12px;
  }
  /* css for FAR page*/
  .how_it_work {
    flex-direction: column;
    align-items: center;
  }
  .how_it_work_sub {
    width: 90%;
  }
  .important_stuff_lists {
    flex-direction: column;
    align-items: center;
  }
  .important_stuff_lists ol {
    width: 90%;
  }
  .get_give img {
    height: 145px;
    object-fit: cover;
    width: 100%;
  }
}
/* new media for mobile as the one above does not working under 4190 line*********/
/****************************************************************************************/
@media (min-width: 10px) and (max-width: 840px) {
  body {
    background-color: white !important;
  }
  /* request a refund page resposnsive tables*/
  /* css for raf lightbox*/
  .raf_pop_container .upper_text {
    font-size: 14px !important;
    padding: 5px !important;
  }
  .emails-inputs input[type="email"] {
    font-size: 12px !important;
  }
  .emails-inputs input[type="email"]::placeholder {
    font-size: 12px !important;
  }
  .send_btn_raf input {
    font-size: 12px !important;
  }
  .emails-inputs input[type="email"] {
    background-size: 20px !important;
    padding-left: 60px !important;
  }
  .raf_pop_container {
    padding: 5px 5px !important;
  }
  .pop_up_outer_container_raf {
    width: 95%;
    right: -45%;
  }
  .raf_pop_container .exite_icon {
    right: -16px;
  }
  /* my address book page */
  .address_info_container {
    justify-content: center;
  }
  .my-address-book .address_info {
    width: 100%;
    padding: 10px 10%;
  }
  .my-address-book .form-element {
    text-align: center;
  }
  #customer-menu {
    display: none; /*should be deleted !!!!!!!!!!!!*/
  }
  #addnewaddress select {
    width: 100% !important;
  }
  .paper-invoice {
    max-width: 60%;
  }
  .addresses_title {
    margin-top: 55px;
  }
  .dateselect_ad {
    width: auto !important;
  }
  .timeslot_ad {
    width: auto !important;
  }
  /*footer mobile*/
  /*	#footer_links div:first-child ul li:not(:nth-child(2)),*/
  /*		#footer_links div:nth-child(2) ul li:not(:first-child),*/
  /*		#bottom_green_block div#foot-callout*/
  /*
{
 display: none!important;
}
*/
  .ftr_tst #footer_links {
    padding: 0;
    margin: 0;
    flex-direction: column;
  }
  #footer_links .footer-col {
    width: 100%;
  }
  .ftr_tst #footer_links ul {
    margin-bottom: 0
  }
  .ftr_tst #foot-callout {
    font-size: 16px;
    display: block;
    margin: 0 auto;
    border-top: 2px solid #BBBDC0;
    color: #434243;
    width: 88%;
    padding-bottom: 8px;
    padding-top: 0;
  }
  .ftr_tst #foot-callout a {
    color: #434243 !important;
    font-weight: 600;
  }
  .ftr_tst #footer_links .wpex-newsletter-widget {
    padding: 0 20px;
  }
  .copy-ftr-link {
    padding: 10px;
    text-align: left;
  }
  .pay-ftr {
    display: block;
    padding: 0px 10px 10px 10px;
    width: 100%;
  }
  .footer-container {
    flex-direction: column;
    align-items: flex-start;
  }
  .terms-right:before {
    content: " ";
  }
  .terms-right {
    display: inline-block;
  }
  #copy-right-footer {
    text-align: center;
    margin-top: 20px;
  }
  #footer_links .widget-title::after {
    transition: transform 300ms ease;
  }
  .add-arrow-down::after {
    content: ' ' !important;
    background: url(../gifs/icon_chevron-down.svg) no-repeat;
    height: 20px;
    width: 20px;
    float: right;
    transform: rotate(0deg);
  }
  .add-arrow-up::after {
    content: ' ' !important;
    background: url(../gifs/icon_chevron-down.svg) no-repeat;
    height: 20px;
    width: 20px;
    float: right;
    transform-origin: center;
    transform: rotate(180deg);
  }
  .widget_search .add-arrow-down::after, .widget_text .add-arrow-down::after, .widget_search .add-arrow-up::after, .widget_text .add-arrow-up::after {
    background: none;
  }
  .ftr_tst .add-line {
    border-bottom: 1px solid #BBBDC0;
  }
  #bottom_green_block.ftr_tst {
    padding: 0;
  }
  .ftr_tst #footer_links li {
    padding: 8px 10px !important;
  }
  .ftr_tst #footer_links .row {
    display: none;
    margin: 0 0 10px 0;
    padding: 0 10px;
  }
  .corp-img {
    display: none;
  }
  .ftr_tst #footer_links .widget-title {
    padding: 0 20px;
    margin: 18px 0;
    font-size: 26px;
    line-height: 1;
  }
  div#bottom_green_block.ftr_tst {
    border-width: 1px;
  }
  #footer_social img {
    width: 40px !important;
  }
  #new-product .input_line {
    margin-left: 29%;
  }
  .footer_call_tel {
    color: #434243 !important;
    font-weight: 600;
  }
  .oppsite_direction_note {
    flex-direction: column;
  }
  .vcenter_submit {
    order: 0;
  }
  .no-refund {
    text-align: center;
  }
  .error-msg-rar {
    text-align: left;
    padding-bottom: 5px;
  }
  .fixed-height-row {
    border-bottom: 0;
  }
  .calnedar-header-note {
    display: none;
    font-weight: normal;
    color: #5e823a;
    line-height: 1.3;
    font-size: 12px;
  }
  .clanedar-main-header {
    font-size: 25px;
  }
  .calendar-header-container {
    flex-direction: column;
    align-items: center;
  }
  .truck-container {
    padding: 0 0 10px 0;
    align-items: flex-start;
    width: 100%;
  }
  .deliv-space {
    padding: 10px 0 0 0;
  }
  .truck-text {
    padding-top: 15px;
    text-align: center;
  }
  #calendar-wrap {
    padding: 0px 10px;
    ;
  }
  #calendar-wrap .error-ms-cal {
    font-size: 12px;
  }
  .stand-order-credit {
    text-align: center;
    width: 100%;
  }
  .img-msg-calendar {
    width: 30px;
  }
  .button-container-cal {
    width: 100%;
  }
  .button-container-cal a {
    font-size: 14px;
    padding: 8px 15px;
    width: 100%;
    margin: 7px 0 !important;
  }
  .help-line-deliv span {
    font-size: 16px;
  }
  .help-line-deliv, .cal-bottom-link div:nth-child(2) {
    font-size: 16px;
    border-bottom: 0;
    border-top: 1px solid #BCBEC0;
    padding: 12px;
  }
  .cal-bottom-link {
    flex-direction: column-reverse !important;
    padding: 12px;
    width: 100%;
  }
  .deliv-link {
    width: 100%;
    padding: 20px 0;
  }
  .truck-container .single-truck-text {
    flex-direction: row;
    width: 100%;
    align-items: flex-start;
    padding-top: 20px;
    justify-content: flex-start;
    margin: 0 !important;
  }
  .truck-container .single-truck-text .truck-text {
    text-align: left;
    padding-top: 0;
  }
  .truck-text strong {
    font-size: 12px;
  }
  .pick-loc-single {
    width: 100%;
  }
  .pick-loc-single {
    width: 100%;
  }
  .raf-container-cp {
    flex-direction: column;
  }
  .raf-bg-side, .raf-right-co {
    width: 100%;
    padding: 20px;
  }
  .raf-main-hdr {
    font-size: 15px;
  }
  .raf-send-eml {
    font-size: 11px;
  }
  .emailto-raf {
    font-size: 12px !important;
  }
  .emailto-raf::-webkit-input-placeholder {
    font-size: 12px;
  }
  .textarea-raf {
    font-size: 12px !important;
    min-height: 240px;
  }
  .raf-ltred-btn {
    font-size: 14px;
    padding: 6px;
    align-self: center;
    width: 100%;
  }
  .raf-terms-btm {
    font-size: 10px;
  }
  .raf-underline-header {
    font-size: 16px;
    padding: 23px 15px;
  }
  .raf-side-hdr {
    font-size: 40px;
  }
  .raf-bg-side {
    height: 400px;
  }
  .hdr-pop-cat {
    text-align: center !important;
    font-weight: bold;
    font-size: 16px;
    width: 100%;
  }
  .pop-cate-container {
    background-color: transparent !important;
    padding: 30px 0 0;
  }
  .pop-cate-container .in_cats {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 12px 0 28px 0 !important;
  }
  .pop-cate-container .one_fifth {
    min-height: auto;
    box-shadow: none;
  }
  .pop-cate-container .cat_img {
    margin: 3px 3px 0 3px;
    width: auto;
  }
  .pop-cate-container .cat_title {
    margin: 7px;
    font-size: 14px;
  }
  .pop-cate-container .cat_title a {
    color: black;
    line-height: 1;
    font-size: 16px;
  }
  .ham-menu {
    float: left !important;
  }
  #Top_Mobile #navcenter .wsmain-new {
    z-index: 9997 !important;
    width: 100% !important; /*Hanin March 16*/
    top: 0px;
  }
  .Main_Container_Mobile .max_row {
    padding: 0;
    margin: 0 auto;
  }
  .wsmain-new .wsmenu-click i {
    margin-right: 20px !important;
    margin-top: 13px;
    transition: transform .4s;
  }
  .wsmain-new .wsmenu-list li a, .wsmain-new .wsmenu-list li:last-child a {
    border-bottom: 1px dashed #ccc !important;
    margin: 0 20px !important;
  }
  .wsmain-new .wsmenu-list .megamenu li a:hover {
    text-decoration: none !important;
    color: black !important;
  }
  #navcenter #menu33 .full-submenu {
    left: 0 !important;
    position: fixed !important;
    top: 6rem;
    z-index: 99999999;
    width: 75% !important;
    height: 100vh;
    background-color: white;
    color: black;
  }
  .full-submenu .link-list li a {
    background-color: white !important;
    font-size: 14px !important;
    padding: 10px !important;
    padding-left: 8px !important;
    color: black !important;
  }
  .wrapper-submenu li > a {
    padding: 10px !important;
  }
  .full-submenu .link-list li i {
    font-size: 22px !important;
    position: relative;
    top: 1.6px;
    color: #3333337d;
  }
  .wrapper-submenu {
    height: 100%;
    overflow-y: auto;
    padding-bottom: 8rem;
  }
  .full-submenu .link-list {
    padding: 0;
  }
  .full-submenu ul.link-list:first-child:hover {
    opacity: .75;
  }
  .wsmain-new .wsmenu-list li a {
    background-color: transparent !important;
    font-size: 15px !important;
    color: black !important;
    padding-left: 10px !important;
    font-weight: normal;
    line-height: 120% !important;
    padding: 13px 32px 13px 12px !important;
  }
  .wsmain-new .wsmenu-list li a:hover {
    background-color: white !important;
    color: black !important;
  }
  .wsmain-new .wsmenu-list li:hover > a {
    background-color: white !important;
  }
  #navcenter .wsmenu-list > li > a:hover {
    color: #666666 !important;
    background-color: rgba(0, 0, 0, 0.08) !important;
  }
  #navcenter .wsmain-new .wsmenu-list > li > a:hover {
    background-color: white !important;
  }
  .wsmain-new .mm_head {
    height: auto;
    background: white;
    border-bottom: 1px dashed #ccc;
    margin: 0 20px;
    display: flex;
    justify-content: space-around; /*
	box-shadow: inset 0 6px 6px -6px #9f9f9f;
	-moz-box-shadow: inset 0 6px 6px -6px #9f9f9f;
	-webkit-box-shadow: inset 0 6px 6px -6px #9f9f9f;
*/
  }
  .wsmain-new .ws-activearrow ~ a {
    font-weight: 600 !important;
  }
  .wsmain-new .mm_feat {
    display: block;
    width: 40%;
    margin: 0;
    padding: 0;
  }
  .wsmain-new .mm_feat img {
    width: 100px;
    display: block;
    padding: 10px;
  }
  .icon-cont-circle {
    width: 75%;
    border: 1.4px solid #808285;
    border-radius: 50%;
    margin: 3px auto;
  }
  .wsmain-new .mm_feat a {
    color: black;
    font-size: 10px;
  }
  .wsmain-new .mm_feat a span.customer-code {
    color: #a5a5a5;
    font-size: 8px;
  }
  .wsmain-new .featured-list li {
    padding: 10px 32px;
  }
  .deliv_date_header {
    background: url(../gifs/calendar-without-line_calendar.svg) no-repeat;
    background-size: contain;
    height: 32px;
    width: 32px;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .deliv_date_header_No_Dates {
    background: url('../gifs/calendar_calendar.svg') no-repeat !important;
  }
  .deliv_date_header a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 6px;
    height: 100%;
    padding-top: 6px;
    color: #808285;
    font-weight: bold;
    text-transform: uppercase;
  }
  .deliv_date_header a:hover, .deliv_date_header a:focus {
    color: #808285;
  }
  .deliv_date_header strong {
    font-size: 12px;
    line-height: .7;
    color: black;
  }
  .top_mobile_new {
    z-index: 9998 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white !important;
    box-shadow: 0 0 7px #5D5D5D;
    height: 60px !important;
    border-bottom: 1px solid #eee;
  }
  .left-side-menu {
    width: 40%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .right-side-menu {
    width: 40%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-right: 10px;
    max-width: 170px;
  }
  .top_mobile_new .overlapblackbg {
    top: 60px;
  }
  .top_mobile_new .animated-arrow {
    margin: 0;
    margin-top: 6px;
  }
  .top_mobile_new #menuholder {
    height: 40px;
  }
  .top_mobile_new .animated-arrow span, .top_mobile_new .animated-arrow span:before, .top_mobile_new .animated-arrow span:after {
    background-color: #808285;
  }
  .Top_Container_Mobile_New {
    margin: 0 auto 5px auto !important;
    width: 100% !important;
  }
  .be-fresh-logo {
    object-fit: cover;
    object-position: -19px;
  }
  .cart-wrapper-hdr {
    background: url('../gifs/cart_icon.svg') no-repeat;
    height: 32px;
    width: 32px;
  }
  .cart-wrapper-hdr span #cartitemsamt, .cart-wrapper-hdr span #cartitemsamt_m {
    font-weight: bold;
    color: white;
    background-color: #ef4c4a;
    border-radius: 50%;
    position: relative;
    right: -23px;
    width: auto;
    height: auto;
    min-width: 16px;
    line-height: 1.1;
    top: -2px;
    font-size: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-image: none;
    padding: 3px;
    left: unset;
  }
  .Main_Container_Mobile_New #Box_Mobile {
    border-radius: 0 !important;
    box-shadow: none;
    padding: 0;
    margin-bottom: 0;
  }
  .Main_Container_Mobile_New {
    width: 100% !important;
    margin: 0 !important;
  }
  .Main_Container_Mobile_New .pop-cate-container {
    background-color: #fff !important;
  }
  .Main_Container_Mobile_New #page-top-features {
    padding: 0;
    margin-top: 25px;
  }
  .Top_Container_Mobile_New .top-alert {
    font-size: 13px !important;
  }
  .top_mobile_new #m_search_box {
    top: 60px;
  }
  .top_mobile_new #m_search_box:after {
    content: '';
    position: absolute;
    top: 0;
    right: 135px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom-color: #E6E7E8;
    border-top: 0;
    margin-left: -7px;
    margin-top: -7px;
  }
  .top_mobile_new .rsm-logged-out ~ #m_search_box:after {
    left: 78%;
  }
  body.wpex-mobile-toggle-menu-icon_buttons .top_mobile_new .rsm-logged-out ~ #m_search_box:after {
    left: 90%;
  }
  body.wpex-mobile-toggle-menu-icon_buttons .m_tr.ham-menu ~ div > a > img {
    min-width: 140px;
  }
  body.wpex-mobile-toggle-menu-icon_buttons .right-side-menu.rsm-logged-out {
    width: 15% !important;
  }
  body.wpex-mobile-toggle-menu-icon_buttons .mm_head {
    display: none;
  }
  .top_mobile_new #mobile-in-search .typeahead, .top_mobile_new #mobile-in-search #search-input {
    border-radius: 4px;
    height: auto;
    background-color: white !important;
  }
  .top_mobile_new #mobile-in-search {
    padding: 8px;
  }
  .top_mobile_new #m_search_box {
    z-index: 9998 !important;
    background-color: #E6E7E8;
    box-shadow: inset 0 6px 6px -6px #9f9f9f;
    -moz-box-shadow: inset 0 6px 6px -6px #9f9f9f;
    -webkit-box-shadow: 0 6px 6px -6px #9f9f9f;
    border-top: 1px solid #5d5d5d5c;
  }
  .top_mobile_new input[name=quicksearchvalue] {
    padding: 8px 45px 8px 10px !important;
  }
  .top_mobile_new .search-icon-img {
    background: url(../gifs/search-icon_search.svg)no-repeat;
    background-size: contain;
    position: absolute;
    top: 12px;
    right: 14px;
    width: 25px;
    height: 25px;
  }
  .sm_cart_ttl {
    width: 95%;
    display: flex;
  }
  #SO_Freq2 #freq-SO {
    width: 100%;
  }
  .delivery-notification {
    margin: 5px 15px;
    padding: 5px;
    height: auto;
    border: 0;
  }
  .delivery-notification-text img {
    /*display: none; EvR*/
  }
  .delivery-notification-text {
    font-size: 14px; /*	padding-bottom: 15px;*/
  }
  .delivery-notification-btn {
    width: 100%;
    padding: 0 10px;
  }
  .delivery-notification-bar {
    display: flex;
    height: 175px;
    align-items: flex-start;
  }
  .grey-dn-bar {
    width: 20px;
    height: 100%;
    flex-direction: column;
  }
  .grean-dn-bar1 {
    left: -20px;
    border-radius: 50%;
    top: inherit;
  }
  .grean-dn-bar2 {
    left: -20px;
    border-radius: 50px;
    top: inherit;
    width: 20px;
    height: calc(50% + 10px);
  }
  .grean-dn-bar3 {
    left: -20px;
    border-radius: 50px;
    top: inherit;
    width: 20px;
    height: 100%;
  }
  .delivery-status {
    align-items: left;
    text-align: left;
    flex-direction: column;
    height: 100%;
    width: 80%;
    margin-top: 0;
    margin-left: -30px;
  }
  .delivery-status-info:last-child {
    text-align: left;
  }
  .delivery-status-info {
    width: 100%;
    height: 20px;
    position: relative;
    font-size: 14px;
  }
  .delivery-notification-aft5 {
    padding: 0px 10px 30px 10px;
    overflow-y: visible;
    display: inline-block;
    width: 100%;
    text-align: left;
  }
  .delivery-notification-head strong {
    display: block;
    font-size: 15px;
    line-height: 1.3;
  }
  .no-calendar.delivery-notification .delivery-notification-btn {
    /*no mobile calendar*/
    display: none;
  }
  .dgreen-dn-bar {
    width: 20px;
    height: calc(50% + 10px);
    flex-direction: column;
    top: inherit;
    left: -40px;
  }
  .gc-table input[type=text] {
    width: 220px;
  }
  #holidaypromo #logos {
    display: flex;
    flex-direction: column;
  }
  .wdi_feed_container .wdi_feed_item {
    width: 33.33% !important;
  }
  .textwidget {
    display: flex;
  }
  .textwidget p {
    margin: 5px;
  }
  .single-page-content .vc_custom_1499968196474 {
    padding-left: 0 !important;
  }
  #outer-wrap .page-header {
    margin: 60px 0 -40px 0 !important;
  }
  .vc_custom_1497051422087 {
    padding-top: 0 !important;
  }
  .vc_custom_1497562312788 {
    padding-top: 0 !important;
  }
  .vc_custom_1485476781471 {
    padding-top: 0 !important;
  }
  /*	single recipe mobile*/
  .recipe-details {
    display: flex;
    flex-direction: column;
  }
  #recipe_print {
    max-width: inherit;
    text-align: left;
    margin: 15px 0;
  }
  .recipe-intro a.small-button2 {
    font-size: 14px !important;
    display: block;
    text-align: center;
  }
  .recipe_image {
    width: 100%;
  }
  .recipe-intro {
    width: 100%;
  }
  .recipetitle {
    font-size: 25px;
  }
  #recipe_author {
    padding: 0 0 10px;
  }
  .recipe_tile {
    width: 42%;
    min-height: 170px;
    margin: 10px;
  }
  #prod-details .pre_order, #prod-details a.notify-me, #prod-details a.checked-notify-me {
    float: none;
    border: none;
    box-shadow: unset;
  }
  .list_item_bs .quantity-selector {
    float: right;
    top: 33%;
  }
  #itempopup #theitem {
    padding: 0 !important;
  }
  .item-pop-header h3 {
    font-size: 18px;
  }
  #itempopup .pop_img {
    padding-bottom: 10px;
  }
  #foot-callout a.footer_call_tel:hover, #foot-callout a.footer_call_tel:focus {
    color: #548992 !important;
  }
  .recipe_tile img {
    height: 90px;
  }
  .hts-det-cont {
    flex-direction: column-reverse;
    justify-content: flex-end;
  }
  .hts-det-cont img {
    width: 100%;
  }
  .hts-img-container {
    width: 100%;
  }
  .gc-options2 {
    flex-wrap: wrap;
  }
  .gc-options2 label {
    width: 47%;
  }
  .gc-options2 label img {
    height: auto;
  }
  .gc-options3 {
    justify-content: space-between;
  }
  .gc-options3 label {
    min-width: 30%;
    margin: 10px 0;
  }
  .gc-header {
    text-align: center;
    font-size: 33px;
  }
  .pay-options span {
    text-align: center;
  }
  .gc-options1 label {
    width: 48%;
  }
  .gc-step-container #Messagetextarea, .gc-step-container input[type="text"], .gc-step-container input[type="email"], .gc-step-container select {
    width: 100%;
  }
  .submit_btn_blue input {
    padding: 13px 20px;
  }
  .hts-det-hr {
    line-height: 22px;
    font-size: 18px;
    padding-bottom: 8px;
  }
  .gc-step-container {
    padding: 13px;
  }
  .pay-options label {
    width: 100%;
    padding: 0 30px;
  }
  .welcome-custmer-hrd {
    font-size: 20px;
    color: #484848;
    font-weight: 400;
    padding-top: 20px;
  }
  .welcome-custmer-hrd span {
    font-size: 12px;
    color: #808285;
  }
  .welcome-sub-msg {
    padding: 5px;
    color: #808285;
    font-size: 14px;
  }
  .rar-sub-row div, .rar-top-row div {
    font-size: 10px;
  }
  .raf-container-cp-pop .raf-bg-side {
    display: none;
  }
  .fixed-height-non-rf {
    height: 50px !important;
  }
  .raf-container-cp-pop .raf-itgrey-btn, .raf-container-cp-pop .raf-ltred-btn {
    width: 48%;
  }
  .raf-container-cp-pop .raf-right-co {
    padding: 20px;
  }
  .raf-container-cp-pop .textarea-raf {
    font-size: 12px !important;
  }
  .sub-hdr-menu-m {
    color: black;
    background-color: #eee;
    margin: 15px 0 5px 0;
    padding: 5px 5px 5px 12px;
    font-size: 13px;
  }
  .featured-list li {
    padding: 10px 32px 10px 15px;
  }
  .list-all-orders li {
    flex-direction: column;
  }
  .deliver-list-info {
    width: 100%;
  }
  .orders-list-btns {
    width: 100%;
  }
  .rf-order-btns a::before {
    content: '';
  }
  .view-all-invoices a {
    margin-bottom: 11px;
  }
  .orders-invoice-info {
    flex-direction: column;
  }
  .ord-invoice-details {
    width: calc(100% - 40px);
    align-self: flex-end;
    font-size: 12px;
  }
  .ord-invoice-desc {
    width: 100%;
    padding-bottom: 8px;
  }
  .desc-title.ord-invoice-desc {
    display: none;
  }
  .ord-invoice-desc li {
    margin-right: 8px;
  }
  .ord-invoice-details li {
    padding-right: 4px;
  }
  .ord-invoice-details li:last-child {
    font-size: 10px;
  }
  .category-name-invoice {
    font-size: 12px;
  }
  .info-list-invoice {
    font-size: 11px;
  }
  .ord-invoice-desc li:first-child {
    width: 40px;
  }
  .raf-pop-width {
    width: 100%;
  }
  .ord-invoice-summary li {
    font-size: 11px;
    padding-right: 4px;
  }
  .ord-invoice-summary li:first-child {
    width: calc((((100% - 40px) / 12) * 9) + 40px);
  }
  .ord-invoice-summary li:nth-child(2) {
    width: calc((((100% - 40px) / 12) * 11) / 5);
  }
  .ord-invoice-summary li:nth-child(3) {
    width: calc((100% - 40px) / 12);
    font-size: 10px;
  }
  .summary-dep {
    margin: 10px 0;
  }
  .select-printer .view-all-invoices {
    display: none;
  }
  .select-printer {
    flex-direction: column;
    align-items: center;
    padding-top: 15px;
  }
  .re-order-product {
    flex-direction: column;
  }
  .reorder-btn-add {
    width: 50%;
  }
  .reorder-image-info {
    width: 100%;
  }
  .reorder-info {
    flex-direction: column;
    align-items: flex-start;
  }
  .reorder-img-container img {
    width: 70px;
  }
  .add-to-cart-btn-reorder a {
    max-width: none;
  }
  .product-name-cat a {
    max-width: none;
    display: inline;
  }
  .reorder-info {
    padding: 0px 0px 2px 10px;
  }
  .reorder-img-container {
    align-items: flex-start;
  }
  .in-cart-btn {
    max-width: none;
  }
  .add-all-btn a {
    min-width: inherit;
  }
  .add-all-btn {
    width: 100%;
    padding: 15px 0 0 0;
  }
  #logged_in_div {
    background-color: white;
    width: 100%;
  }
  .eta-information-container #logged_in_div, .eta-information-container .delivery-notification {
    background-color: #EEEEEE;
  }
  .eta-information-container #logged_in_div {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  .icon-names {
    font-size: 12px;
    text-transform: uppercase;
    color: #333;
  }
  .icon-names-logged-out {
    font-size: 12px;
    color: #333;
  }
  .user-name-code {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #333;
  }
  .rsm-logged-out .cart-wrapper-hdr span, .rsm-logged-out .deliv_date_header {
    display: none;
  }
  .rsm-logged-out {
    width: 30%;
  }
  .rsm-logged-out.rsm-wp {
    width: 37%;
  }
  .top_mobile_new .wsoffcanvasopener .animated-arrow {
    margin-top: 0;
  }
  .eta-msg-order {
    display: inline-block;
  }
  .header-mobile-pages {
    display: flex;
    padding: 0px 5px 10px 5px;
    justify-content: space-between;
    align-items: baseline;
    color: #5D5D5D;
    border-bottom: 1px solid #BCBEC0;
  }
  .header-mobile-pages .cust-name {
    font-weight: 600;
    font-size: 16px;
    text-align: right;
  }
  .header-mobile-pages h1 {
    font-size: 22px !important;
    font-weight: 100;
    margin: 0;
    text-align: left !important;
    line-height: 1;
  }
  .mobile-back-btn a {
    font-size: 14px;
    color: #222222;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, .1);
    display: inline-block;
    padding: 8px 10px;
    border: 1px solid #222222;
    border-radius: 3px;
    font-weight: 600;
  }
  .mobile-back-btn a:hover, .mobile-back-btn a:focus {
    color: #222222;
    background-color: #E6E7E8;
  }
  .order-info-account {
    padding: 0 4px;
  }
  .order-info-account h1 {
    font-size: 20px;
    margin-bottom: 0;
    text-align: left !important;
  }
  .select-printer select, .select-printer form#InvlistForm {
    min-width: 100%;
    margin-bottom: 8px;
  }
  .welcome-info-msg {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0px auto;
  }
  .welcome-info-msg #dateselectorz {
    margin: 0 auto;
  }
  .shop-save-cont {
    padding: 0 0 10px 0;
  }
  .shop-save-cont img {
    width: 100%;
  }
  .shop-save-cont table, .shop-save-cont th, .shop-save-cont td {
    border: 4px solid #3B5763;
    border-collapse: collapse;
  }
  .shop-save-cont td {
    text-align: center;
    color: #00596B;
    font-weight: 600;
    font-size: 20px;
    padding: 5px;
  }
  .shop-save-cont td.title-table-shop {
    color: white;
    background-color: #70BFC5;
  }
  #calendar .past-day {
    display: none !important;
  }
  .products-area-loggout > ul > li {
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    max-width: 50%;
  }
  .product-name-cat a {
    white-space: normal;
  }
  #top_ad_2 {
    background-color: white;
  }
  .haba-container {
    flex-direction: column;
    padding-top: 20px;
    margin: 0 auto;
  }
  .haba-text {
    padding: 30px 10px;
  }
  .haba-imag-cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .haba-section-container {
    padding: 15px 15px 0;
    margin-bottom: 0;
  }
  .join-club a {
    width: 100%;
  }
  .link-card-form form {
    flex-direction: column;
    align-items: flex-start;
  }
  .link-card-form form > div {
    width: 100%;
  }
  .link-card-form input {
    width: 100% !important;
  }
  .link-card-submit {
    margin: 10px 0;
  }
  h1.blush-lane-title {
    font-size: 20px !important;
    text-align: left !important;
    font-weight: 100;
  }
  .main-eco h1 {
    font-size: 22px;
    line-height: 32px;
  }
  .eco-first .copy-eco, .eco-result .copy-eco {
    font-size: 14px;
    line-height: 19px;
  }
  .eco-result {
    display: block;
    padding: 0;
  }
  .eco-bottom {
    flex-direction: column;
  }
  .eco-sammary {
    box-shadow: unset;
  }
  .final-main-eco {
    display: block;
  }
  .eco-questions a {
    min-width: 100%;
    margin: 0;
    font-size: 14px;
  }
  img.icon-imag-eco {
    padding: 0;
    width: 90px;
  }
  .eco-text-q {
    font-size: 18px;
  }
  .eco-questions {
    width: 100%;
    margin-bottom: 20px;
  }
  .copy-eco {
    width: 100%;
  }
  ul.eco-options {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 0;
  }
  .eco-options li {
    width: 45%;
    margin: 5px;
    background-color: rgba(255, 255, 255, 0.30196078431372547);
    padding: 5px 10px;
    font-size: 18px;
    min-width: unset;
  }
  .eco-images-related {
    min-width: unset;
    width: 100%;
    justify-content: center;
  }
  .eco-images-related img {
    max-width: 100px;
    display: none;
  }
  .eco-images-related img:first-child {
    display: block;
  }
  .number-cyrcle {
    font-size: 40px;
    line-height: 60px;
    min-height: 60px;
    max-height: 60px;
    width: 60px;
  }
  .eco-q-three, .eco-q-one, .eco-q-two, .eco-first-no-customer {
    height: unset;
    min-height: 100vh;
  }
  .eco-q-two {
    min-height: 125vh;
    background-size: 150%;
    background-position-y: 96vh;
  }
  .copy-eco, .eco-answers li {
    font-size: 16px;
    line-height: 22px;
  }
  .eco-q-two .main-eco {
    flex-grow: 1;
    height: unset;
    justify-content: flex-start;
  }
  .main-eco {
    height: unset;
    min-height: 80vh;
  }
  .login-next, .eco-no-cus-button {
    height: 15vh;
  }
  .bottles-number {
    min-width: inherit;
    width: 90%;
  }
  .bottles-number img {
    width: 30px;
  }
  .result-wrapper {
    flex-direction: column;
  }
  .result-item, .eco-s-none-cust .result-item:nth-child(n), .eco-s-none-cust .result-item:nth-child(2n) {
    width: 100%;
    padding: 10px 0;
  }
  .eco-s-none-cust {
    padding: 15px;
  }
  .result-icons-img {
    min-width: 55px;
    padding-top: 8px;
  }
  .eco-s-none-cust .result-icons-img {
    margin: 0;
  }
  .eco-sammary h2 {
    font-size: 23px;
    line-height: 34px;
  }
  .spud-logo-eco {
    align-self: center;
  }
  .number-unit-eco {
    font-size: 14px;
    line-height: 16px;
  }
  .number-eco {
    font-size: 50px;
  }
  .result-stat {
    font-size: 16px;
    line-height: 20px;
  }
  .eco-no-cus-button a {
    min-width: unset;
    margin-bottom: 50px;
  }
  .eco-first-no-customer .main-eco {
    display: flex;
  }
  .ri-bag {
    max-width: 90px;
    padding-right: 5px;
  }
  .small-space {
    max-width: 90px;
    padding-right: 20px
  }
  h3.header-top-line {
    background-color: white;
  }
  .wsmenu-list .megamenu {
    top: 0 !important;
    box-shadow: none !important;
  }
  .circle-promo {
    right: 0;
  }
  .carousel-container {
    padding: 0 5px;
  }
  .slick-prev {
    left: -6px !important;
  }
  .slick-next {
    right: -6px !important;
  }
  img.log-top-eco {
    position: fixed;
    top: 15px;
    left: 15px;
    width: 130px;
  }
  img.log-top-eco-relative {
    width: 130px;
    padding: 0;
    margin: 15px 0 0 15px;
  }
  .middlesection-eco-first #mainsection, .middlesection-eco-result #mainsection {
    padding: 10px !important;
  }
  .ven-view-btns {
    flex-direction: column;
    margin-top: 0;
  }
  .ven-view-btns a {
    margin: 10px 0;
  }
  .ven_header h3 {
    font-size: 18px !important;
    line-height: 24px !important;
    padding-top: 0 !important;
  }
  .ven-top-info h1 {
    font-size: 25px;
    line-height: 35px;
  }
  .nostobox {
    height: 352px;
  }
  .ven-image-pop {
    max-width: 140px;
  }
  .ven-image-cataloge {
    display: none;
  }
  .filter-wrapper {
    display: none;
  }
  .header-sort-top {
    flex-direction: column;
    border: 0;
  }
  .products-area {
    width: 100%;
  }
  .blush-lane-spud-banner {
    background-position: center, 23% calc(100vh - 330px), 83% calc(100vh - 310px), center;
    background-size: 159px, 0px, 0px, cover;
    height: 24rem;
  }
  .graph-cont > div {
    max-width: 100%;
    padding-bottom: 30px;
    padding-top: 7px;
  }
  .blush-lane-offer-banner {
    padding: 0% 10% 36% 10%;
    background-position: center 90%, 65% top;
    background-size: 182px, cover;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    min-height: 50rem;
  }
  .bl-content h2 {
    font-size: 34px;
    line-height: 40px;
  }
  .bl-content {
    padding: 10px;
  }
  .blush-spud-logos {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    padding: 10px 15px 30px 15px;
  }
  .blush-spud-logos img {
    max-width: 130px;
  }
  .graph-cont > div img {
    max-width: 100px;
  }
  .bl-copy {
    padding: 0;
  }
  .bl-graph {
    min-height: unset;
  }
  #mainsection div.bl-content:nth-child(4) .graph-cont {
    padding: 0;
  }
  .unit-lb .add_unit, .unit-lb .add_unit_g, .unit-ct .add_unit, .unit-ct .add_unit_g {
    width: 33%;
  }
  .reorder-column {
    min-width: 190px;
    align-self: flex-end;
    display: flex;
    justify-content: flex-end;
  }
  .product-name-cat {
    font-size: 16px;
    line-height: 18px;
    text-align: left;
    margin: 5px 0;
  }
  .reorder-title-gr .product-name-cat a {
    height: unset;
  }
  .order-info-account .select-printer {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .ro-not-available .reorder-btn-add {
    align-self: flex-end;
  }
  #headerblock h1 {
    line-height: 35px;
    font-size: 25px !important;
  }
  .subcat_wide .list_item .pre-order-black {
    padding: 10px 10px 55px 90px;
  }
  .chout-tax {
    top: 3px;
    right: -24px;
  }
  #orders_box .bootstrap-select, #formRefundRequest .select-printer .bootstrap-select, .select-printer #InvlistForm .bootstrap-select {
    width: 100% !important;
  }
  #formRefundRequest .select-printer .bootstrap-select {
    padding-bottom: 15px;
  }
  .pop-up-show-total {
    position: fixed;
    top: 60px;
    width: 100%;
  }
  .pop-up-show-total:after {
    left: 92%;
  }
  .show-total-pop div {
    font-weight: 400;
  }
  .show-total-pop a.one-click-btn {
    width: 50%;
  }
  .wpex-mobile-toggle-menu-icon_buttons .Top_Container_Mobile ~ #site-header, .x-body .Top_Container_Mobile ~ #site-header {
    display: none;
  }
  #three-values img.Georgia {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #shopping_list_page {
    flex-direction: column;
  }
  .side-list-menu {
    width: 100%;
  }
  .list-view-on .pr-wr-whole {
    flex-wrap: wrap;
    height: auto;
  }
  .shopping-list-content {
    width: 100%;
    padding: 0 10px;
  }
  .list-view-on .pr-image-wr-whole {
    width: 40%;
    min-width: 108px;
  }
  .list-view-mobile .pr-image-wr-whole {
    width: 112px;
  }
  .list-view-on .action_btn, .shopping-list-content .list-view-on .action_btn, .cat-with-cart .list-view-on .action_btn {
    width: 100% !important;
    border: 0;
    padding: 0;
    margin: 5px 0;
  }
  .list-view-mobile .action_btn {
    margin: 0;
  }
  .list-view-mobile .add-to-standing-order-btn a {
    margin: 5px 0;
    background-color: transparent;
    color: #70BFC5;
    padding: 0;
    text-align: left;
    justify-content: flex-start;
  }
  .list-view-mobile .atso-text, .buy-case-save > a {
    font-size: 14px;
  }
  .list-view-on .product-info-wrapper {
    width: 60%;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 0;
    height: auto;
  }
  .list-view-on .product-price-details {
    flex-direction: column;
    align-items: flex-start;
  }
  .list-view-mobile .product-price-details {
    flex-direction: row;
    align-items: flex-end;
  }
  .list-view-on .product-image-r {
    /*	height: auto;*/
  }
  .list-view-on .product-save-p {
    font-size: 13px;
    line-height: 13px;
  }
  .list-view-on .product-price-current {
    font-size: 18px;
    line-height: 22px;
  }
  .list-view-on .package-weight-details {
    font-size: 9px;
    line-height: 12px;
  }
  .products-area.list-view-on .product-image-r img {
    width: auto;
  }
  .list-view-mobile .package-weight-details {
    margin-top: 6px;
  }
  .hdr-select-cont {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 0;
  }
  .shopping-list-content .sort-cat-opt, .shopping-list-content .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .shopping-list-content .sort-cat-opt .bootstrap-select button {
    width: 100% !important;
  }
  .pagination-cat {
    align-self: center;
  }
  .shopping-list-content h2 {
    padding-bottom: 10px;
  }
  .add-product-msg {
    padding: 20px 0;
  }
  .shopping-list-content {
    padding: 0;
  }
  .mobile-back-btn {
    display: block;
  }
  .add-to-cart.ptin-add-to-cart .add-to-list-cont, .add-to-cart.ptin-add-to-cart .add-to-shoplist {
    right: 0;
  }
  .ptin-add-to-cart .add-to-list-cont {
    right: 0% !important;
    top: 0 !important;
    width: 56px !important;
    min-height: 24px;
  }
  .ptin-add-to-cart .add-to-shoplist {
    right: 0%;
  }
  .ptin-add-to-cart .add-to-shoplist:before, .ptin-add-to-cart .add-to-shoplist:after {
    left: 95%
  }
  .steps-container > li {
    flex: 0 1 100%;
  }
  .support-learn-cont > strong {
    margin: 15px 0;
    display: inline-block;
  }
  .learn-more-fr {
    max-width: 100%;
  }
  .product-gallery-single-cont {
    width: 100%;
    margin-left: 0;
  }
  .product-gallery-single li.slick-slide {
    /*
    display: flex;
    justify-content: center;
    margin: 0;
*/
  }
  .product-gallery-single li > img {
    /*    height: 230px;*/
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
  }
  .product-gallery-single li > img:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
  }
  .product-gallery-single .slick-dots {
    bottom: 15px !important;
  }
  .product-gallery-single .slick-dots li {
    margin: 0;
  }
  .free-del-days {
    padding: 0 20px;
    text-align: center;
  }
  .bin-record {
    flex-direction: column;
  }
  .bin-info, .bin-table {
    width: 100%;
  }
  .bin-table {
    padding: 0 10px 15px 10px;
  }
  .delv-copy, .delv-p {
    margin-bottom: 10px;
  }
  .bin-tag ~ .yellow-btn > a, .bin-tag ~ form .yellow-input {
    display: block;
    margin 0 auto;
    width: 100%;
  }
  .vender-title-pr {
    font-size: 16px;
  }
  .product-title-pr {
    font-size: 22px;
  }
  .old-price-pr {
    font-size: 12px;
  }
  .sale-price-pr {
    font-size: 25px;
  }
  .product-amount-pr {
    font-size: 14px;
  }
  .product-save-p {
    font-size: 12px
  }
  .regprice-pr {
    font-size: 40px;
  }
  .view-recipes {
    text-align: left;
  }
  #activate-fullscreen {
    display: none;
    width: 100%;
  }
  .product-row, .product-row-kit {
    flex-direction: column;
    padding: 0;
  }
  .title-info {
    border-top: 1px solid #BCBEC0;
    font-size: 18px;
    padding: 8px 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all .3s;
    min-width: 100%;
    cursor: pointer;
  }
  .info-product {
    font-size: 14px;
    padding: 0 5px 10px 5px;
    margin: 0 .5%;
    min-width: 100%;
  }
  .ingred-cont-pr > .title-info {
    border-top-color: transparent;
  }
  .product-rows > .product-row > .info-product {
    display: none;
  }
  .product-rows {
    border-bottom: 1px solid #BCBEC0;
  }
  .ingred-cont-pr {
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-top: 0;
  }
  .icon-info-cont {
    margin: 10px 5px;
  }
  .not-av-cont .icon-info-cont {
    margin: 10px 20px;
  }
  .icon-info-cont > img {
    max-width: 25px;
    top: 0px;
  }
  .delivery-info-ch {
    font-size: 14px;
  }
  #themessage .date-sel {
    width: 100% !important;
  }
  .ch-sum {
    margin: 10px 8px 10px 30px;
  }
  .ch-sum.yellow-btn {
    margin: 20px 0 10px 30px;
  }
  ul.list-of-addresses > li {
    width: 100%;
    padding: 0;
  }
  ul.list-of-addresses {
    margin-right: 0;
    margin-left: 0;
  }
  .address-cont {
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
  }
  .addcart .add-to-cart-btn-slide {
    width: 48px;
    max-width: 48px;
    border-radius: 50%;
    align-self: flex-end;
  }
  .list-view-mobile .add-to-cart-btn-slide {
    margin-top: 6px;
  }
  .addcart .add-to-cart-slide {
    bottom: 0px;
    padding: 0
  }
  .addcart .plus-minus-cont {
    bottom: 0px;
  }
  .orderincart .farmer-details, .orderincart .package-weight-details {
    display: none;
  }
  .list-view-mobile .orderincart .pif-1 {
    height: auto;
  }
  .short-h1 {
    font-size: 25px !important;
    line-height: 34px;
    padding: 2px 15px;
  }
  .not-av-cont {
    flex-direction: column;
  }
  .delev-new-info {
    width: 100%;
  }
  .itm-not-av {
    width: 100%;
  }
  .box-info-dt {
    margin-right: 0;
    border-bottom: none;
    margin-bottom: 0;
  }
  .cc-btn-cont {
    padding: 10px;
    flex-direction: column-reverse;
  }
  .mobi-conf-chn {
    display: block;
    margin: 20px auto 0 auto;
    max-width: 420px;
    width: 94%;
  }
  #mainsection.nospace-mainsection {
    padding: 0;
  }
  .p-text {
    padding: 5px 20px;
  }
  .itm-not-av-sub {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .itm-not-av-price {
    width: 100%;
  }
  .con-ord-chn {
    margin: 10px 0;
  }
  .cancel-chn {
    font-size: 14px;
    padding: 7px 15px;
    max-width: 202px;
    margin: 20px auto;
  }
  .orders-diff-date {
    margin: 0;
  }
  .address-map-cont {
    flex-direction: column;
    padding: 10px 0;
  }
  .list-addr {
    width: 100%;
  }
  .map-pick-cont {
    width: 100%;
    display: none;
  }
  .select-fees {
    flex-direction: column;
    align-items: flex-end;
  }
  .select-confirm {
    width: 100%;
  }
  .options-btn-cont {
    flex-direction: column-reverse;
  }
  .add-pick-container .nav-tabs > li > a {
    font-size: 14px;
    min-width: 125px;
    margin-right: 15px;
    white-space: nowrap;
    display: flex;
    justify-content: center;
  }
  .add-pick-container .nav-tabs > li > a.free-pick-tab {
    margin-right: 0;
  }
  .add-pick-container .nav-tabs > li {
    width: 50%;
  }
  .steps-change-del {
    padding: 0 15px;
  }
  .step-title {
    line-height: 27px;
    font-size: 20px;
  }
  .promo-codes-buttons {
    flex-direction: column;
    align-items: center;
  }
  .promo-codes-buttons > li {
    width: 100%;
  }
  textarea.delev-instructions {
    height: 150px;
  }
  .add-address-submit {
    max-width: 100%;
  }
  .header-button-cont {
    flex-direction: column-reverse;
    padding-right: 10px;
  }
  .cancel-chad {
    align-self: flex-end;
  }
  .header-button-cont h1 {
    text-align: left !important;
    font-size: 25px !important;
  }
  .row-to-column {
    flex-direction: column;
    margin-bottom: 15px;
  }
  .add-new-address, .add-new-address > a {
    width: 100%;
  }
  .default-action-cont {
    flex-direction: column-reverse;
    margin: 0 auto;
  }
  .action-chad {
    margin-bottom: 15px;
  }
  .confirm-chn {
    margin: 15px auto;
  }
  .order-transfer {
    flex-direction: column;
    align-items: flex-start;
  }
  .select-order-na input[type="checkbox"] {
    align-self: flex-end;
  }
  .right-to-down-arrow {
    transform: rotate(90deg);
    align-self: center;
    margin: 10px;
  }
  .product-new-area {
    flex-direction: column;
    align-items: center;
  }
  .cat-with-cart {
    width: 100%;
  }
  .esc-word {
    display: none;
  }
  a.checkoubutton-l {
    width: 100%;
  }
  .farmer-details a {
    display: inline;
  }
  .farmer-details {
    text-align: left;
  }
  /*	does not work with bootstarp 4*/
  /*
	.line-crossing-header{
	width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;	
	}
*/
  .new-design-nosto .product-image-r img {
    width: auto !important;
    height: auto !important;
  }
  .nostobox.new-design-nosto {
    height: auto;
    margin-bottom: 0 !important;
    max-height: none !important;
  }
  .hts-det {
    width: 100%;
    padding: 8px 10px;
  }
  .kit-swap-amnt {
    flex-direction: column-reverse;
    width: inherit;
    align-items: flex-end;
  }
  .kit-swap-btn > a {
    padding: 8px 10px;
  }
  .kit-img-title {
    width: inherit;
  }
  .kit-pr-amnt {
    padding-right: 0;
    padding-bottom: 10px;
  }
  .kit-desc-kit {
    padding: 5px 8px;
    font-size: 15px;
  }
  .kit-itm {
    border-bottom: none;
  }
  .date-link-fh {
    flex-direction: column;
  }
  body.wpex-mobile-toggle-menu-icon_buttons .top_mobile_new .featured-list > li > a > img {
    max-width: 160px;
  }
  .pick-up-logo {
    display: none;
  }
  .pop-content {
    padding: 10px;
  }
  .header-pop {
    font-size: 20px;
    line-height: 27px;
  }
  .under-hdr-txt {
    font-size: 18px;
    line-height: 24px;
  }
  .email-pop {
    margin-right: 0px;
    margin-bottom: 10px;
    /*    width: 280px;*/
    display: block !important;
  }
  .enter-btn-pop {
    width: 100%;
  }
  .header-with-border {
    padding: 20px 0;
  }
  .sort-cat-opt {
    width: 95%;
    display: flex;
    justify-content: flex-start;
    padding-right: 0;
  }
  .catalog-new-cont #example-onInitialized-button {
    margin-left: 6px;
    padding: 7px 6px;
  }
  .catalog-new-cont .multiselector .btn {
    min-width: 160px;
  }
  .sort-cat-opt .dropdown-menu > li:first-child {
    display: none;
  }
  #addtothecart-large {
    min-width: 275px;
  }
  /****deliv calendar***********/
  .delivery-notification-text img {
    display: block;
    width: 29px;
    height: 32px;
    margin: 10px 0px 0px 0px;
  }
  .delivery-notification-text {
    display: flex;
    width: 100%;
    padding: 5px 10px 5px 30px !important;
    align-items: flex-start;
  }
  .delivery-notification {
    margin: 0px auto 10px auto !important;
    padding: unset;
  }
  .eta-text {
    font-size: 14px;
    text-align: left;
    margin: 5px 0;
  }
  .welcome-info-msg .change-del-date {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
  }
  .change-del-date > a {
    width: 100%;
  }
  .recp_del_addr {
    border-right: solid 1px #BCBEC0;
  }
  .change-del-date.green-button-new a:link, .change-del-date.green-button-new label {
    width: 100%
  }
  .recp_del_addr {
    border-right: solid 1px #BCBEC0;
  }
  #in-thecart-large {
    min-width: 250px;
  }
  /*delivery calendar */
  .dropdown-content-delv-date {
    display: none;
    position: fixed;
    top: 60px;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    overflow-x: auto;
    padding: 10px 10px 60px 10px;
  }
  .dropdown-content-delv-date > label[for="show-hide"] {
    float: right;
  }
  label[for="show-hide"] {
    cursor: pointer;
  }
  label[for="show-hide"] > * {
    pointer-events: none;
  }
  /*
.close-dropdown {
	position: fixed;
	top: 60px;
	z-index: 1;
	right: 0px;
	padding: 9px;
	background-color: white;
}
*/
  .dropbtn-delv-date {
    pointer-events: none;
  }
  input[type=checkbox]#show-hide:checked ~ .dropdown-content-delv-date {
    display: block;
  }
  input[type=checkbox]#show-hide:checked ~ label > .close-dropdown {
    display: block;
  }
  #show-hide {
    display: none;
  }
  .shopping-for {
    display: flex;
    width: 100%;
    padding: 5px 10px;
    align-items: flex-start;
  }
  .shopping-for-day {
    margin: 5px;
    font-size: 14px;
    text-align: left;
  }
  .delv-days-hdr {
    text-align: left;
    font-weight: 600;
    font-size: 18px;
    color: #222222;
    padding: 2px 2px 12px 2px;
    border-bottom: 1px solid #BCBEC0;
  }
  .delv-days-caln > li > a {
    display: flex;
    border-bottom: 1px solid #BCBEC0;
    padding: 10px 6px;
  }
  .delv-days-caln > li {
    border-left: 3px solid transparent;
  }
  .delv-info-drop {
    display: flex;
    align-items: center;
  }
  .delv-days-caln .delivr_date {
    color: #484848;
    width: 30px;
    text-align: center;
    line-height: 19px;
    margin-right: 20px;
  }
  .bold-days {
    font-weight: 600;
  }
  .truck-dd-selct {
    margin-right: 6px;
    align-self: flex-start;
    display: none;
  }
  .delv-price-itms {
    font-weight: bold;
    color: #222;
    line-height: 17px;
    margin-bottom: 2px;
  }
  /*special days*/
  .eta-dtoday .truck-dd-selct {
    display: block;
  }
  .eta-dtoday .delv-price-itms {
    color: #808285
  }
  .eta-dtoday .delivr_ops {
    color: #222222;
    font-weight: 600;
  }
  li.current-order {
    background-color: rgba(149, 187, 82, .4);
  }
  li.confirmed-order, li.eta-dtoday {
    border-left: 3px solid #95BB52;
  }
  li.same-day-selected-m {
    border-left: 3px solid #222222;
  }
  li.off-delivery {
    background-color: #EEEEEE;
  }
  li.off-delivery .delivr_ops {
    font-size: 14px;
    line-height: 16px;
  }
  li.free-del-tag:before {
    content: 'FREE';
    background-color: #95BB52;
    position: absolute;
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
    border-right: 3px solid #95BB52;
    border-left: 3px solid #95BB52;
    top: -3px;
    left: -3px;
  }
  li.free-del-tag, li.samed-del-tag {
    position: relative;
  }
  li.samed-del-tag:before {
    content: 'SAME DAY';
    background-color: #222;
    position: absolute;
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
    border-right: 3px solid #222;
    border-left: 3px solid #222;
    top: -3px;
    left: -3px;
  }
  li.off-delivery > a {
    cursor: not-allowed;
  }
  /* mobile delivery mobile */
  .delivery-notification-text img {
    display: block;
    width: 29px;
    height: 32px;
    margin: 13px 0px 0px;
  }
  .delivery-notification-text {
    display: flex;
    width: 100%;
    padding: 5px 10px 5px 10px !important;
    align-items: flex-start;
  }
  .delivery-notification {
    margin: 20px 0 10px 0;
    padding: unset;
  }
  .eta-text {
    font-size: 14px;
    text-align: left;
    margin: 5px 0;
  }
  .change-del-date {
    width: 100%;
    padding-left: 47px;
    padding-right: 10px;
    text-align: left;
  }
  .change-del-date > a {
    width: 100%;
  }
  .pick-logos {
    font-size: 16px;
    text-align: center;
  }
  .invalid-email-input {
    flex-direction: column;
  }
  .invalid-post-msg {
    width: 95%;
  }
  .red-invalid-msg {
    padding-bottom: 0;
  }
  .deliv-area-cont .email-pop {
    margin-bottom: 10px;
  }
  .thxs {
    padding: 10px;
  }
  #OrdersConfirmedID {
    float: none;
  }
  .confirmedOrderCh > .completeOrder {
    display: block;
    text-align: center;
  }
  .si-action {
    flex-direction: column;
  }
  .si-action > a {
    margin: 15px 0 0;
    max-width: 100%;
    min-width: 200px;
  }
  .raf-nps .emailto-raf-signin, .raf-nps .refLink, .raf-nps .send-invite {
    max-width: 100%;
    width: auto;
  }
  .pad-15 {
    padding: 0 15px 15px;
  }
  .disclaimer {
    padding: 10px;
  }
  .itm-info-cont {
    flex-direction: column;
  }
  .pr-txt-cont {
    margin: 0 0 10px;
  }
  .full-width-btn > a {
    padding: 13px 10px;
  }
  .subitemdes {
    width: 70%;
  }
  .fhb-box-labels {
    flex-wrap: wrap;
  }
  .pr-info-under {
    flex-direction: column;
  }
  .pr-labels, .pr-ingredients {
    width: 100%;
    padding: 0px;
  }
  .pr-info-under .ingred-cont-pr {
    flex-direction: column;
  }
  .product-row > span#n_FHB_List_ID {
    flex-direction: column;
  }
  .txt-beside-filter {
    margin: 0 0 25px;
  }
  label[for="personalS"], label[for="corporateS"] {
    width: calc(100% - 28px);
  }
  #signup-tabbedsection.sign-up-cont .form-controlb {
    width: 100% !important;
  }
  #signup-tabbedsection.sign-up-cont .form_line {
    width: 100%;
  }
  .signupP-btn {
    width: 100% !important;
  }
  #signup-tabbedsection.sign-up-cont {
    background-color: #FFFFFF;
    padding: 5px;
  }
  .si-btn-m {
    display: block;
    float: right;
  }
  .si-btn-m ~ .h1-mob {
    text-align: left !important;
  }
  .password_input_eye {
    right: 1px;
  }
  .list-view-on .product-flags-cont, .list-view-on .flag-product-right {
    top: 95px;
    bottom: inherit;
  }
  .list-view-on .pr-image-wr-whole .circle-promo {
    left: calc(40% - 40px);
    width: 45px;
  }
  .sort-cat-opt.choose-method-fltr {
    width: auto;
    height: 38px;
  }
  .product-rows li.kit-details:last-child {
    border-bottom-color: transparent;
  }
}
/* ----------- iPad Pro 12.9" ------------------------------------------------------------ */
/* Landscape */
@media (max-width: 1400px) and (min-width: 1000px) and (orientation: landscape) {
  .omni_banner {
    height: 34rem;
    background-position: 100% 81%;
  }
  .circle_text_sub {
    font-size: 40px;
  }
  .shop_link {
    margin: 50px 0 50px 0;
  }
  .body_text_omi {
    font-size: 70px;
    padding: 7rem 0;
  }
  .shop_link a {
    font-size: 45px;
  }
  .partner_area .body_text_omi {
    font-size: 63px;
  }
  .plus_sign_partner {
    font-size: 154px;
  }
  .spud_plush_copy {
    padding: 7rem 7rem;
    font-size: 31px;
  }
  .first_img_partner {
    width: 600px !important;
  }
  .last_img_partner {
    width: 350px !important;
  }
  .circle_text {
    margin: 20px auto;
  }
  .anchore_arrow {
    padding-top: 0;
  }
  .rf-order-btns a::before {
    content: '';
  }
}
/* landscape mobile ********************************************************************************/
@media (max-width: 840px) and (min-width: 10px) and (orientation: landscape) {
  .meal_kit_thm {
    min-height: 425px !important;
  }
  .add-to-shopping-list-form .add-to-list-cont {
    right: 15%;
    top: 20px;
    width: 24px;
    min-height: 24px;
  }
  .ptin-add-to-cart .add-to-shoplist {
    right: 14% !important;
  }
  @media (min-width: 10px) and (max-width: 600px) {
    .products-area-loggout > ul > li {
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
      max-width: 100%;
    }
  }
  /*  iphone 5 ********************************************************************************/
  @media (min-width: 10px) and (max-width: 320px) {
    #top-store-tabs .nav > li > a {
      position: relative;
      display: block;
      padding: 5px 10px;
    }
    #Box_Mobile .nav > li > a {
      position: relative;
      display: block;
      padding: 5px 5px;
      font-size: 11px;
    }
    #Box_Mobile .tab-pane, #Box_Mobile td {
      font-size: 11px;
    }
    .mk_hdr_in_text {
      padding-right: 0;
    }
  }