.availability-calendar-detail-page {
  text-align: center !important;
}
@media screen and (min-width: 1287px) {
  .item-calendar.popover {
    max-width: none !important;
    left: 0px !important;
    margin-left: 15px;
    margin-top: 25px !important;
    width: 95% !important;
  }
  .eventsCalendar-daysList {
    zoom: 1.5 !important;
  }
  .glyphicon-calendar, .check-availability, .eventsCalendar-currentTitle, .further-details-text, .calendar-item-details, .item-calendar > .popover-title, .availability-list-text, .eventsCalendar-noEvents, #calendar-back, .webstore-calendar-subtitle, .eventsCalendar-list li .eventTitle {
    font-size: 16px !important;
  }
  .eventsCalendar-slider {
    height: 350px !important;
  }
}

@media screen and (max-width: 1286px) and (min-width: 1122px) {
  .glyphicon-calendar, .check-availability, .eventsCalendar-currentTitle, .further-details-text, .calendar-item-details, .item-calendar > .popover-title, .availability-list-text, .eventsCalendar-noEvents, #calendar-back, .webstore-calendar-subtitle, .eventsCalendar-list li .eventTitle {
    font-size: 15px !important;
  }
  .item-calendar.popover {
    max-width: none !important;
    left: 0px !important;
    margin-top: 25px !important;
    margin-left: 15px !important;
    width: 95% !important;
  }
  .eventsCalendar-slider {
    height: 238px !important;
  }
}


@media screen and (max-width: 1121px) and (min-width: 1043px) {
  .glyphicon-calendar, .check-availability, .eventsCalendar-currentTitle, .further-details-text, .calendar-item-details, .item-calendar > .popover-title, .availability-list-text, .eventsCalendar-noEvents, #calendar-back, .webstore-calendar-subtitle, .eventsCalendar-list li .eventTitle {
    font-size: 14px !important;
  }
  .item-calendar.popover {
    max-width: none !important;
    left: 0px !important;
    margin-top: 25px !important;
    margin-left: 15px !important;
    width: 95% !important;
  }
  .eventsCalendar-slider {
    height: 238px !important;
  }
}

@media screen and (max-width: 1042px) and (min-width: 931px) {
  .glyphicon-calendar, .check-availability, .eventsCalendar-currentTitle, .further-details-text, .calendar-item-details, .item-calendar > .popover-title, .availability-list-text, .eventsCalendar-noEvents, #calendar-back, .webstore-calendar-subtitle, .eventsCalendar-list li .eventTitle {
    font-size: 12px !important;
  }
  .item-calendar.popover {
    max-width: none !important;
    left: 0px !important;
    margin-top: 25px !important;
    margin-left: 15px !important;
    width: 95% !important;
  }
  .eventsCalendar-slider {
    height: 238px !important;
  }
}

@media screen and (max-width: 930px) and (min-width: 862px) {
  .glyphicon-calendar, .check-availability, .eventsCalendar-currentTitle, .further-details-text, .calendar-item-details, .item-calendar > .popover-title, .availability-list-text, .eventsCalendar-noEvents, #calendar-back, .webstore-calendar-subtitle, .eventsCalendar-list li .eventTitle {
    font-size: 11px !important;
  }
  .item-calendar.popover {
    max-width: none !important;
    left: 0px !important;
    margin-top: 25px !important;
    margin-left: 15px !important;
    width: 95% !important;
  }
  .eventsCalendar-slider {
    height: 238px !important;
  }
}

@media screen and (max-width: 861px) and (min-width: 768px) {
  .item-calendar.popover {
    left: 0px !important;
    margin-top: 25px !important;
    margin-left: 15px !important;
  }
  .eventsCalendar-slider {
    height: 238px !important;
  }
}

@media screen and (max-width: 767px) {
  .item-calendar.popover {
    max-width: none !important;
    left: 0px !important;
    top: 250px !important;
    width: 99.5% !important;
    position: fixed;
    bottom: 0px;
    overflow: auto;
  }
  .eventsCalendar-daysList {
    zoom: 1.2 !important;
  }
  .glyphicon-calendar, .check-availability, .eventsCalendar-currentTitle, .further-details-text, .calendar-item-details, .item-calendar > .popover-title, .availability-list-text, .eventsCalendar-noEvents, #calendar-back, .webstore-calendar-subtitle, .eventsCalendar-list li .eventTitle {
    font-size: 14px !important;
  }
  .eventsCalendar-slider {
    height: 300px !important;
  }
}