.product-image {
  float: left;
  width: 20%;
}

.product-title {
  float: left;
  width: 50%;
  font-family:arial;
  font-size: 15px;
  font-weight: 100px;
  text-indent: 0;
}

.product-price {
  float: left;
  width: 20%;
  font-size: 16px;
  overflow: hidden;
  text-align:right;
}

.product-quantity {
  float: left;
  width: 10%;
}

.product:before,.product:after,.product1:before,.product1:after{
  content: '';
  display: table;
}

.product:after,.product1:after{
  clear: both;
}
.totaltext{
  float: left;
  text-align:right;
  padding-right:25px;
  width:75%;
}
.totalnum{
  float:left;
  width: 25%;
  text-align:right;
}
.product{
  zoom: 1;
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 0.5px solid black;
}

.product .product-image img {
          max-width: 50px; 
        max-height:70px;
}
.product .product-title {
  font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium";
}
#theBox_21{
    display: none; 
    border: 1px solid #50b956;
    border-top: 1px solid #50b956;
    width: 310px;
    height:auto;
    background-color: #F2F2F2;
    position: absolute;
    padding: 7px; 
    font-family: arial;
}
#theBox_2{
    display: none; 
    border: 1px solid #50b956;
    width: 300px;
    height:auto;
    background-color: #F2F2F2;
    position: absolute;
    padding: 7px; 
    font-family: arial;
}
.checkout1 {
  border: 0;
  margin-top: 20px ;
  padding: 6px 15px;
  background-color: #6b6;
  color: #fff;
  font-size: 15px;
  border-radius: 3px;
}
.smallbas{
  padding-left: 70%
}
@media screen and (max-width: 1050px) {
.smallbas{
      padding-left: 65%
    }
  }
@media screen and (max-width: 900px) {
.smallbas{
      padding-left: 60%
    }
  }
@media screen and (max-width: 800px) {
.smallbas{
      padding-left: 55%
    }
  }
@media screen and (max-width: 700px) {
.smallbas{
      padding-left: 48%
    }
  }
@media screen and (max-width: 600px) {
.smallbas{
      padding-left: 40%
    }
  }
@media screen and (max-width: 530px) {
.smallbas{
      padding-left: 30%
    }
  }
@media screen and (max-width: 460px) {
.smallbas{
      padding-left: 25%
    }
  }
@media screen and (max-width: 430px) {
.smallbas{
      padding-left: 16%
    }
  }
@media screen and (max-width: 410px) {
.smallbas{
      padding-left: 8%
    }
  }