.ticket-box {
    background: #efefef;
    padding:30px;
    vertical-align: middle;
    margin-bottom: 60px;
}

.ticket-box ol {
    margin-bottom: 0;
}

.ticket-box ol li {
    margin-bottom: 15px;
}

.ticket-box h3 {
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: solid 3px #aaa;
    position: relative;
}

.ticket-box h3:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #000;
    bottom: -3px;
    width: 5%;
}

.ticket-box ol li:last-child {
    margin-bottom: 0;
}

.ticket-box .product-item-name {
    vertical-align: top;
}

.product-item .price-box,
.product-item .product-item-name {
    padding-top: 5px;
}

.product-item .price-box,
.product-item .product-item-name,
.product-item-inner input[type="number"]{
    margin-top:0;
    margin-bottom: 0;
    margin-right: 20px;
}

.product-item-inner input[type="number"] {
    width: 80px;
    height: 40px;
    line-height: 40px;
}

.ticket-box .action.primary {
    border-radius: 3px;
    background: #444;
    border-bottom: 2px solid #000;
    border-top: 1px solid #444;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    height: 40px;
    line-height:40px;
    padding: 0;
    width: 200px;
}

.action.primary:hover {
    background: #777;
    border-bottom: 2px solid #000;
    border-top: 1px solid #777;
    border-left: 1px solid #777;
    border-right: 1px solid #777;
}

.product-item .price-box {
  width: 60px;
}

.product-tooltip {
  position: relative;
  display: block;
  margin-top: 5px;
  width: 20px;
}

.price-container .price {
  font-size: 1.4rem;
  display: block;
}

.ticket-box .product-item-name:before {
  color:#c00;
  content: "\e619";
  font-family: 'luma-icons';
  font-weight:bold; 
}

@media screen and (min-width:768px){
  .ticket-box .product-item-name {
     width: 200px;
     text-indent:-1.2rem;
   }

  .products-list .product-item-details {
    display: flex !important;
 }

 .price-container .price {
   text-align: right;
 }
}


@media screen and (max-width:767px){
    .columns {
        padding-top: 0 !important;
        margin-top: -30px;
    }
    
    .ticket-box {
        padding: 15px;
    }

    .ticket-box .product-item-name {
      text-indent:-1rem;
      margin-left:0.5em;
    }

    .ticket-box .product-item-name {
        width: 100%;
        font-size:1.6rem;
    }

    .ticket-box .product-item-actions {
        display: flex;
    }
    
    .ticket-box .product-item .price-box {
        margin-right:10px;
        float:left;
    }
    
    .ticket-box .product-item-actions input[type="number"] {
        margin: 0 10px 0 30px;
        width: 40px;
    }
    
    .ticket-box .action.primary {
        margin-right: 0;
        width: 120px;
        padding-left:0; 
        padding-right:0; 
    }
    
    button.tocart {
      width: 100px !important;
    }
    
    .product-tooltip {
      position: relative;
      display: block;
      width: 15px;
      margin-top: 5px;
      margin-right: 5px;
  }
}