/* ---------------------------   Off Canvas  ----------------------------*/

@media (max-width: 991.98px) {
    .offcanvas-collapse {
        position: fixed;
        z-index: 1100;
        /*top: 50px; /* Height of navbar */
        top: 40px;
        /* Height of navbar */
        bottom: 0;
        left: 100%;
        width: 100%;
        overflow-y: auto;
        visibility: hidden;
        background-color: #FFFFFF;
        transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    }
    .offcanvas-collapse.open {
        visibility: visible;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    body.noscrool {
        overflow: hidden;
        height: 100%;
    }
    body {
        overflow: initial;
        height: auto;
    }
}