/* PERBAIKAN RESPONSIVE LOGO HEADER OJS */

.pkp_site_name .is_img img {
    display: inline-block;
    max-width: 100%;
    height: auto !important;
    width: auto;
}

/* ===============================
   STRUKTUR HEADER OJS
================================ */

.pkp_structure_head,
.pkp_head_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align: left;
    padding: 10px;
}

/* ===============================
   MENU NAVIGASI
================================ */

.pkp_navigation_primary {
    width: 100%;
    margin-top: 10px;
    text-align: left;
}

/* Membatasi ukuran maksimum logo di desktop */
@media (min-width: 992px) {
    .pkp_site_name .is_img img {
        max-height: 200px; /* boleh disesuaikan */
    }
}

/* Tablet */
@media (max-width: 768px) {
    .pkp_site_name .is_img img {
        max-height: 140px;
    }
}

/* HP */
@media (max-width: 480px) {
    .pkp_site_name .is_img img {
        max-height: 110px;
        width: 100%;
    }
}