@media (max-width: 700px) {
table table, 
table thead, 
table tbody, 
table th, 
table td, 
table tr { display: block; height: auto; line-height: 2; font-size: 16px; }
table th,
table thead { display: none; }
table td { position: relative; padding-left: 50% !important; overflow: none; }
table td:before { line-height: 1.25; content: attr(data-header); font-weight: bold; top: 50%; transform: translate(0,-50%); position: absolute; left: 6px; width: 45%; box-sizing: border-box; overflow: hidden; }
table { border: none; }
table tr { border: none; border-bottom: solid 1px #ccc; }
table tr:nth-child(2n) { background: #efefef; }
table td { border: none; border-bottom: 1px solid #eee; }
table tr:nth-child(2n) td { border-color: #fff; }
table td:last-child { border-bottom: none; }
}