@media only screen and (max-width: 1350px) {
  .image_sec .image_area .image_slidearea .img_slider .item,
  .image_sec .image_area .image_logo {
    width: 100%;
  }
}

@media only screen and (max-width: 1024px) {
  header .hero {
    padding: 240px 0px 130px;
  }
  .event.eventimg .event_area,
  .image_sec .image_area {
    flex-direction: column;
  }
  .event.eventimg .event_area .event_content {
    max-width: 767px;
    width: 100%;
  }
  .event.eventimg .event_area .event_image {
    max-height: fit-content;
    max-width: 500px;
    width: 100%;
  }
  .image_sec {
    padding: 80px 0;
  }
  .image_sec .image_area .image_slidearea {
    order: 1;
    padding: 0px 0;
    width: 100%;
    max-width: 575px;
  }
  .image_sec::before {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  header .hero {
    padding: 200px 0 100px;
  }
  header .hero h1 {
    font-size: 55px;
    line-height: 85px;
  }
}

@media only screen and (max-width: 575px) {
  header .hero {
    padding: 220px 0px 100px;
  }
  header .menu .navbar {
    flex-direction: column;
    gap: 20px;
  }
  header .menu .navbar .joinbtn {
    display: none;
  }
  header .hero h1 {
    font-size: 45px;
    line-height: 65px;
  }
  header a.joinbtn {
    margin-top: 20px;
  }
  .section_title h2 {
    font-size: 38px;
  }
  .image_sec .image_area .image_slidearea .img_slider .item {
    height: 220px;
  }
  .form form {
    padding: 30px 20px;
  }
  .popup .popup_content {
    max-width: 350px;
    min-height: max-content;
  }
}