@media screen and (max-width: 768px) {
    .table th {
        padding: 5px;

        font-weight: 600;
        text-transform: uppercase;
        border-bottom: 2px solid #dee5f1;
        font-size: 13px;
    }

    .info-tiles {
        position: relative;
        padding: 20px 15px;
        min-height: 120px;
    }

    .table td {
        padding: 5px;
        font-size: 12px;

    }

    .nav {
        justify-content: space-evenly;
    }

    .tab-content {
        padding: 20px 0px;
    }

    .nav-tabs .nav-item .nav-link {
        width: 100%;
        max-width: 120px;
        min-height: 60px;
        margin: 6px;
    }

    .tab-content {
        padding: 0px;
    }

    .nav-tabs {
        padding: 10px 0px;
    }

    .main-container {
        padding: 15px;
    }
}
