.hpd_comp_table tr td { vertical-align: middle; text-align:center; width:160px; } table.hpd_comp_table { width: 100%; }
.home h1.archive_title {
display: none;
}
table.hpd_comp_table { border-collapse: collapse; margin-bottom: 20px;}
table.hpd_comp_table td { border: #666 solid 1px; padding: 0px }
.hpd_comp_table tr td { vertical-align: middle; text-align:center; width:160px; } table.hpd_comp_table { width: 100%; }
.home h1.archive_title {
display: none;
}
table.hpd_comp_table { border-collapse: collapse; margin-bottom: 20px;}
table.hpd_comp_table td { border: #666 solid 1px; padding: 30px 10px 10px 10px; }

table.hpd_comp_table tr, table.hpd_comp_table td {max-width: 100% !important;}

/*responsive */
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {

table, thead, tbody, th, td, tr {
display: block;
}

thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}

tr { border: 1px solid #ccc; }

td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 10% !important;
}

.hpd_comp_table tr td {
vertical-align: middle;
text-align: center;
width: 100%;
}

td:before {
position: absolute;
top: 6px;
left: 6px;
/*width: 45%;*/
padding-right: 10px;
white-space: nowrap;
margin-bottom: 20px;
}

td:nth-of-type(1):before { content: "Image"; }
td:nth-of-type(2):before { content: "Product"; }
td:nth-of-type(3):before { content: "Price"; }
td:nth-of-type(4):before { content: "Rating"; }
}

p#footer-info {
display: none;
}