﻿/*@brand-layout: #222;

@brand-primary: #06c;
@brand-secondary: #f90;
@brand-tertiary: #888;*/
@media (max-width: 992px) {
  .cart .container {
    width: 100%;
  }
}
.cart .delete-btn {
  display: inline-block;
  Cursor: pointer;
  background-color: #bb3c45;
  width: 18px;
  height: 17px;
  background: url('../../images/delete_btn.png') no-repeat center;
}
.cart .input-group-sm input {
  min-width: 28px;
}
.cart .title {
  text-align: left;
  margin-left: 15px;
  text-transform: uppercase;
}
.cart .media-left,
.cart .media-right,
.cart .media-body {
  display: table-cell;
  vertical-align: middle;
}
.cart a.add-to-cart {
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  color: #bb3c45;
  border-color: #bb3c45;
  background-color: #ffffff;
  width: 147px;
  height: 45px;
  clear: left;
}
.cart a.add-to-cart:hover {
  background-color: #bb3c45;
  color: #ffffff;
}
.cart .total {
  background-color: #257d48;
  text-transform: uppercase;
  color: white;
  font-size: clamp(13px, 2vw, 20px);
  padding: 10px;
  float: right;
  white-space: nowrap;
}
@media only screen and (min-width: 293.98px) and (max-width: 574.98px) {
  .cart .list-group-item,
  .cart .grid-group-item,
  .cart .reference {
    padding: 5px;
    width: 100%;
  }
  .cart .list-group-item .thumbnail img,
  .cart .grid-group-item .thumbnail img,
  .cart .reference .thumbnail img {
    width: 100%;
  }
  .cart .list-group-item .thumbnail .caption,
  .cart .grid-group-item .thumbnail .caption,
  .cart .reference .thumbnail .caption {
    width: 100%;
    padding: 5px;
    text-align: center;
  }
  .cart .list-group-item .thumbnail .caption .text-description,
  .cart .grid-group-item .thumbnail .caption .text-description,
  .cart .reference .thumbnail .caption .text-description {
    min-height: 150px;
  }
}
.cart-list .btn-danger {
  font-size: 11px;
  padding: 3px 5px;
  color: #86373D;
  background-color: white;
  float: right;
}
.cart-list .btn-danger:hover {
  color: white;
  background-color: #86373D;
}