@media only screen and (max-width: 767px) {
  .calender-block .view-calendar {
    flex-wrap: wrap;
  }

  .calender-block .event-list-wrap,
  .calender-block .table,
  .calender-block .pager__items {
    width: 100%;
  }

  .calender-block .event-list-wrap {
    margin: 20px 0 0;
    padding: 20px;
  }

  .calender-block .calendar-view-table thead tr {
    padding: 20px 0 10px;
  }

  .calender-block .table {
    min-height: auto;
  }

}