@media (max-width: 991.98px) {
    .offcanvas-collapse {
        position: fixed;
        top: 0;
        bottom: 0;
        width: 90%;
        z-index: 1041;
        padding-right: 0;
        padding-left: 0;
        overflow-y: auto;
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    .offcanvas-collapse.open {
        -webkit-transform: translateX(0);
        transform: translateX(0); /* Account for horizontal padding on navbar */
    }
}
.offcanvas-collapse .loading{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
}
.offcanvas-collapse .loading .fas{
    position: absolute;
    left: 50%;
    top: 50%;
}