.appointments_upcoming .left-side {
    padding-right: 30px;
}

.appointments_upcoming .left-side .events-wrap {
    margin-bottom: 20px;
}

.appointments_upcoming .left-side .events-wrap.active {
    border: 1px solid #009cde;
    border-radius: 8px;
}

.appointments_upcoming .right-side .btn.btn-custom img {
    max-width: 8px;
    margin-left: 5px;
}

.appointments_upcoming .right-side .btn.btn-custom {
    font-size: 14px;
}

.appointments_upcoming .subheadlinegrey {
    margin-bottom: -14px;
    padding-top: 0px;
}

.appointments_upcoming .events-item-bottom .date-mobile {
    display: none;
}

@media screen and (max-width: 767px) {
    .appointments_upcoming .left-side {
        padding-right: 30px;
        padding-left: 30px;
    }
    .appointments_upcoming .left-side .events-item-bottom {
        padding: 5px 10px;
    }

    .appointments_upcoming .right-side .events-item-bottom {
        padding: 9px 10px;
    }
    
    .appointments_upcoming .right-side .events-item-bottom p {
        margin-bottom: 0;
    }

    .appointments_upcoming .events-item-bottom .date-mobile {
        display: block;
        margin-bottom: 0;
    }

    .appointments_upcoming .subheadlinegrey,
    .appointments_upcoming .date-desktop {
        display: none;
    }

    .appointments_upcoming .events-item-title {
        margin-bottom: 0;
    }
}