@media (max-width: 1199.98px) {
    .section-hero .hero-item {
        height: 100%;
    }
}

@media (max-width: 991.98px) {
    .section-international-media .international-media-meta {
        padding: 32px;
    }
    .section-international-media .international-media-meta .step-list .step-item {
        margin-bottom: calc(var(--bs-gutter-x) * .5);
    }
    .section-international-media .international-media-meta .step-header .header-title {
        line-height: 90%;
    }

    /* homepage */
    .section-hero .hero-item {
        height: 100%;
    }
    .section-hero .hero-item .hero-item-meta {
        padding: 52px 62px;
        height: 100%;
        width: 100%;
    }
    .section-hero .hero-item .hero-item-meta .item-meta-title {
        font-size: 36px;
        line-height: 120%;
    }
    .section-hero .hero-item .hero-item-meta .item-meta-desc {
        font-size: 18px;
        margin: 14px 0 20px 0;
    }
    .section-media-registration .media-registration-top .card-media-registration {
        padding: 32px 0;
    }
    .section-media-registration .media-registration-bottom .card-media-registration {
        padding: 32px 20px;
    }
    .card-media-registration a {
        padding: 10px;
    }
    .section-gallery .gallery-meta {
        margin: 44px 0;
    }
    .section-gallery .swiper-gallery {
        margin-top: 36px;
    }
    .article-item .article-item-meta .item-meta-title {
        font-size: 18px;
        line-height: 130%;
        margin-bottom: 16px;
    }
    .article-item .article-item-meta .item-category {
        max-width: 50%;
    }
    .article-item .article-item-meta .iconify {
        margin: 0;
    }
    /* .section-hero .swiper-button-next,
    .section-hero .swiper-button-prev {
        display: none;
    } */
    .section-hero .hero-item .hero-item-meta {
        transform: translateY(-30%);
    }

    /* news */
    .section-news-hero {
        height: 525px;
    }
    .section-news-hero .news-hero-meta {
        width: 90%;
    }
    .section-news-hero .news-hero-meta .meta-title {
        font-size: 48px;
    }
    .section-latest .section-latest-title {
        margin-bottom: 0;
    }
    .section-latest .section-latest-item .item-meta {
        padding: 0;
    }

    /* gallery photos */
    .gallery-photos .meta-bottom h1 {
        font-size: 48px;
    }
    .section-gallery-hero {
        padding: 75px 0;
    }
    .swiper-videos-gallery {
        margin-top: 30px;
    }
    .custom-navigation .swiper-button-next {
        left: 10%;
    }

    /* media advisoy */
    .media-advisor-content .media-advisor-title {
        font-size: 36px;
        margin-bottom: 0;
    }
    .media-advisor-content .media-advisor-desc {
        font-size: 16px;
    }
    .media-advisor-list .media-advisor-item .item-download .btn-preview span,
    .media-advisor-list .media-advisor-item .item-download .btn-download span {
        display: none;
    }
    .media-agenda .media-top .media-title {
        font-size: 42px;
    }
    .media-agenda .media-top .page-link,
    .media-agenda .media-top .active>.page-link, .media-agenda .media-top .page-link.active {
        font-size: 14px;
        padding: 12px 24px;
    }
    .media-agenda .media-status {
        font-size: 16px;
    }

    /* detail news */
    .meta-top .breadcrumb,
    .section-latest .section-latest-item .item-meta .item-views-category,
    .detail-news .meta-top .item-views-category {
        font-size: 16px;
    }
    .meta-bottom h1 {
        font-size: 36px;
    }
    .detail-news .news-content h2 {
        font-size: 32px;
    }

    /* detail photos */
    .detail-photos .image-body .image-item img {
        height: 225px;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {

}

@media (max-width: 767.98px) {
    main {
        margin-top: 45px;
    }
    .section-international-media .international-media-hero {
        margin-bottom: 25px;
    }
    .card-form-register .form-register-title,
    .section-international-media .international-media-meta .step-header .header-title {
        font-size: 48px;
    }
    .card-form-register .form-register-desc,
    .section-international-media .international-media-meta .step-header .header-desc {
        font-size: 18px;
    }

    /* homepage */
    .section-hero .hero-item .hero-item-meta {
        padding: 32px 35px;
    }
    .section-hero .hero-item .hero-item-meta .item-meta-title {
        font-size: 28px;
        line-height: 120%;
    }
    .section-hero .swiper-button-next,
    .section-hero .swiper-button-prev,
    .custom-navigation .swiper-button-next,
    .custom-navigation .swiper-button-prev {
        width: 52px;
        height: 50px;
    }
    .section-hero .swiper-button-prev {
        left: -25px;
    }
    .section-hero .swiper-button-next {
        right: -25px;
    }
    .section-hero .hero-item .hero-item-meta .item-meta-desc {
        font-size: 16px;
        margin: 14px 0;
    }
    .article-item .article-item-meta .item-meta-title {
        height: unset;
    }
    .btn-hero-primary {
        font-size: 14px;
    }
    .section-media-registration .media-registration-bottom .card-media-registration {
        margin-bottom: 15px;
    }
    .section-media-registration .media-registration-bottom .col-md-4 {
        margin-bottom: 20px;
    }
    .section-media-registration .card-media-registration.submedia.active {
        transform: unset;
    }
    .section-gallery {
        padding: 50px 0;
    }

    /* news */
    .section-news-hero .news-hero-meta {
        width: 100%;
    }
    .section-news-hero .news-hero-meta .meta-title {
        font-size: 38px;
    }
    .section-latest .section-latest-item .item-meta .item-title {
        font-size: 20px;
        line-height: 130%;
        margin-bottom: 8px;
    }
    .section-latest .section-latest-item .item-meta .item-desc {
        font-size: 16px;
        line-height: 130%;
    }
    .section-latest .section-latest-item img {
        height: 275px;
    }

    /* media advisory */
    .media-advisor-content {
        margin-top: 25px;
    }
    .media-agenda .media-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .meta-top .breadcrumb,
    .section-latest .section-latest-item .item-meta .item-views-category,
    .detail-news .meta-top .item-views-category {
        font-size: 14px;
    }
    .gallery-photos .meta-bottom h1 {
        font-size: 38px;
    }
    .section-gallery-hero {
        padding: 45px 0;
    }
    .swiper-videos-gallery {
        margin-top: 80px;
    }
    .swiper-videos-gallery .hero-item-image .hero-item-meta .item-meta-title,
    .swiper-hero-gallery .hero-item-image .hero-item-meta .item-meta-title,
    .swiper-press-release .hero-item-image .hero-item-meta .item-meta-title {
        font-size: 24px;
    }

    /* detail photos */
    .detail-photos .icon-download {
        padding: 14px 15px;
    }
    .detail-photos .icon-download .iconify {
        width: 24px;
        height: 24px;
    }
}

@media (min-width: 480.98px) and (max-width: 575.98px) {
    .section-international-media .international-media-meta .step-list .col-sm-6 {
        flex: 0 0 100%;
        max-width: 50%;
    }
}

@media (max-width: 480px) {
    .btn-cs-outline-primary,
    .btn-cs-primary {
        font-size: 14px;
        padding: 12px 25px;
    }

    .section-international-media .international-media-hero {
        height: 100%;
    }
    .section-international-media .international-media-meta {
        padding: 20px;
    }
    .card-form-register .form-register-title,
    .section-international-media .international-media-meta .step-header .header-title,
    .section-news-hero .news-hero-meta .meta-title {
        font-size: 32px;
    }
    .card-form-register .form-register-desc,
    .section-international-media .international-media-meta .step-header .header-desc {
        font-size: 16px;
    }
    .section-international-media .international-media-meta .step-header .header-title {
        line-height: 120%;
    }

    /* homepage */
    .section-hero .hero-item {
        height: 350px;
    }
    .section-media-registration .section-media-title,
    .section-press-release .section-press-release-title {
        font-size: 38px;
    }
    .section-gallery .gallery-meta .gallery-desc,
    .section-press-release .section-press-release-desc {
        font-size: 16px;
    }
    .article-item .article-item-image img {
        height: 225px;
        object-fit: cover;
    }

    /* news */
    .section-news-hero {
        height: 425px;
    }
    .section-news-hero .news-hero-meta {
        padding: 42px;
    }
    .section-latest .section-latest-item .item-meta {
        margin-top: 15px;
    }

    /* gallery photos */
    .custom-navigation .swiper-button-next {
        left: 20%;
    }

    /* detail news */
    .detail-news .news-content h2 {
        font-size: 28px;
        margin-bottom: 52px;
    }
    .detail-news .news-content p {
        font-size: 20px;
        margin-bottom: 52px;
    }

    /* detail photos */
    .section-press-release .text-end {
        margin-top: 15px;
        text-align: left !important;
    }
    .btn-cs-detail {
        font-size: 16px;
        padding: 12px 16px;
    }
}

/* Mobile Styles */
@media only screen and (max-width: 768px) {
    .media-advisor-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .item-title {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .item-icon {
        margin-right: 8px;
    }

    .item-download {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        margin-top: 10px;
    }

    .btn-preview,
    .btn-download {
        width: 100%;
        max-width: 250px;
        padding: 12px 20px;
        text-align: center;
    }

    .media-advisor-title {
        font-size: 20px; /* Slightly smaller title font size for mobile */
        text-align: center;
    }

    .media-advisor-desc {
        font-size: 14px; /* Smaller description font size */
        padding: 0 10px; /* Add padding for spacing */
        text-align: center;
    }
}

@media only screen and (max-width: 480px) {
    .media-advisor-title {
        font-size: 18px; /* Smaller font size for very small screens */
    }

    .media-advisor-desc {
        font-size: 13px; /* Even smaller description font size */
    }

    .btn-preview,
    .btn-download {
        font-size: 12px; /* Smaller font size for buttons */
        padding: 8px 16px;
    }
}
@media (min-width: 992px) and (max-width: 1400px) {
    .navbar-nav .nav-link {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        font-size: 0.9rem; /* Slightly smaller text */
    }

    .btn-navbar {
        margin-left: 1rem !important; /* Reduce gap between menu and login button */
    }
}


/* Perbaikan untuk Tablet (max-width: 991.98px) */
@media (max-width: 991.98px) {
    .article-item-image img {
        height: 200px; /* Sesuaikan tinggi untuk tablet */
    }
}

/* Perbaikan untuk HP (max-width: 480px) */
@media (max-width: 480px) {
    .article-item-image img {
        height: 180px; /* Lebih pendek untuk HP agar konten lain terlihat */
    }

    .article-item-meta {
        padding: 10px 0;
    }
    .image-dec {
        /* dnone */
        display: none;
    }
}