.wrap-calendar {position: relative; background: url('../images/bg-calendar.jpg') no-repeat center center; background-size: cover;  color: #fff; padding: 20px;}
.wrap-calendar .title {margin-bottom: 20px; padding-left: 30px; background: url('../images/ico-calendar.png') no-repeat left 0; font-family: 'Raleway-Medium'; font-size: 16px;}
.wrap-calendar ul li {display: table; width: 100%; margin-bottom: 9px; table-layout: fixed;}
.wrap-calendar ul li .date {display: table-cell; vertical-align: middle; font-family: 'Raleway-Medium'; font-size: 16px; width: 100px;}
.wrap-calendar ul li .subject {display: table-cell; vertical-align: middle;}
.wrap-calendar ul li .subject span {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.wrap-calendar .more {position: absolute; top: 20px; right: 20px; text-indent: -99999px; width: 16px; height: 16px; background: url('../images/btn-calendar-more.png') no-repeat center center;}

@media all and (max-width:1023px) {
  .wrap-calendar {padding: 20px 20px 10px 20px;}
}