@media screen and (max-width: 1024px) {
    #product-sidebar {
        position: fixed;
        z-index: 99;
        background: #FFF;
        top: 0;
        left: -9999px;
        box-shadow: 2px 8px 23px 3px rgba(0,0,0,0.2);
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }
    #product-sidebar.toggle {
        transform: translateX(0);
        left: 0;
        height: 100vh;
        overflow-y: scroll;
    }
    .toggle-icon-wrapper {
        cursor: pointer;
        transition: right 0.6s ease;
        font-size: 16px;
    }
    .toggle-icon-wrapper.toggle {
        position: fixed;
        right: 0;
        top: 0;
        padding: 15px;
        z-index: 100;
    }
    .toggle-icon-wrapper:after {
        content: "Filter";
    }
    /*.toggle-icon-wrapper.toggle:after {
        content: "Close";
    }
    .toggle-icon-wrapper.toggle i:before {
        content: "\f00d";
    }*/
}