.table {
    font-size: 13px;
    min-width: 800px;
}
.table th {
    color: rgb(255, 255, 255);
}

@media (max-width: 767px) {
    div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]{
        padding-left: 0;
        padding-right:  0;
    }
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate{
        text-align: left;
    }
}

@media (max-width: 560px) {
    .hero-section{
        padding-top: 50px;
    }
}