.cart-inbox {
  background-color: transparent !important;
  color: #E0144C !important;
  padding: 9px;
  cursor: pointer;
  text-decoration: none !important;
  white-space: nowrap !important;
  margin-top: 5px;
  text-align: center;
}

.badge {
  padding-left: 9px;
  padding-right: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}

#cart-items {
  font-size: 12px;
  border: 1px solid #E0144C !important;
  background-color: #ffffff;
  color: #E0144C;
  padding: 0 5px;
  vertical-align: top;
  margin-left: -10px;
}

#cart-items-mobile-footer {
  font-size: 12px;
  border: 1px solid #E0144C !important;
  background-color: #ffffff;
  color: #E0144C;
  padding: 0 5px;
  vertical-align: top;
  margin-left: -10px;
}

.cart__item-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: auto;
  width: 40rem;
  max-width: 90%;
}

.cart__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
  margin-bottom: 1rem;
}

.cart__item h1,
.cart__item h2 {
  margin-right: 1rem;
  font-size: 1.2rem;
  margin: 0;
}

.cartbox__image img {
  width: 150%;
}

.cart-right-side {
  border-right: 1px solid #CCC;
  margin-bottom: 30px;
}

.cart-left-side {
  border-left: 0px solid #CCC;
}

/* --- Media Queries ---- */

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

  .cart-right-side {
      border-right: 0px;
      margin-bottom: 30px;
    }
  
    .cart-left-side {
      border-left: 0px;
    }

}




@media screen and (min-width: 765px) {
  .mb-small {
    margin-bottom: 0px;

  }
}