.col-box{display:table-cell;padding:5px;width:22%}.col-box:nth-child(even){background:#d1eeee}.col-box:nth-child(odd){background:#90A3A3}@media screen and (max-width:414px){.col-box{display:block;padding:10px;width:94%}}table{margin-bottom:10px;width:100%;border-collapse:collapse}tr:nth-of-type(odd){background:#eee}th{background:#333;color:#fff;font-weight:700}td,th{padding:6px;border:1px solid #ccc;text-align:left}@media screen and (max-width:482px){td,th{font-size:12px;font-family:arial,helvetica,sans serif}}@media screen and (max-width:768px){.tablewrap::-webkit-scrollbar{-webkit-appearance:none;width:15px}.tablewrap::-webkit-scrollbar-track:vertical{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:5px}.tablewrap::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(0,0,0,.3);-webkit-box-shadow:0 0 1px rgba(255,255,255,.5)}}@media screen and (max-width:414px){.tablewrap{width:100%;height:100%;margin:10px 0;overflow:scroll}}