main table {
    width: 100%;
    margin: 30px 0;
    border-collapse: collapse;
    color: #666;
    background: #fff;
}

main table th,
main table td {
    padding: 14px 16px;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
}

main table th {
    background: #5FB96E;
    color: #fff;
    font-weight: 600;
}
main table tbody tr{color: #666;}
main table tbody tr:nth-child(even) {
    background: #e9e9e9;
}

main table tbody tr:nth-child(odd) {
    background: #f5f5f5;
}

@media (max-width: 768px) {
     main table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    main table th,
    main table td {
        white-space: nowrap;
    }
}