.cart_items .quantityLabel {
  display: block;
  text-align: right;
  margin: 0 10px 10px 0;
}

body#cart {
  .flex_container.checkout_sticky.guide2 {
    justify-content: space-between;
  }

  .checkout_button {
    order: 4;
    padding-bottom: 0;
    padding-top: 5px;
    min-width: 100%;
  }

  .alternative_payments {
    justify-content: space-between;
    flex-wrap: wrap;

    > * {
      flex: 1 1 0;
      padding-right: 6px;
      padding-left: 0;

      &:last-child,
      &.checkout_button {
        padding-right: 0;
      }
    }
  }

  .google_pay_button {
    margin: 5px 0;
    display: block;
  }

  .apple-pay-button {
    height: 40px;
    width: 100%;
  }

  .masterpasss_button,
  .paypal_button {
    a {
      display: grid;
    }
     img {
       height: 40px;
       margin: 0 auto;
     }
  }

  .cart_items {
    li {
      border-width: 1px 0;
      border-style: solid;
      border-color:$grayLight;

      & + li {
        border-top: 0;
      }
    }
  }

  .mobileComposedCart {
    .rmp_banner_section {
      padding-bottom: 5px;
      background-color: $grayLight;

      .rmp_banner {
        border: none;
        background-color: $white;
      }
    }

    #error {
      border: none;
      margin: 0;
    }

    .messageError {
      margin: 0;
    }

    .messageError:not(:empty) ~ section.banner_section,
    .messageError:not(:empty) ~ section.storeInfoSection #storeInfoSection{
      padding-top: 5px;
    }

    .messageError ~ section.banner_section ~ section.storeInfoSection #storeInfoSection {
      padding-top: 0;
    }

    .bs_item .framework.fullwidth{
      position: relative;
      top: 20px;
    }

    #storeInfoSection {
      background-color: $grayLight;
      padding: 0 0 5px 0;

      .container {
        padding: 10px 0 10px 10px;
        background-color: $white;
        border: none;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
      }

      .store_info {
        margin: 5px 0;
      }

      .change_store {
        padding: 0 1rem 1rem 1rem;
        border-left: 1px solid $grayLight;
      }
    }

    .empty_cart_section {
      padding: 1.25rem;
      border-bottom: 5px solid $grayLight;
      font-size: 0.875rem;
    }

    .cpd_item {
      padding-bottom: 1.25rem;

      .product_img img {
        width: auto;
        max-width: 150px;
      }
    }
  }

  .span3 > .option1 {
    margin-bottom: 5px;
    line-height: 20px;
  }

  .pickup_method {
    position: relative;
    top: 5px;
    line-height: 15px;
  }

  .ppp_m_entry {
    .sku_details {
      border-top: 1px solid #f1f1f1;
      margin: 0 10px;
      padding-right: 0;
    }

    .ppp_m_img img {
      border: 1px solid #f1f1f1;
      padding: 14px;
    }

    .sku_description {
      margin-top: 12px;
    }
  }

  .ppp_m_protection_included {
    font-size: 18px;
    display: block;
  }
}

.empty_cart_message {
  padding: 2.18rem 1.25rem;
  text-align: center;
  background: $lightBlue;
  margin: 0.62rem 0;
  a {
    margin: 0.93rem;
    width: 50%;
    padding: 0.62rem;
  }
}

.mobileComposedCart {

  .interior {
    padding: 1rem;
  }

  .cart-heading {
    padding: 0 0.75rem;
  }

  .od-brief-cart-total,
  .od-brief-cart-heading {
    font-size: 1.5em;
  }

  // HACK to show a different BriefCart heading in MSite
  .od-brief-cart-heading {
    display: none;
  }

  .od-brief-cart-count:before {
    content: "Cart";
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 0.5em;
    display: inline-block;
  }
}

.empty_cart_modal {
  .empty_cart_buttons {
    display: flex;

    .button {
      -webkit-flex-grow: 1;
      flex-grow: 1;

      + .button {
        margin-left: 15px
      }
    }
  }

  #boxesTopContent,
  #boxesBottomContent {
    display: none;
  }
}

.pickup-CPD-order-container {
  position: relative;

  #mb_express_cpd_pickup_terms {
    line-height: 18px;
    margin-left: 4px;
  }

  .styled_radio_value {
    display: inline-block;
    vertical-align: top;
  }

  .express_pickup_option_radio {
    width: 6%;
  }

  .styled_radio_value {
    width: 90%;
  }

  .form_field {
    margin-bottom: 15px;
  }

  #cpdExpressPickupLabel {
    position: relative;
  }

  #termsNotSigned {
    top: 27px;
    left: -6px;
  }

  .select_cpd_pickup_item {
    left: 0;
    top: 0;
  }

  label.accept_terms {
    background: #CE0000;
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 5;
    color: #fff;
    font-size: 12px;
    padding: 3px;
  }

  label.select_cpd_pickup_item {
    background: #CE0000;
    top: 0;
    left: 5px;
    z-index: 5;
    color: #fff;
    font-size: 12px;
    padding: 3px;
  }

  label.accept_terms:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(206, 0, 0, 0);
    border-bottom-color: #CE0000;
    border-width: 5px;
    margin-left: -5px;
    left: 7%;
    top: -7px;
    border-bottom: 7px solid #ce0000;
    border-top: 0;
  }
}

// MSite existing breakpoint
@media all and (min-width: 480px) {
  body#cart {
    .alternative_payments > *:last-child {
      padding-right: 6px;
    }

    .checkout_button {
      padding-top: 0;
      min-width: 0;
    }

    .paypal_button .png_image,
    .masterpasss_button .png_image {
      display: block;
    }

    .paypal_button .svg_image,
    .masterpasss_button .svg_image {
      display: none;
    }
  }
}

// Fix for smallest iphone
@media all and (max-width: 320px) {
  body#cart {
    .checkout_button {
      padding-top: 0;
    }

    .apple-pay-button {
      height: 34px;
      width: 100%;
    }
  }
}

//Add margin to last item in mobile, stop at greater than iPad.
@media all and (max-width: 768px) {
  body#cart {
    #storeInfoSection {
      background-color: $grayLight;
      padding-bottom: 10px;

      .container {
        padding: 10px 0 10px 10px;
        background-color: white;
        border-width: 1px 0;
        border-style: solid;
        border-color: $grayMedium;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
      }

      .store_info {
        margin: 5px 0;
      }

      .change_store {
        padding: 0 1rem 1rem 1rem;
        border-left: 1px solid $grayLight;
      }
    }
  }
}

.margin-bottom-sm {
  margin-bottom: 1rem !important;
}