.cart {
  position: relative;
}
.cart-mobile {
  display: none;
  margin-top: 12px;
}
.cart .badge {
  background: red;
  border-radius: 30px;
  color: #fff;
  font-size: 11px;
  margin-top: -10px;
  min-width: 20px;
  padding: 2px;
  position: absolute;
  text-align: center;
  right: -10px;
}
.added {
  display: none;
  color: #3AFA3A;
}
#cart-container,
#cart-container-mobile {
  position: absolute;
  top: 90%;
  background-color: #FFF;
  width: 350px;
  height: auto;
  min-height: 250px;
  border: 1px #333333 solid;
  border-radius: 25px;
  display: none;
}
#cart-container-mobile {
  left: 15px;
  padding-top: 25px;
}
#cart-container .item-list,
#cart-container-mobile .item-list {
  width: 100%;
  display: none;
}
#cart-container ul,
#cart-container-mobile ul {
  width: 90%;
  margin-left: 5%;
  padding-inline-start: initial;
}
#cart-container li,
#cart-container-mobile li {
  font-size: 16px;
  height: 50px;
  padding-bottom: 50px !important;
  border-bottom: 1px #EEE solid;
  display: block;
}
#cart-container li img,
#cart-container-mobile li img {
  width: 40px;
  height: 40px;
}
#cart-container li span,
#cart-container-mobile li span {
  display: inline-block;
}
#cart-container li .name,
#cart-container-mobile li .name {
  width: 100px;
  margin-left: 15px;
}
#cart-container li .qty,
#cart-container-mobile li .qty {
  width: 65px;
  text-align: center;
}
#cart-container li .subtotal,
#cart-container-mobile li .subtotal {
  width: 65px;
  text-align: right;
}
#cart-container li .remove-btn,
#cart-container-mobile li .remove-btn {
  margin-left: 5px;
  color: #FA3A3A;
}
#cart-container li.cart-total,
#cart-container-mobile li.cart-total {
  text-align: right;
  font-weight: 600;
  padding-right: 29px !important;
}
#cart-container li .total-label,
#cart-container-mobile li .total-label {
  width: 120px;
  margin-right: 25px;
}
#cart-container .btn,
#cart-container-mobile .btn {
  display: block;
  background-color: #f69523;
    border-color: #f69523;
    color: white;
    width: 300px;
    margin: 20px auto;
}
#cart-container .empty-msg,
#cart-container-mobile .empty-msg {
  width: 100%;
  margin-top: 100px;
  text-align: center;
}
#checkout-container,
#paypal-checkout-container {
  display: none; position: fixed; top: 155px; border: 1px #3A3A3A solid; border-radius: 25px; left: 30%; width: 40%; height: auto; background-color: #FFF; z-index: 1060; padding: 35px;
}
#checkout-container {
  position: absolute;
}

@media only screen and (max-width: 480px) {
  .cart-mobile {
    display: inline-block;
  }
  #checkout-container,
  #paypal-checkout-container {
    left: 2%;
    width: 96%;
    padding: 5px;
  }
  .btn.purchase-btn {
    display: block;
  }
}