@media (max-width: 768px) {
    .schedule-item {
        flex-direction: row;
        border-radius: 5px 15px 5px 15px;
    }

    .schedule-time {
        min-width: 120px;
        font-size: 1rem;
        padding: 5px 5px;
        border-radius: 5px 15px 5px 15px;
    }

    .schedule-activity {
        font-size: 0.8rem;
        padding: 15px 10px;
    }
    .schedule-card .schedule-section-text{
        font-size: 1rem;

    }
}