@media screen and (max-width: 1724px) {
    .redCardText, .blueCardText {
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 1367px) {
    .blueCardText {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 1200px) {
    .redCardText {
        padding-bottom: 0;
    }
}
@media screen and (max-width: 1024px) {
    .full-width_1024 {
        width: 100%;
    }
}

@media screen and (max-width: 1200px) {
    div.conversation {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    div.conversation .smallDispPadding {
        padding: 15px;
    }
}

@media screen and (max-width: 600px) {
    .appointmentBubble {
        min-width: 100px;
    }
}