.mini-list-loaded {
    display: block!important;
}

.cal-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-width: 574px;
    min-height: 73px;
    border-bottom: 2px solid #203A62;
    margin: -2px 0 11px 0;
    text-align: center;
    align-items: center;
    cursor: pointer;
}
.mini-events-list .cal-event:last-child .cal-content {border-bottom: 0;}

.cal-content time {
    color: #FFF;
    font-family: 'Source Sans 3';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 89.523%;
    text-transform: uppercase;
    margin-left: 0;
}

.cal-content span {
    color: #FFF;
    text-align: right;
    font-family: 'Source Sans 3';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 124.264%;
    padding-left: 180px;
    justify-content: end;
    display: inherit;
}

.cal-content time span {
    font-size: 24px;
    padding-left: 13px !important;
}
@media only screen and (max-width:1400px){
    .cal-content {width: 500px !important;}
}
@media only screen and (max-width:1200px){
    .cal-content {width: 100%;min-width:  300px!important;}
}

@media only screen and (max-width: 991px){
    .cal-content{width: 100% !important;}
    .cal-content span{padding-right: 0;}
    .mini-list-loaded {margin: 20px 0 0 0;}

}
@media only screen and (max-width: 540px){
    .cal-content span{padding-left: 140px;}
}
@media only screen and (max-width: 767px){
    .cal-content{min-width: 100%;max-width: 100%;}
    .cal-content span{font-size: 18px;}
    .cal-content time{font-family: 18px !important;}
}
@media only screen and (max-width: 479px){
.cal-content time {font-size: 20px;}
.cal-content time span {font-size: 20px;}
.cal-content span {font-size: 16px;padding-left: 100px;}
}