a{
  cursor: pointer;
}

.simpleCart_shelfItem{
  border: solid 1px #002c52;
  padding: 10px;
}

.productAdded,
.productUpdated {
  display: none;
  position: fixed;
  bottom: 0px;
  width: 70%;
  left: 15%;
  z-index: 95;
  color: white;
  border-radius: 3px;
  padding: 10px;
}

.product-name{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: #000 solid 1px;
	border-bottom: #000 solid 1px;
	min-height: 60px;
	line-height: 17px;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	font-weight: 700;
}

.item_quantity{
  border: solid 1px #999;
	text-align:center; 
}

.headerRow {
display: none;
}

.itemRow .item-total {
    color: red;
    font-weight: 800;
}

  @media screen and (min-width: 320px) {
    .itemRow {
      width: 100%;
      padding: 5px;
      position: relative;
      margin-bottom: 30px;
      height: 190px;
    }

    .itemRow .item-unit {
      display:none;
     }
  
    .itemRow .item-name {
      position: absolute;
      width: 88%;
      left: 0px;
      top: 0px;
      border-bottom: solid 1px #000;
      border-top: solid 1px #000;
      font-weight: 700;
      height: 40px;
      line-height: 16px;
      display: flex;
      align-items: center;
    }
  
    .itemRow .item-thumb {
      position: absolute;
      width: 35%;
      left: 0px;
      top: 40px;
    }
  
    .itemRow .item-thumb img {
      width: 100%;
      padding: 5px;
    }
  
    .itemRow .item-price {
      position: absolute;
      width: 45%;
      left: 40%;
      top: 40px;
      border-bottom: solid 1px #efefef;
    }
    .itemRow .item-price::before {
      content: "PRICE : ";
    }
  
    .itemRow .item-tax {
      position: absolute;
      width: 45%;
      left: 40%;
      top: 70px;
      border-bottom: solid 1px #efefef;
    }
  
    .itemRow .item-tax::before {
      content: "VAT : ";
    }
  
    .itemRow .item-totalNet {
      position: absolute;
      width: 45%;
      left: 40%;
      top: 100px;
      border-bottom: solid 1px #efefef;
    }
  
    .itemRow .item-totalNet::before {
      content: "NET : ";
    }
  
    .itemRow .item-total {
      position: absolute;
      width: 45%;
      left: 40%;
      top: 130px;
      border-bottom: solid 1px #efefef;
    }
  
    .itemRow .item-total::before {
      content: "TOTAL :";
    }

    .itemRow .item-quantity {
      position: absolute;
      top: 30px;
      right: 0px;
      width: 10%;
      text-align: center;
      border-left: solid 1px #efefef;
      border-right: solid 1px #efefef;
      line-height: 60px;
    }
  
    .itemRow .item-increment {
      position: absolute;
      right: 0px;
      top: 0px;
      width: 10%;
      text-align: center;
      border: solid 1px #efefef;
      border-radius: 4px 4px 0px 0px;
    }
  

    .itemRow .item-decrement {
      position: absolute;
      right: 0px;
      top: 90px;
      width: 10%;
      text-align: center;
      border: solid 1px #efefef;
      border-radius: 0px 0px 4px 4px;
    }
  
    .itemRow .item-increment a,
    .itemRow .item-decrement a {
      color: black;
      text-decoration: none;
      font-size: 20px;
    }
  
    .itemRow .item-remove {
      position: absolute;
      right: 0px;
      width: 10%;
      text-align: center;
      bottom: 20px;
      border: solid 1px #efefef;
    }
  
    .itemRow .item-remove a {
      padding: 5px;
      color: black;
      border-radius: 4px;
      display: block;
    }
  
    .simpleCart_grandTotal,
    .simpleCart_tax,
    .simpleCart_total {
      width: 100%;
      color: red;
      text-align: center;
      font-size: 18px;
      font-weight: 700;
    }
  
    .simpleCart_grandTotal::before {
      content: "TOTAL : ";
    }
  
    .simpleCart_tax::before {
      content: "VAT TOTAL : ";
    }
  
    .simpleCart_total::before {
      content: "SUB TOTAL : ";
    }
  
    .product-image img {
      padding: 0px;
    }

  }
  
  
  
  @media screen and (min-width: 540px) {
    .headerRow {
      font-weight: 700;
      display: block;
      font-size: 20px;
      border-bottom: solid 1px black;
      margin-bottom: 10px;
      padding-bottom: 10px;
    }
  
    .headerRow .item-thumb {
      display: none;
    }
  
    .headerRow .item-unit {
      display: inline-block;
      width: 5%;
      text-align: center;
    }
  
    .headerRow .item-decrement {
      display: none;
      width: 5%;
      text-align: right;
      background: #000;
    }
  
    .headerRow .item-quantity {
      display: inline-block;
      width: 15%;
      text-align: center;
    }
  
    .headerRow .item-increment {
      display: none;
      width: 5%;
      text-align: left;
    }
  
    .headerRow .item-name {
      display: inline-block;
      width: 40%;
      line-height: 12px;
    }
  
    .headerRow .item-price,
    .headerRow .item-tax,
    .headerRow .item-totalNet,
    .headerRow .item-total {
      display: inline-block;
      width: 8%;
      text-align: center;
      margin-right: 10px;
    }
  
    .headerRow .item-remove {
      /* display: inline-block; */
      width: 5%;
      text-align: center;
      display: none;
    }
  
    /* ////////////////// */
    /* ////////////////// */
  
    .itemRow {
      font-size: 15px;
      height: 70px;
      display: flex;
      align-items: center;
      padding-bottom: 5px;
      padding-top: 5px;
      position: unset;
      border-bottom: solid 1px #000;
    }
  
    .itemRow .item-thumb {
      position: unset;
      width: 5%;
      height: auto;
      display: inline-block;
      margin-right: 10px;
    }
    .itemRow .item-thumb img {
      width: 100%;
      padding: 5px;
      box-sizing: border-box;
      border:solid 1px #efefef;
      border-radius: 3px;
    }
  
    .itemRow .item-unit {
      position: unset;
      display: inline-block;
      width: 5%;
      text-align: left;
    }
  
    .itemRow .item-decrement {
      position: unset;
      display: inline-block;
      width: 5%;
      text-align: center;
      border-radius: 5px;
    }
  
    .itemRow .item-quantity {
      position: unset;
      display: inline-block;
      width: 5%;
      text-align: center;
      border: none;
      height: auto;
    }
  
    .itemRow .item-increment {
      position: unset;
      display: inline-block;
      width: 5%;
      text-align: center;
      border-radius: 5px;
    }
  
    .itemRow .item-name {
      position: unset;
      display: inline-block;
      width: 40%;
      line-height: 12px;
      height: auto;
      border: none;
    }
  
    .itemRow .item-price,
    .itemRow .item-tax,
    .itemRow .item-totalNet,
    .itemRow .item-total {
      position: unset;
      display: inline-block;
      width: 10%;
      text-align: center;
      border: none;
    }
  
    .itemRow .item-remove {
      position: unset;
      display: inline-block;
      width: 5%;
      text-align: center;
    }
  
    .itemRow .item-remove a {
      text-decoration: none;
    }
  
    .itemRow .item-price::before,
    .itemRow .item-tax::before,
    .itemRow .item-totalNet::before,
    .itemRow .item-total::before {
      content: "";
    }
  
    .simpleCart_grandTotal,
    .simpleCart_total,
    .simpleCart_tax {
      text-align: center;
      font-weight: 700;
      display: inline-block;
      width: 95%;
      text-align: right;
    }
  }