@media (max-width: 991px) { 

.menu-link, #menu { display: block; }
.site-wrapper {
	  -webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;  
}
.site-wrapper.active {
	-webkit-transform: translate(-220px, 0px);
	-moz-transform: translate(-220px, 0px);
	-o-transform: translate(-220px, 0px);
	-ms-transform: translate(-220px, 0px);
	transform: translate(-220px, 0px);
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;  
}
.newnav{
	  -webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;  
}
.newnav.active{
	-webkit-transform: translate(-220px, 0px);
	-moz-transform: translate(-220px, 0px);
	-o-transform: translate(-220px, 0px);
	-ms-transform: translate(-220px, 0px);
	transform: translate(-220px, 0px);
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease; 
	}
#menu {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 220px;
    height: 100%;
    background-color: #071922;
    z-index: 999;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;  
    right: -220px;
}
#menu.active {
	-webkit-transform: translate(-220px, 0px);
	-moz-transform: translate(-220px, 0px);
	-o-transform: translate(-220px, 0px);
	-ms-transform: translate(-220px, 0px);
	transform: translate(-220px, 0px);
}
.menu-link { position: absolute; top: 18px; left: -28px; z-index: 99;}
.menu-link .fa { font-size: 16px; color: #fff; }
.rightbar-nav { width: 220px; margin-bottom: 0;}
.rightbar-nav li:first-child { border-left: 1px solid #252424;}
.rightbar-nav li a {color: #FFF; display: block; padding: 15px 20px; border-radius:0; border-bottom:1px solid #122d39; font-size:13px;}
.rightbar-nav li a:hover, .sidebar-custom .navbar-form:hover {opacity:.6}
.rightbar-nav li.active a {opacity:.6}
.sidebar-custom .navbar-form { margin:0; box-shadow: none; padding: 20px 16px}
.sidebar-custom .navbar-form .btn-default { box-shadow: none;}

}