/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
    [NAVBAR OFF CANVAS MENU FILTER]

    [MEDIA QUERIES]
*/

/* [NAVBAR OFF CANVAS MENU FILTER] --------------------------------------------------- */

.navbar-offcanvas .dropdown-menu.shown {
    display: block;
}

.navbar-wrap {
    padding: 0 0.94rem;
}

.offcanvas-toggle.bars {
    left: 0;
    margin: 0;
    position: absolute;
    top: -0.31rem;
    z-index: 1;
}

.offcanvas-toggle.offcanvas-toggle-close {
    margin-right: 0;
}

    .offcanvas-toggle.offcanvas-toggle-close .icon-bar:nth-child(1) {
        -webkit-transform: rotate(45deg) translate(0.31rem, 0.25rem);
        -moz-transform: rotate(45deg) translate(0.31rem, 0.25rem);
        transform: rotate(45deg) translate(0.31rem, 0.25rem);
    }

    .offcanvas-toggle.offcanvas-toggle-close .icon-bar:nth-child(2) {
        opacity: 0 !important;
    }

    .offcanvas-toggle.offcanvas-toggle-close .icon-bar:nth-child(3) {
        -webkit-transform: rotate(-45deg) translate(0.25rem, -0.25rem);
        -moz-transform: rotate(-45deg) translate(0.25rem, -0.25rem);
        transform: rotate(-45deg) translate(0.25rem, -0.25rem);
    }

.navbar-toggle.close-menu,
.navbar-toggle.close-menu:hover,
.navbar-toggle.close-menu:focus {
    border: 0 none;
    margin: 0;
    padding: 0.31rem 0.63rem;
    background: none;
}
/* [NAVBAR OFF CANVAS MENU FILTER] END --------------------------------------------------- */



  /* [MEDIA QUERIES] --------------------------------------------------- */

@media screen and  (max-width: 991.98px) {
    .offcanvas-toggle.navbar-toggle {
        display: block;
    }

    .navbar-offcanvas {
        height: 100%;
        left: -15.63rem;
        max-width: 100%;
        overflow-y: auto;
        position: fixed;
        top: 0;
        -webkit-transition: all 0.15s ease-in 0s;
        -moz-transition: all 0.15s ease-in 0s;
        transition: all 0.15s ease-in 0s;
        width: 15.63rem;
        z-index: 999;
        margin: 0;
        background: #fff;
        text-align: left;
    }

        .navbar-offcanvas.in {
            box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.3);
        }

        .navbar-offcanvas.navbar-offcanvas-fade {
            opacity: 0;
        }

            .navbar-offcanvas.navbar-offcanvas-fade.in {
                opacity: 1;
            }

        .navbar-offcanvas.offcanvas-transform.in,
        .navbar-offcanvas.in {
            -webkit-transform: translate3d(15.63rem, 0, 0);
            -moz-transform: translate3d(15.63rem, 0, 0);
            transform: translate3d(15.63rem, 0, 0);
        }

        .navbar-offcanvas.offcanvas-position.in {
            left: 0;
        }

        .navbar-offcanvas.navbar-offcanvas-right {
            left: auto;
            right: -15.63rem;
        }

            .navbar-offcanvas.navbar-offcanvas-right.in,
            .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {
                -webkit-transform: translate3d(-15.63rem, 0, 0);
                -moz-transform: translate3d(-15.63rem, 0, 0);
                transform: translate3d(-15.63rem, 0, 0);
            }

            .navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in {
                left: auto;
                right: 0;
            }

        .navbar-offcanvas .dropdown.shown > .dropdown-menu {
            display: block;
        }

        .navbar-offcanvas .dropdown.shown .caret,
        .navbar-offcanvas .dropdown.open .caret {
            border-bottom: 0.25rem solid;
            border-top: 0 none;
        }

        .navbar-offcanvas .dropdown-menu {
            background: inherit;
            border: inherit;
            box-shadow: none;
            float: none;
            overflow: hidden;
            padding: 0;
            position: relative;
            -webkit-transition: all 0.15s ease-in 0s;
            -moz-transition: all 0.15s ease-in 0s;
            transition: all 0.15s ease-in 0s;
            width: 100%;
            border-radius: 0;
        }

            .navbar-offcanvas .dropdown-menu.shown {
                height: auto;
            }

            .navbar-offcanvas .dropdown-menu > li > a {
                padding: 0.31rem 0.94rem 0.31rem 1.88rem;

            }
    .navbar-offcanvas .navbar-header{float: none;
    }
}

  /* [MEDIA QUERIES] END--------------------------------------------------- */