/* No need to override anything here for smaller than md;
   the default Bootstrap font size will apply */
.responsive-text {
    /* Empty or include any base styles that don't conflict with Bootstrap */
}

/* For screens md (992) and down, apply your custom font size */
@media (max-width: 992px) {
    .responsive-text {
        font-size: 0.95rem; /* Adjust this value as needed */
    }
}

/* For screens md (992) and down, apply your custom font size */
@media (max-width: 992px) {
    .responsive-text-table {
        font-size: 0.8rem; /* Adjust this value as needed */
    }
}

@media only screen and (max-width: 768px) {
    @supports (-webkit-overflow-scrolling: touch) {
        .table-responsive {
            overflow-x: auto; /* Use auto so the scrollbar appears only when necessary */
            -webkit-overflow-scrolling: touch;
        }
    }
}