#modalZoom .modal-dialog {
    transform: translateY(-40%) !important;
}
.admin-bar .site-header{
    top:32px;
}
#wpadminbar{
    z-index:99999999;
}
@media (min-width: 1400px) {
    /* .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl
    {
        max-width: 1200px;
    } */
}

@media (min-width: 992px) {
    #modalZoom .modal-dialog {
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        width: calc(100% - 20%);
        height:calc(100% - 80px);
    }
}
@media (max-width: 991px) {
    header.site-header .container{
        max-width:100% !important;
    }
    .menu-wrap{
        position: absolute !important;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: 100%;
    }
    .navbar-toggler i{
        color: #fff;
    }
    .navbar-toggler{
        z-index: 11;
    }
    .navbar-toggler:focus{
        border: 0 !important;
        box-shadow:none !important;
    }
    .offcanvas-header{
        display: flex;
        background-color: #0088AC;
    }
    .offcanvas-header .btn-close{
        left: 0;
        opacity: 1;
        display: flex;
        width: auto;
        height: auto;
        color: #fff;
    }
    .offcanvas-header .btn-close i{
        color: #fff;
    }
    .offcanvas-header .navbar-brand{
        flex-grow: 1;
        justify-content: center;
    }
    .offcanvas-body .navbar-nav .sub-menu,
    .offcanvas-body .navbar-nav{
        margin-left:0;
        padding:0;
        list-style:none;
    }
    .offcanvas-body .navbar-nav a{
        text-decoration:none;
    }
    .offcanvas-body .navbar-nav li a{
        padding:12px 8px;
        color:#081317;
        display:flex;
        justify-content:space-between;
    }
    .offcanvas-body .navbar-nav li.menu-item-has-children > a:after{
        font-family: 'Line Awesome Free';
        font-weight: 900;
        content:"\f107";
        font-size:16px;
    }
    .offcanvas-body .navbar-nav .sub-menu{
        display:none;
    }
    /* footer */
    .footer-top .widget-footer-first{
        text-align:center;
        border-bottom-width:0 !important;
    }
    .footer-top .widget-wrap{
        margin-bottom:15px;
        padding-bottom:15px;
        border-bottom:1px solid #E6F9FE33;
    }
    .footer-top .widget-footer-three .widget-title,
    .footer-top .widget-footer-second .widget-title{
        padding:12px 0px;
        color:#081317;
        display:flex;
        justify-content:space-between;
        align-items:center;
    }
    .footer-top .widget-footer-three .widget-content,
    .footer-top .widget-footer-second .widget-content{
        display:none;
    }
    .footer-top .widget-footer-three .widget-title:after,
    .footer-top .widget-footer-second .widget-title:after{
        font-family: 'Line Awesome Free';
        font-weight: 900;
        content:"\f107";
        font-size:16px;
    }
    .title-top{
        flex-direction:column;
    }
    .nav-steps{
        display:flex;
        flex-wrap:nowrap;
        overflow:auto;
        white-space:nowrap;
    }
    #downloadModal .modal-dialog, #modalZoom .modal-dialog,
    #pencarian-lanjut .modal-dialog{
        transform: translateY(-50%);
        top: 50%;
        max-height: 50%;
    }
    .filter-wrapper .filter{
        overflow:auto;
    }
    .filter-wrapper .filter label{
        white-space:nowrap;
    }
    .entry-header .entry-title{
        font-size:24px;
    }
    .bg-top img{
        height:100%;
        object-fit:cover;
    }
    .link-download .dropdown-menu{
        width:400px;
    }
    .ajax-instrumen .list-steps{
    	flex-direction: column;
    	width: auto;
    	height: 200px;
    }
    .ajax-instrumen .list-steps .langkah{
    	/* margin-left: 30px; */
    }
    .ajax-instrumen .list-steps .step-item{
    	flex-direction: row !important;
    }
    .ajax-instrumen .list-steps .step-item:last-child{
    	justify-content: flex-start !important;
    }
    .ajax-instrumen .list-steps .step-item:before{
        content: "";
        width: 2px;
        height: calc(100% + 24px);
        background-color: #006985;
        position: absolute;
        top: 10px;
        left: 9px;
    }
    .ajax-instrumen .list-steps .step-item:nth-last-child(2)::before {
        background-color: #DBDDDD;
    }
    .ajax-instrumen .list-steps .step-item:last-child::before {
        content: none;
    }
    nav.user-registration-MyAccount-navigation{
        display:none;
    }
    #modalGrafikDownload p,
    #modalGrafikDownload .btn,
    #modalGrafikDownload h6{
        font-size:80% !important;
    }
    #modalGrafikDownload .btn-close{
        position:fixed;
        top:80px;
        right:15px;
        z-index:99999;
    }
}
@media (max-width: 782px) {
    .admin-bar .site-header{
        top:46px;
    }
}