.overlay3{height:100%;position:fixed;z-index:999;top:0;left:0;background-color:#fff;overflow-y:auto;overflow-x:hidden;text-align:center;transition:opacity 1s}
#mainContent{transition:margin-left .5s}
@media (max-width:767px){
    #mainContent{
        display:block;
        transition:all .4s ease-in-out 0s;
        -moz-transition:all .4s ease-in-out 0s;
        -o-transition:all .4s ease-in-out 0s;
        -webkit-transition:all .4s ease-in-out 0s;
        -ms-transition:all .4s ease-in-out 0s
    }
#mainContent .side_nav{
    width:250px;
    position:absolute;
    right:15px;
    transition:all .4s ease-in-out 0s;
    -moz-transition:all .4s ease-in-out 0s;
    -o-transition:all .4s ease-in-out 0s;
    -webkit-transition:all .4s ease-in-out 0s;
    -ms-transition:all .4s ease-in-out 0s;
    padding-right:15px;
    padding-left:15px;
    background-color:#2f3d50;
    top:-1px;
    z-index:999;
    margin-top:0;
    height:100vh;
    overflow-x:hidden;
    overflow-y:scroll
}
.side_nav .navbar-nav{margin:0 -15px}
#mainContent .navbar-toggle{float:left;border:none;border-radius:0;position:absolute;z-index:100;margin:0;top:73px;}
.fixNav #mainContent .navbar-toggle{top:10px}
#mainContent .navbar-default{float:left}
.toggle-bar,.toggle-bar::after,.toggle-bar::before,.toggle-wrap.active .toggle-bar,.toggle-wrap.active .toggle-bar::after,.toggle-wrap.active .toggle-bar::before{
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;transition:all .2s ease-in-out
}
.toggle-bar{width:20px;margin:0;position:relative;border-top:4px solid #0f5ec5;display:block}
.fixNav .toggle-bar{border-top:4px solid #0f5ec5}
.toggle-bar::after,.toggle-bar::before{
    content:"";
    display:block;
    background-color:#0f5ec5;
    height:4px;
    width:20px;
    position:absolute;
    top:-12px;
    -ms-transform:rotate(0);
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -ms-transform-origin:13%;
    -webkit-transform-origin:13%;
    transform-origin:13%
    
}
.fixNav .toggle-bar::after,.fixNav .toggle-bar::before{background-color:#0f5ec5}
.toggle-bar::after{top:4px}
.toggle-wrap.active .toggle-bar{border-top:6px solid transparent}
.toggle-wrap.active .toggle-bar::before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.toggle-wrap.active .toggle-bar::after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.navigation-bar .col{float:none;padding-left:0;width:100%}
.navigation-bar .logo_holder{float:right;text-align:right;display:block;width:auto}
.navigation-bar .nav-header{display:block;width:auto}
    
}
@media (max-width:440px){
    .navigation-bar{
        
        padding:5px 0;
    }
}