.card-header .del {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  width: 30px;
  height: 30px;
  border-radius: 5px;
}

.img_wrapper_basket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 23%;
  overflow: hidden;
}

.btn_cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card {
  background: #f9f9f9;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.card_name {
  font-family: Merriweather;
  font-size: 18px;
  width: 37%;
  letter-spacing: 0.8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.del {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.del a {
  background: url(/template/img/btn_delete.svg) center center no-repeat;
  display: block;
  width: 1.5em;
  height: 1.5em;
}

.hr_card {
  height: inherit;
  border-left: 1px solid #e5e5e5;
  margin: 0 16px;
}

.card_price {
  width: 10%;
}

.card_num {
  width: 13%;
}

.itog {
  font-family: Merriweather;
  font-size: 24px;
  color: #525764;
}

.itog span {
  font-family: OpenSansSemiBold;
  padding-left: 15px;
}

.form_basket {
  max-width: 700px;
  margin: auto;
}

.form_box input[type=radio] {
  width: 0.8em;
  height: 0.8em;
}

.form_box {
  background: #e5e5e5;
  min-height: 135px;
  padding: 10px 15px;
}

.form_basket textarea {
  height: 100px;
}

.basc_prod_num {
  position: absolute;
  width: 21px;
  height: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #00476b;
  color: var(--main-color-white);
  font-weight: 500;
  font-size: 12px;
  border-radius: 50%;
  z-index: 2;
  left: -10px;
  top: -4px;
}

.header-cart__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 9px;
}

.header-cart__title {
  font-weight: 400;
  font-size: 12px;
  line-height: 167%;
  color: var(--main-color-gray);
}

#header_total_price {
  font-weight: 700;
  font-size: 16px;
  line-height: 125%;
  color: var(--main-color-darkgray);
}

@media (max-width: 767px) {
  .card {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .card {
    padding: 10px;
  }
  .card_num > .d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .card .minus {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .card .num {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .card .plus {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .card_num button,
.card_num .form-control {
    margin: 5px !important;
  }
  .card_price {
    width: 20%;
  }
  .card_num {
    width: 7%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .img_wrapper_basket {
    width: 20%;
  }
  .card_name {
    width: 33%;
  }
  .card_num {
    width: 15%;
  }
  .card_price {
    width: 15%;
  }
}
@media (max-width: 1199px) {
  .card_name a {
    font-size: 16px;
  }
}/*# sourceMappingURL=basket.css.map */