@media (max-width:992px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .pkp_structure_head {
        position: relative;
        z-index: 10;
    }

    .pkp_head_wrapper {
        width: 100% !important;
        /* padding-top: 20px !important; */
        /* padding: 10px 0 !important; */
        background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
        border-bottom: 1px solid #e0e0e0;
    }

    .navbar-header {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 auto;
    }

    .pkp_page_catalog .page.page_book {
        padding: 30px 10px;
    }

    .pkp_page_catalog .main_entry {
        width: 100%;
        padding: 0;
    }

    .pkp_page_article .main_entry .abstract {
        text-align: justify;
    }

    .page_homepage .featured_book_list.slick-dotted.slick-slider {
        max-height: 500px;
    }

    .page_homepage .featured_book_list .slick-dots {
        top: 92%;
    }

    .obj_monograph_summary a.cover {
        float: left;
        width: 47%;
    }

    .featured_book_list a.cover {
        float: left;
        width: 52%;
    }

    .obj_monograph_summary h2 a,
    .obj_monograph_summary .seriesPosition,
    .obj_monograph_summary .author {
        font-size: 0.8em;
    }

    .obj_monograph_summary .date {
        font-size: 0.65em;
    }


    .pkp_footer_content {
        /* padding: 10px; */
    }

    .row.footer,
    .row.copright-container {
        width: 110%;
        margin-left: -18px;
    }

    h2.announcements_title {
        margin-left: 10px !important;
    }

    .pkp_page_index .cmp_announcements>.obj_announcement_summary {
        width: 100%;
        padding: 0 20px 0 12px;
        text-align: justify;
    }

    .pkp_page_index .cmp_announcements>.obj_announcement_summary a.read_more {
        display: none;
    }

    .pkp_page_index .cmp_announcements>.obj_announcement_summary h3 {
        padding-top: 20px;
    }

    .pkp_page_index .cmp_announcements {
        margin-bottom: 40px;
    }

    nav.pkp_navigation_primary_row {
        display: none;
    }

    .row.article_statistic .pdf_count {
        text-align: left;
        margin-left: 0;
    }

    .row.article_statistic .abstract_count {
        margin-bottom: 0;
        margin-top: 10px;
    }

    .pkp_page_index .additional_content {
        margin-bottom: 40px;
    }

    #lightMenu {
        display: block !important;
        position: absolute;
        top: 50%;
        color: white;
        left: 15px;
        transform: translateY(-50%);
        z-index: 20;
    }

    a#openMenu {
        background: white;
        padding: 6px 10px;
        border-radius: 6px;
        text-decoration: none;
        border: 1px solid #dcdbdb;
        display: inline-block;
        box-shadow: 0 2px 5px rgba(0,0,0,0.15);
        font-size: 10px;
        color: #333;
        transition: all 0.3s ease;
        cursor: pointer;
    }

    a#openMenu:hover {
        background: #f5f5f5;
        box-shadow: 0 3px 8px rgba(0,0,0,0.25);
        text-decoration: none;
    }

    a#openMenu:before {
        content: "\f0c9";
        font-family: FontAwesome;
        margin-right: 8px;
        font-size: 10px;
    }

    /* #menu-light {
        position: fixed;
        top: 0;
        left: -100%;
        width: 85%;
        max-width: 300px;
        height: 100vh;
        background: white;
        z-index: 9999;
        overflow-y: auto;
        box-shadow: 2px 0 20px rgba(0,0,0,0.3);
        transition: left 0.3s ease-in-out;
    } */

    .pkp_page_index .cmp_spotlights {
        padding: 20px;
    }

    .pkp_structure_main {
        padding: 0 0px 0 5px;
    }

    .page_homepage .featured_book_list.slick-dotted.slick-slider {
        padding-left: 18px;
    }

    .cmp_monographs_list .obj_monograph_summary {
        width: 100%;
    }


    #menu-light li {
        width: 100%;
        text-align: left;
        list-style: none;
        padding: 10px 0;
    }

    #menu-light li a {
        margin-left: 0;
        font-size: 1.3em;
        text-decoration: none;
    }

    #menu-light ul {
        padding: 8px 0 0 20px;
    }

    #menu-light ul .dropdown-menu.show {

        padding: 0;
    }

    /* menu background */
    .mm-ocd__content {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
        display: block;
        position: relative;
        /* height: 100%; */
        height: 105vh;
        margin-top: -20px;
        padding-top: 20px;
        /* max-height: calc(120vh - 9rem); */
        overflow-y: auto;
    }

    .mm-ocd__content:after {
        content: "";
        background: url(../images/menu_tree.jpg);
        background-size: cover;
        opacity: 0.18;
        top: 12%;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: -1;
    }

    /* article */

    .pkp_page_article .entry_details .cover_image {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .pkp_page_article .item.references {
        width: 100%;
    }

    .obj_monograph_full .entry_details .item.cover {
        padding: 40px 20px;
    }

    .obj_monograph_full .entry_details {
        border: none;
        padding: 10px;
    }

    .obj_monograph_full .item.abstract,
    section.item.abstract {
        text-align: justify;
        clear: both;
    }

    .home_journal_description {
        margin-left: -15px;
        width: 107.8%;
    }

    .doi_container {
        margin-top: 70px;
        float: none;
    }

    .row.article_statistic {
        margin-top: 0;
    }


    .pkp_site_name_wrapper {
        /* height: 160px; */
        height: auto !important;
        min-height: 60px;
        /* padding: 10px 15px; */
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    button.pkp_site_nav_toggle {
        display: none;
    }

    h1.pkp_site_name,
    div.pkp_site_name {
        margin-top: 40px;
        left: 0px;
    }

    .pkp_site_nav_menu {
        display: none !important;
        /* width: 100%;
        background: none;
        position: relative; */
    }

    .pkp_site_name {
        margin-top: 0 !important;
        left: 0 !important;
        text-align: center;
        position: static;
    }

    .pkp_site_name img {
        max-width: 120px !important;
        height: auto !important;
    }

    h1.pkp_site_name,
    div.pkp_site_name {
        margin-top: 0 !important;
    }

    .header-banner {
        height: 180px !important;
        margin-top: 0;
        background-size: cover !important;
        background-position: center center !important;
    }

    /* SEMBUNYIKAN MENU DESKTOP */
    .pkp_navigation_primary_row {
        display: none !important;
    }

    /* ===== USER NAVIGATION (注册 & 登录) ===== */
    .pkp_navigation_user_wrapper {
        position: absolute !important;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: auto !important;
        left: auto !important;
        z-index: 20;
    }

    /* catalog */
    .obj_monograph_summary>*,
    .obj_monograph_summary .title {
        margin-left: 0;
        margin-top: 5px;
    }
}

@media (min-width: 768px) {
    /* .pkp_head_wrapper .navbar-header {
        width: 728px;
    }

    .header-banner {
        height: 350px;   
    } */
}

@media (min-width: 992px) {
    .pkp_navigation_primary {
        max-width: 100% !important;
    }

    .pkp_structure_sidebar {
        float: right;
        width: 299px;
    }

    .pkp_navigation_user_wrapper {
        position: relative;
    }

    .pkp_head_wrapper .navbar-header {
        width: 952px;
    }

    .pkp_navigation_search_wrapper a {
        margin: .357rem 1.1em 0;
    }
}

@media (min-width: 1024px) {
    .header-banner {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 1200px) {
    .pkp_structure_main {
        width: 858px;
    }

    .pkp_head_wrapper .navbar-header {
        width: 1160px;
    }
}