/* This is for small screens */
@media (max-width: 992px) {
    .all-trip-header {
        font-size: 11pt;
        font-weight: bold;
        border-bottom: 3px solid darkslategray;
    }

    .all-trip-users-count {
        font-size: 8pt;
        text-align: left;
        padding: 0;
    }

    .all-trip-content {
        font-size: 6pt;
    }
}

/* This is for large screens */
@media (min-width: 992px) {
    .all-trip-header {
        font-size: 13pt;
        font-weight: bold;
        border-bottom: 3px solid darkslategray;
    }

    .all-trip-users-count {
        font-size: 8pt;
        text-align: left;
        padding: 0;
    }

    .all-trip-content {
        font-size: 8pt;
    }
}

    .trip-available-container-item {
        float: left;
    }

    @media (max-width: 576px) {
        /* XS */

        .trip-available-container-item {
            width: 100%;
        }
    }

    @media (min-width: 576px) {
        /* SM */

        .trip-available-container-item {
            width: 100%;
        }
    }

    @media (min-width: 768px) {
        /* MD */

        .trip-available-container-item {
            width: 100%;
        }
    }

    @media (min-width: 992px) {
        /* LG */

        .trip-available-container-item {
            width: 100%;
        }
    }

    @media (min-width: 1200px) {
        /* XL */

        .trip-available-container-item {
            width: 100%;
        }
    }

    @media (min-width: 1400px) {
        /* XXL */

        .trip-available-container-item {
            width: 100%;
        }
    }