/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
    /*overflow-x: hidden;*/ /* Prevent scroll on narrow devices */
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 991px) {
    .row-offcanvas {
        position: relative;

        -webkit-transition: all .25s ease-out;
           -moz-transition: all .25s ease-out;
                transition: all .25s ease-out;
    }

    .row-offcanvas-right {
        right: 0;
    }

    .row-offcanvas-left {
        left: 0;
    }

        .row-offcanvas-right.active {
            -webkit-transform: translateX(-320px);
               -moz-transform: translateX(-320px);
                -ms-transform: translateX(-320px);
                    transform: translateX(-320px);
        }

        .row-offcanvas-left.active {
            left: 100%;
            margin-left: -61px !important;
        }

    .sidebar-offcanvas {
        display: none;
        position: absolute;
        top: 0;
        width: 100%;
        max-width: 320px;
        height: 100%;
    }

        .row-offcanvas-right
        .sidebar-offcanvas {
            right: -320px;
        }

        .row-offcanvas-left
        .sidebar-offcanvas {
            left: -100%;
            margin-left: 61px;
        }
}