@media only screen and (max-width: 580px) {
    .quick-day-view {
        display: none;
    }
}
@media only screen and (max-width: 700px) {
    .quick-day-view,
    .time-breakdown-by-icon {
        display: none;
    }
}
@media only screen and (max-width: 990px) {
    .quick-day-view {
        width: 100% !important;
        text-align: center;
        margin-top: 10px;
    }
}