.responsive_table table {
    border-spacing: 1;
    border-collapse: collapse;
    background: white;
    border-radius: 6px;
    overflow: hidden;
    /*max-width: 800px;*/
    width: 100%;
    margin: 0 auto;
    position: relative;   
}
 .responsive_table table * {
    position: relative;
}
.responsive_table table td, table th {
  padding-left: 8px;
}
.responsive_table table td {
        border-left: 1px solid #E3F1D5;
        border-right: 1px solid #E3F1D5;
    }

    .responsive_table table tbody tr {
        border-left: 1px solid #E3F1D5;
        border-right: 1px solid #E3F1D5;
    }
        
.responsive_table table thead tr {
  height: 60px;
  background: #FFED86;
  font-size: 16px;
}
.responsive_table table tbody tr:first-child {
    height: 40px;
    background: #FFED86;
    font-size: 16px;
}
.responsive_table taesponsive_table table tbody tr {
  height: 48px;
  border-bottom: 1px solid #E3F1D5;
}
.responsive_table table tbody tr:last-child {
    border-bottom: 1px solid #E3F1D5;
}

.responsive_table table td, table th {
  text-align: left;
}
.responsive_table table td.l, .responsive_table table th.l {
  text-align: right;
}
.responsive_table table td.c, .responsive_table table th.c {
  text-align: center;
}
.responsive_table table td.r, .responsive_table table th.r {
  text-align: center;
}

@media screen and (max-width: 35.5em) {
  .responsive_table table {
    display: block;
  }
  .responsive_table table > *, .responsive_table table tr, .responsive_table table td, .responsive_table table th {
    display: block;
  }
  .responsive_table table thead {
    display: none;
  }
  .responsive_table table tbody tr {
    height: auto;
    padding: 8px 0;
  }
  .responsive_table table tbody tr td {
    padding-left: 45%;
    margin-bottom: 12px;
  }
  .responsive_table table tbody tr td:last-child {
    margin-bottom: 0;
  }
  .responsive_table table tbody tr td:before {
    position: absolute;
    font-weight: 700;
    width: 40%;
    left: 10px;
    top: 0;
  }
  .responsive_table table tbody tr td:nth-child(1):before {
    content: "Code";
  }
  .responsive_table table tbody tr td:nth-child(2):before {
    content: "Stock";
  }
  .responsive_table table tbody tr td:nth-child(3):before {
    content: "Cap";
  }
  .responsive_table table tbody tr td:nth-child(4):before {
    content: "Inch";
  }
  .responsive_table table tbody tr td:nth-child(5):before {
    content: "Box Type";
  }
}
body {
  /*background: #9BC86A;*/
  font: 400 14px 'Calibri','Arial';
  /*padding: 20px;*/
}

blockquote {
  color: white;
  text-align: center;
}