/*--------------------------------------------------------------
>>> 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.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 (min-width:768px) and (max-width: 991.98px) {
    .offcanvas-toggle.bars {
        background: transparent;
        border: 0;
        /*top: 50%;
        left: 0;
        transform: translateY(-50%);*/
        margin: 0;
        z-index: 1;
        /*position: absolute;*/
    }
   
}
@media screen and  (max-width: 991.98px) {
    .offcanvas-toggle.navbar-toggle {
        display: block;
        background: none;
        border: 0;
        margin-left: 20px; margin-top: 6px;
    }

    .navbar-offcanvas {
        height: 100%;
        left: -18rem;
        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: 18rem;
        z-index: 20000000000;
        margin: 0;
        background: #fff;
        text-align: left;
    }
    #main-menu li .dropdown-menu li > a{ font-size: 15px; }


        .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(18rem, 0, 0);
            -moz-transform: translate3d(18rem, 0, 0);
            transform: translate3d(18rem, 0, 0);
        }

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

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

            .navbar-offcanvas.navbar-offcanvas-right.in,
            .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {
                -webkit-transform: translate3d(-18rem, 0, 0);
                -moz-transform: translate3d(-18rem, 0, 0);
                transform: translate3d(-18rem, 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;
    }
  

        .offcanvas-toggle.bars .icon-bar {
            display: block;
            width: 17px;
            height: 2px;
            border-radius: 1px;
            margin: 0 auto;
        }

            .offcanvas-toggle.bars .icon-bar + .icon-bar {
                margin-top: 4px;
            }

    .navbar-offcanvas .dropdown-menu {
        top: 0;
    }
}
@media screen and (max-width:767.98px){
   
}
  /* [MEDIA QUERIES] END--------------------------------------------------- */