/* add bottom border*/
.responsive tr.bottomBorder 
{
	border-bottom-color: rgb(210, 211, 213); border-bottom-width: 1px; border-bottom-style: solid;
}

/* add top border*/
.responsive tr.topBorder 
{
	border-top-color: rgb(210, 211, 213); border-top-width: 1px; border-top-style: solid;
}

@media only screen and (max-width: 767px){
.responsive table, .responsive thead, .responsive tbody, .responsive th, .responsive td, .responsive tr {
    display: block;
}
.responsive thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
}

.responsive tr 
{
	margin-bottom:10px;
}

.responsive td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    min-height: 35px;
    padding-left:28%;
	width:100% !important;
    position: relative;
	text-align:left !important;
}
@media only screen and (max-width: 480px){  .responsive td {  padding-left:37%; }}
.responsive .image { margin:0;}
.responsive td:before {
    left: 6px;
    padding-right: 10px;
    position: absolute;
    top: 6px;
    white-space: nowrap;
    width: 45%;
	color: #1f2224;
	padding-top:10px;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 32px;
    text-align: left;
	padding-top: 5px;
}
.responsive td:nth-of-type(1):before {
    content: "PART";
	font-weight: 600;
}
.responsive td:nth-of-type(2):before {
    content: "DESCRIPTION";
	font-weight: 600;
}
.responsive td:nth-of-type(3):before {
    content: "QTY";
	font-weight: 600;
}
.responsive td:nth-of-type(4):before {
    content: "PRICE";
	font-weight: 600;
}
.responsive td:nth-of-type(5):before {
    content: "Unit Price";
	font-weight: 600;
}


.responsive td.description p { margin-bottom:15px;}
.responsive .sizes { text-align:left;}
.responsive .sizes button[type="button"]:first-child { margin-left:0;}
.responsive .price { text-align:left;}
}