@media only screen and (max-width: 1023.98px) {
    .table {
        display: table;
    }

        .table > thead {
            display: table-header-group;
            width: auto;
        }

        .table > tbody {
            display: table-row-group;
            width: auto;
        }

        .table thead tr,
        .table tbody tr {
            display: table-row;
            border: inherit;
            border: 1px solid #e6e6e6;
        }

        .table tbody tr {
            background-color: #ffffff;
            box-shadow: 0 0 6px 0 rgba(193, 199, 204, 0.3);
        }

        .table th {
            display: table-cell;
            width: auto;
            padding: 22px 18px;
        }

        .table td {
            display: table-cell;
            width: auto;
            padding: 17px 26px 30px;
            border: 0;
            height: auto;
        }

            .table td:first-child {
                border: 0;
            }
}

@media only screen and (max-width: 991.98px) {
    .table .mobile-data {
        display: block;
        position: absolute;
        top: 34px;
        left: 26px;
        padding: 0 !important;
    }

    .table .upload-date-time {
        top: 41px;
        left: 68px;
    }

    .table .web-data {
        padding: 0;
        font-size: 0;
        width: 0;
    }

        .table .web-data span {
            display: none;
        }
    /* enrollment-statistics-wrapper responsive table styles */
    .enrollment-statistics-wrapper .table .mobile-data {
        top: auto;
        left: 21px;
        bottom: 12px;
    }

    .enrollment-statistics-wrapper .table .title-text.external-training-title {
        padding: 13px 20px 28px;
    }

    .enrollment-statistics-wrapper .hover-state {
        top: 0;
    }
    /* enrollment-statistics-wrapper responsive table styles */
}