table{width:100%; color:#222 !important; background-color: white; border:0; margin:0; padding:0; font-size: 14px !important;}
th{padding:5px; text-align:left; border:2px solid #fff; background-color:#f3f3f3; color:#000; font-size:13px; margin:0; font-weight: 700 !important; text-transform: capitalize; border-radius: 6px;   }
tr{ width:auto; padding:5px; text-align:left; margin:0; border:0; border-radius: 6px; }
tr:hover{ width:auto; padding:5px; text-align:left; background-color:#f4f4f4; margin:0; border:0; cursor:pointer; border-radius: 6px; }
td{width:auto; text-align:left; font-size:12px; margin:0; padding:5px; border:0px; border-bottom:1px solid #e7e7e7;}
@media(max-width:768px){
table{ width:100% !important; color:#333; border:0; margin:0; }
th{padding:3px; text-align:center; border-bottom:2px solid #fff; background-color:#333; color:#fff; font-size:12px; margin:0;    }
tr{width:auto; padding:0.5%; text-align:left; margin:0; border:0; }
tr:hover{width:auto; padding:0.5%; text-align:left; background-color:transparent; margin:0; border:0; }
td{width:auto; text-align:left; font-size:12px; margin:0; border:0; padding:0.3%; border-bottom:1px solid #e6e6e6; 
}
}