@media screen and (min-width:600px){.table-container{overflow-x:auto;width:100%}
table th,table td{white-space:nowrap}
.pagination-section{width:100%}
}
table{border:1px solid #ccc;border-collapse:collapse;margin:0;padding:0 20px;width:100%;table-layout:auto}
table caption{font-size:1.5em;margin:.5em 0 .75em;text-align:center}
table tr{padding:.35em}
table tr:nth-child(odd){background:#f2f2f2 0 0 no-repeat padding-box}
table th,table td{padding:.625em;text-align:center;font-size:13px;border:3px solid #FFF}
table th{font-size:.85em;letter-spacing:.1em;text-transform:uppercase;background:#84754e 0 0 no-repeat padding-box;color:#FFF;border:3px solid #FFF}
.pagination-section{margin-top:25px;background-color:#84754e;color:#FFF;text-align:center}
@media screen and (max-width:600px){table{border:0}
table caption{font-size:1.3em}
table thead{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
table tr{border-bottom:3px solid #ddd;display:block;margin-bottom:.625em}
table td{border-bottom:1px solid #ddd;display:block;font-size:10px;text-align:right}
table td::before{content:attr(data-label);float:left;font-weight:bold;text-transform:uppercase}
table td:last-child{border-bottom:0}
.pagination-section{margin-top:20px}
}