/*
 * Cart Details
 */
/*#52771B*/
/* promobar */
/*#7e3bd0*/
/*#d03bc4*/
/* media up to # */
/* media from # up */
#cdctrl, #cdctrl2 {
  padding: 16px 0; }
  #cdctrl button, #cdctrl2 button {
    width: 100%;
    height: 32px; }
    #cdctrl button.refresh, #cdctrl2 button.refresh {
      max-width: 200px; }

#cdctrl2 {
  text-align: center; }

#cdtotal {
  padding: 16px 8px;
  font-weight: bold;
  text-align: center; }

.citem {
  position: relative; }

#cditems .citem {
  position: relative;
  min-height: 136px;
  padding: 8px 0;
  border-bottom: 1px solid #ccc;
  margin: 20px 0; }
  #cditems .citem h5 {
    font-size: 1.3rem;
    margin-top: 8px;
    margin-bottom: 15px;
    max-width: 60%; }
    @media (min-width: 768px) {
      #cditems .citem h5 {
        font-size: 1.5rem; } }
  #cditems .citem .image {
    position: relative;
    display: inline-block; }
  #cditems .citem img {
    float: left;
    height: 90px; }
    @media (min-width: 768px) {
      #cditems .citem img {
        height: 120px; } }
  #cditems .citem .description {
    position: relative;
    max-width: 60%;
    display: block; }
  #cditems .citem .message {
    position: relative;
    max-width: 60%;
    display: block;
    color: #EE5A1C;
    padding: 4px 4px;
    margin: 6px 0;
    border: 1px solid #EE5A1C;
    box-shadow: none;
    border-radius: 3px;
    font-size: 80%; }
  #cditems .citem .id {
    display: none; }
  #cditems .citem .identifier {
    position: absolute;
    top: -12px;
    left: 0;
    font-size: 1.3rem;
    color: #888; }
  #cditems .citem .quantity, #cditems .citem .price, #cditems .citem .sum {
    position: absolute; }
  #cditems .citem .quantity {
    top: 15px;
    left: 65%; }
    #cditems .citem .quantity:after {
      content: " x"; }
    @media (min-width: 768px) {
      #cditems .citem .quantity {
        right: 140px;
        left: auto; } }
  #cditems .citem .price {
    top: 14px;
    right: 0;
    font-size: 1.3rem;
    color: #465241;
    font-family: Bitter, Georgia, Times, Times New Roman, serif; }
    @media (min-width: 768px) {
      #cditems .citem .price {
        right: 32px;
        font-size: 1.6rem; } }
  #cditems .citem .sum {
    top: 40px;
    right: 0;
    font-size: 1.5rem;
    color: #465241;
    font-family: Bitter, Georgia, Times, Times New Roman, serif;
    padding-top: 6px;
    border-top: 2px double #465241; }
    @media (min-width: 768px) {
      #cditems .citem .sum {
        right: 32px;
        font-size: 2rem; } }
  #cditems .citem .cictrl {
    position: absolute;
    display: block;
    bottom: 16px;
    right: 0;
    padding: 16px 0 0 8px;
    text-align: right;
    max-width: 60%; }
    #cditems .citem .cictrl button, #cditems .citem .cictrl input, #cditems .citem .cictrl select {
      display: inline-block; }
    #cditems .citem .cictrl input {
      width: 50px;
      background-color: #fff;
      margin-left: 3px;
      vertical-align: middle;
      height: 24px;
      border: 1px solid #bbb; }
    #cditems .citem .cictrl select {
      text-align: center;
      padding: 0 8px;
      vertical-align: middle;
      width: 50px;
      border: none;
      height: 24px; }
    #cditems .citem .cictrl button {
      padding: 2px 16px; }
    @media (min-width: 768px) {
      #cditems .citem .cictrl {
        right: 16px;
        padding: 16px 8px;
        text-align: center;
        max-width: none; }
        #cditems .citem .cictrl input {
          width: auto;
          max-width: 50px; } }

@media (min-width: 768px) and (max-width: 979px) {
  body.page-cart .col-secondary {
    display: flex;
    max-width: none; }
    body.page-cart .col-secondary .artadd {
      margin-right: 20px; } }