@media (max-width: 769px){
    .navbar-offcanvas{
        position:fixed;
        height:100%;
        width:250px;
        max-width:100%;
        left:-250px;
        top:0px;
        z-index:999;
        overflow-y:scroll;
        -webkit-overflow-scrolling:touch;
        -webkit-transition:all 0.15s ease-in;
        -moz-transition:all 0.15s ease-in;
        -o-transition:all 0.15s ease-in;
        transition:all 0.15s ease-in;
    }
    .navbar-offcanvas.in{
        box-shadow:0px 0px 20px black;
        box-shadow:0px 0px 20px 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{
        -webkit-transform:translate3d(250px, 0px, 0px);
        -moz-transform:translate3d(250px, 0px, 0px);
        -o-transform:translate3d(250px, 0px, 0px);
        transform:translate3d(250px, 0px, 0px);
    }
    .navbar-offcanvas.offcanvas-position.in{
        left:0px;
    }
    .navbar-offcanvas.navbar-offcanvas-right{
        left:auto;
        right:-250px;
    }
    .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in{
        -webkit-transform:translate3d(-250px, 0px, 0px);
        -moz-transform:translate3d(-250px, 0px, 0px);
        -o-transform:translate3d(-250px, 0px, 0px);
        transform:translate3d(-250px, 0px, 0px);
    }
    .navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in{
        left:auto;
        right:0px;
    }
    .navbar-offcanvas .dropdown.active .caret{
        border-top:0px;
        border-bottom:4px solid;
    }
    .navbar-offcanvas .dropdown-menu{
        position:relative;
        display:block;
        width:100%;
        background:inherit;
        border:inherit;
        box-shadow:none;
        padding:0px;
        overflow:hidden;
        -webkit-transition:all 0.15s ease-in;
        -moz-transition:all 0.15s ease-in;
        -o-transition:all 0.15s ease-in;
        transition:all 0.15s ease-in;
        height:0px;
    }
    .navbar-offcanvas .dropdown-menu.shown{
        height:auto;
    }
    .navbar-offcanvas .dropdown-menu>li>a{
        color:#777;
        padding:5px 15px 5px 30px;
    }
}
.offcanvas-toggle{
    background:transparent;
}
.offcanvas-toggle .icon-bar{
    background:#42967d;
}
.offcanvas-toggle.offcanvas-toggle-close{
    margin-right:0px;
}
.offcanvas-toggle.offcanvas-toggle-close .icon-bar:nth-child(1){
    -webkit-transform:rotate(45deg) translate(5px, 4px);
    -moz-transform:rotate(45deg) translate(5px, 4px);
    -o-transform:rotate(45deg) translate(5px, 4px);
    transform:rotate(45deg) translate(5px, 4px);
}
.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(4px, -4px);
    -moz-transform:rotate(-45deg) translate(4px, -4px);
    -o-transform:rotate(-45deg) translate(4px, -4px);
    transform:rotate(-45deg) translate(4px, -4px);
}