.product-table {
  border-collapse: separate;
  border-spacing: 2px 2px;
}
.product-table tr {
  background: #f2f2f2;
}
.product-table th, .product-table td {
  padding: 15px 15px;
  line-height: normal;
  text-align: center;  
}
.product-table th {
  text-transform: uppercase;
  background: #422e5c;
  color: #eee;
  letter-spacing: 0.5px;
  font-weight: 500;
  line-height: normal;
    font-size: 16px;
}
.product-table td:first-child, .product-table th:first-child {
  text-align: left;
}
.product-table td:first-child {
  background: #009fe2;
  color: #fff;
      width: 30%;
  line-height: normal;
}
.product-table tr:nth-child(odd) {
  background: #f9f9f9;
}

@media screen and (max-width: 600px) {
  .product-table {
    border: 0;
  }

  .product-table caption {
    font-size: 1.3em;
  }

 .product-table th {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .product-table tr {
    border-bottom: 3px solid #009fe2;
    display: block;
    margin-bottom: 0.625em;
  }

 .product-table td {
       border: initial;
    display: block !important;
    text-align: left;
  }

  .product-table td::before {
/*       content: attr(data-th) ": ";*/
    font-weight: bold;
    text-transform: uppercase;
    display: block;
      line-height: 25px;
  }
      .product-table td:nth-child(1)::before { 
         content: "ITEM DESCRIPTION: "; 
    }
    
  .product-table td:nth-child(2)::before { 
      content: "WEIGHT - GM: "; 
    }
    
  .product-table td:nth-child(3)::before { 
      content: "OFC: "; 
    }  
  .product-table td:nth-child(4)::before { 
      content: "TOTAL HEIGHT - INCH: "; 
    }  
  .product-table td:nth-child(5)::before { 
      content: "OUTER DIA. - INCH: "; 
    }
    
 .product-table td:last-child {
    border-bottom: 0;
  }
   .product-table p {
    text-align: right !important;
   }
    .product-table td:first-child {
    width: 100%;
          background: #422e5c;
}
     .product-table tr:first-child {
  display: none;
 }

}