.pushbar.opened {
    display: block;
}

html.pushbar_locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}


.pushbar_locked .pushbar_main_content.pushbar_blur {
    filter: blur(15px);
}

.pushbar {
    z-index: 1000;
    position: fixed;
    will-change: transform;
    overflow-y: auto;
    transition: transform 0.5s ease;
    will-change: transform;
    background: #fff;
}


/*@media (max-width: 991px) {*/
@media (max-width: 1199px) {

    .pushbar_overlay {
        z-index: -999;
        position: fixed;
        width: 100%;
        max-width: 100%;
        height: 100%;
        min-height: 100vh;
        top: 0;
        left: 0;
        will-change: opacity;
        transition: opacity 0.5s ease;
        opacity: 0;
        will-change: opacity;
        background: #3c3442;
    }
}

/*@media (min-width: 992px) {*/
@media (min-width: 1200px) {

    .pushbar_overlay {
        display: none;
        z-index: -999;
        position: fixed;
        width: 100%;
        max-width: 100%;
        height: 100%;
        min-height: 100vh;
        top: 0;
        left: 0;
        will-change: opacity;
        transition: opacity 0.5s ease;
        opacity: 0;
        will-change: opacity;
        background: #3c3442;
    }
}


    html.pushbar_locked .pushbar_overlay {
        opacity: 0.8;
        z-index: 999;
        transition: opacity 0.5s ease;
    }


    .pushbar.from_left {
        top: 0;
        left: 0;
        width: 256px;
        max-width: 100%;
        height: 100%;
        min-height: 100vh;
        transform: translateZ(0) translateX(-100%);
    }

    .pushbar.from_right {
        top: 0;
        right: 0;
        width: 256px;
        max-width: 100%;
        height: 100%;
        min-height: 100vh;
        transform: translateZ(0) translateX(100%);
    }

    .pushbar.from_top {
        top: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        min-height: 150px;
        transform: translateZ(0) translateY(-100%);
    }

    .pushbar.from_bottom {
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        min-height: 150px;
        transform: translateZ(0) translateY(100%);
    }

    .pushbar.opened {
        transform: translateX(0px) translateY(0px);
    }

/*.accordion-heading:after {
    content: '\f0d7';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    float: right;
    font-size: 14px;
    line-height: 1;
}*/