/* laptop */
@media (max-width: 1440px) {
  /* ================= HERO ================= */
  .hero {
    min-height: 460px;
    padding: 70px 0 20px;
  }

  .hero .title-row {
    font-size: 15px;
  }

  .hero-title {
    font-size: 24px;
  }

  .hero-desc {
    font-size: 14px;
    font-weight: 300;
  }

  .hero .hero-img {
    left: 2vw;
    width: 85%;
  }

  .hero .hero-img img {
    width: 100%;
    max-height: 45vh;
    object-fit: cover;
    object-position: center;
    border-radius: 25px;
  }

  .hero .card-utama {
    width: 70%;
    height: 21vw;
    left: -5vw;
  }

  .hero .card-sub {
    margin-top: 12px;
    height: 8vw;
  }

  .hero .card-sub img {
    width: 4.5vw;
    margin-left: 1vw;
  }

  .hero .card-sub .total {
    font-size: 35px;
    margin-top: 0vw;
  }

  .hero .card-sub .title {
    font-size: 15px;
    margin-top: -2vw;
  }

  /* ================= NEWS ================= */
  .news .garis-tegak {
    height: 20px;
  }

  .news .hero-title {
    font-weight: 700;
    font-size: 24px;
  }

  .news-card {
    max-width: 90%;
  }

  .news-image img {
    height: 180px;
  }

  /* ================= BANNER ================= */
  .banner {
    min-height: 395px;
  }

  .banner .title-row {
    left: 29vw;
    width: 36%;
  }

  .banner .hero-title {
    font-size: 24px;
  }

  .banner .hero-title-sub {
    font-size: 18px;
  }

  .banner .hero-desc {
    font-size: 14px;
  }

  /* ================= AGENDA & KEGIATAN ================= */

  .agenda .hero-title {
    font-weight: 700;
    font-size: 24px;
  }

  .agenda-card {
    max-width: 400px;
  }

  .agenda-header .row-tanggal {
    /* height: 72%; */
    height: 93%;
    width: 85%;
  }

  .agenda-header .text-tanggal {
    font-size: 30px;
  }

  .agenda-header .text-bulan {
    position: relative;
    top: 0.5vw;
    font-size: 18px;
  }

  .agenda-header .row-detail-agenda {
    width: 18vw;
    margin-left: -1vw;
  }

  .agenda-header .judul {
    min-height: 4vw;
  }

  .agenda-header .judul p {
    font-size: 17px;
    line-height: 1.4vw;
  }

  .agenda-header .sub-judul p {
    line-height: 1vw;
  }

  hr {
    margin-top: 1vw;
    margin-bottom: -0.5vw;
    margin-left: 2vw;
    width: 23vw;
  }

  /* ================= BANNER TWO ================= */
  .banner-two {
    min-height: 346px;
  }

  .banner-two .title-row {
    left: 24vw;
    width: 45%;
  }

  .banner-two .garis-merah {
    max-width: 14px;
    height: 4px;
  }

  .banner-two .hero-title {
    font-size: 34px;
  }

  .banner-two .hero-title-sub {
    font-size: 18px;
    letter-spacing: 2px;
  }

  /* ================= STRUKTUR ORGANISASI ================= */
  .struktur img {
    width: 70%;
    position: relative;
    left: 10vw;
  }

  .struktur .org-timeline {
    margin-top: 10px;
  }
}

/* full HD */
@media (min-width: 1800px) {
  /* ================= HERO ================= */
  .hero {
    padding: 100px 0 60px;
  }

  .hero-title {
    font-size: 36px;
  }

  .hero .hero-img {
    left: 0vw;
  }

  .hero .hero-img img {
    width: 100%;
    max-height: 39vh;
    border-radius: 25px;
  }

  .hero .card-utama {
    width: 80%;
    height: 18vw;
    left: 1vw;
  }

  .hero .card-sub img {
    width: 4vw;
    margin-left: 1vw;
  }

  .hero .card-sub .total {
    font-size: 50px;
    margin-top: 0vw;
  }

  .hero .card-sub .title {
    font-size: 20px;
    margin-top: -1.5vw;
  }

  /* ================= NEWS ================= */
  .news-image img {
    height: 230px;
  }

  /* ================= BANNER ================= */
  .banner {
    min-height: 525px;
  }

  .banner .title-row {
    left: 25vw;
    width: 35%;
  }

  .banner .banner-img {
    left: 295px; /* atau atur sesuai posisi desainmu */
  }

  .banner .banner-img img {
    width: 500px;
  }
  /* ================= AGENDA & KEGIATAN ================= */

  .agenda-card {
    max-width: 400px;
  }

  .agenda-header .row-tanggal {
    /* height: 72%; */
    height: 97%;
    width: 85%;
  }

  .agenda-header .text-tanggal {
    font-size: 35px;
  }

  .agenda-header .text-bulan {
    position: relative;
    top: 0.5vw;
    font-size: 20px;
  }

  .agenda-header .row-detail-agenda {
    width: 12vw;
    margin-left: -1vw;
  }

  .agenda-header .judul {
    /* min-height: 4vw; */
    min-height: 2vw;
  }

  .agenda-header .judul p {
    font-size: 17px;
    line-height: 1.4vw;
  }

  .agenda-header .sub-judul p {
    line-height: 1vw;
  }

  hr {
    margin-top: 1vw;
    margin-bottom: -0.5vw;
  }

  /* ================= BANNER TWO ================= */
  .banner-two .title-row {
    left: 17vw;
    width: 45%;
  }

  .banner-two .hero-title {
    font-size: 44px;
  }

  /* ================= STRUKTUR ORGANISASI ================= */
  .struktur img {
    width: 65%;
    left: 7vw;
  }
}