@media (max-width:1300px) {
    .banner-floating._side {
        display: none;
    }
}

@media (max-width:1100px) {
    :root {
        --autopad: calc((100% - var(--maxwidth)) / 2);
    }
    #osidebar {
        left: calc(var(--sidewidth) * -1);
    }
    #osidebar .light-dark {
        display: none;
    }
    #ocontent {
        padding: 20px var(--autopad);
        margin-left: 0;
    }

    .top-header {
        display: flex;
    }
    .banner-floating._bottom {
        left: var(--autopad);
        transform: none;
    }
}

@media (max-width:780px) {
    :root {
        --maxwidth: 660px;
    }
    .banner-floating._bottom {
        left: 0;
        right: 0;
        width: 100%;
    }
}

@media (max-width:690px) {
    :root {
        --maxwidth: 400px;
    }
    .customize-partial-edit-shortcut {
        display: none!important;
    }
    body {
        font-size: 14px!important;
    }

    h1 {
        font-size: 1.8em;
    }
    h2 {
        font-size: 1.5em;
    }
    h3 {
        font-size: 1.2em;
    }

    /* Loop */
    .loop ._content {
        padding: 10px;
        gap: 5px!important;
    }
    .loop ._detail {
        font-size: .8em;
    }
    .loop ._content h3 {
        font-size: 1em!important;
    }
    .loop ._detail li:not(._date,._comments),
    .loop ._detail li .m-icon {
        display: none!important;
    }

    .grid._res {
        grid-template-columns: repeat(2, 1fr)!important;
    }
    .grid._res ._pigura {
        height: 160px!important;
    }
    .list._res ._pigura {
        width: 120px!important;
    }
    .list._res ._excerpt {
        display: none!important;
    }

    /* Top Menu */
    nav.head-menu {
        width: 100%;
        padding: 0;
        border-bottom: none;
    }
    nav.head-menu ._toggle {
        display: flex;
    }
    nav.head-menu > ul {
        display: none;
        width: 100%;
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    nav.head-menu ul::-webkit-scrollbar {
        display: none;
    }
    nav.head-menu ul:hover::-webkit-scrollbar {
        display: block;
    }
    nav.head-menu > ul > li {
        padding: 10px;
        border-bottom: 1px solid var(--colorborder);
    }

    nav.head-menu > ul > li:has(.children),
    nav.head-menu > ul > li:has(.sub-menu) {
        padding-right: 0;
    }
    
    nav.head-menu > ul > li > .children,
    nav.head-menu > ul > li > .sub-menu {
        position: relative;
        padding: 5px 0 0 0;
        width: 100%;
        border: none;
        background: none;
        max-width: calc(100% - 5px);
    }
    nav.head-menu > ul > li > span {
        top: 10px;
        right: 10px;
        transform: none;
    }

    /* Flash Blog */
    #flash-blog ._title {
        display: none;
    }

    /* Trending Blog */
    #trending-blog ._pigura {
        display: none;
    }
    #trending-blog ._content {
        padding-right: 70px;
    }
    #trending-blog ol .loop ._content::after {
        width: 70px;
    }

    /* Headline */
    #head-blog ._pigura {
        height: 240px;
    }
    #head-blog ._category {
        display: none;
    }
    #head-blog h3 {
        font-size: 1.1em!important;
    }
    #head-blog .splide__arrow svg {
        width: 1em;
    }
    #head-blog .splide__arrow--prev,
    #head-blog .splide__arrow--next {
        height: 30px;
        width: 30px;
    }

    /* Featured Category */
    #feat-cat ._pigura {
        width: 150px!important;
    }

    /* ePaper */
    .loop._epaper ._pigura {
        height: 250px!important;
    }

    /* Single */
    .single-content ._font-size i.m-icon {
        display: none;
    }
    .single-content ._gallery ._thumbnail img {
        width: 90px;
    }
    .single-content ._video iframe {
        height: 200px;
    }

    /* Single ePaper */
    .single-content._epaper ._content {
        flex-direction: column;
    }
    .single-content._epaper ._featured {
        width: 100%;
        max-width: 100%;
    }
    .single-content._epaper ._featured img {
        width: auto;
        max-height: 400px;
    }

    /* PDF Viewer */
    #pdf-viewer ._content {
        max-width: 100%;
    }
    #pdf-canvas {
        width: 100%;
        height: auto;
    }
    #pdf-viewer ._nav button span {
        display: none;
    }

    /* Related */
    #related-blog ._pigura {
        display: none;
    }

    /* Comment */
    .comment-form {
        grid-template-columns: 100%;
    }
    .comment-notes, .comment-form-comment, .comment-form-cookies-consent, .form-submit {
        grid-column: unset;
    }

    /* Footer */
    #footer ._top {
        flex-direction: column;
    }
}

@media (max-width:420px) {
    :root {
        --maxwidth: 100%;
        --autopad: 20px;
    }
    #osidebar {
        width: 100%;
        left: -100%;
    }
    #komentar,
    #scroll-komentar {
        width: 100%;
        right: -100%;
    }
}