@media screen and (max-width: 1024px) {
  .custom-event {
    padding: 40px 0;
  }
}
@media screen and (max-width: 1599px) and (min-width: 1025px) {
  .custom-event {
    padding: 50px 0;
  }
}
@media screen and (min-width: 1600px) {
  .custom-event {
    padding: 60px 0;
  }
}
.custom-event h3 {
  margin-bottom: 20px;
}
.custom-event .row_meta {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .custom-event .event__thumbnail {
    display: block;
    height: 394px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .custom-event .event__thumbnail {
    width: 47%;
    height: 349px;
  }
}
@media screen and (max-width: 1599px) and (min-width: 1025px) {
  .custom-event .event__thumbnail {
    width: 52%;
    height: 410px;
  }
}
@media screen and (min-width: 1600px) {
  .custom-event .event__thumbnail {
    width: 52%;
    height: 492px;
  }
}
.custom-event .event__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .custom-event .event__content {
    width: 47%;
  }
}
@media screen and (max-width: 1599px) and (min-width: 1025px) {
  .custom-event .event__content {
    width: 39%;
  }
}
@media screen and (min-width: 1600px) {
  .custom-event .event__content {
    width: 39%;
  }
}

@media screen and (max-width: 1024px) {
  .event__outside {
    padding: 40px 0;
  }
}
@media screen and (max-width: 1599px) and (min-width: 1025px) {
  .event__outside {
    padding: 60px 0;
  }
}
@media screen and (min-width: 1600px) {
  .event__outside {
    padding: 80px 0;
  }
}
@media screen and (max-width: 767px) {
  .event__outside .event-small__thumbnail {
    display: block;
    height: 184px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .event__outside .event-small__thumbnail {
    min-width: 47%;
    height: 209px;
    margin-right: 40px;
  }
}
@media screen and (max-width: 1599px) and (min-width: 1025px) {
  .event__outside .event-small__thumbnail {
    min-width: 45%;
    height: 208px;
    margin-right: 25px;
  }
}
@media screen and (min-width: 1600px) {
  .event__outside .event-small__thumbnail {
    min-width: 45.5%;
    height: 250px;
    margin-right: 35px;
  }
}
.event__outside .event-small__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.event__outside h3 {
  margin-bottom: 20px;
}

/*# sourceMappingURL=events.css.map */