body{width:100%;transition: all .3s linear;}


.menu_visible{margin-left: 249px;width: 100%;/*overflow:hidden;*/position:fixed;}


body.menu_visible .menu-wrap{display:block}


.menu-wrap {position: fixed;width: 100%;height: 100%;top: 0;display: none;z-index:9999;background: rgba(0,0,0,0.4);left:249px;}


 





#nav-toggle


{


display: block;


width: 40px;


height: 30px;


margin:14px 0px;


position: absolute;


top: 5px;


right: -50px;


z-index: 99999;


// @extend .visible-xs


}


#nav-toggle:before,


#nav-toggle:after,


#nav-toggle span


{


    background: #000;


    content: '';


    display: block;


    width: 39px;


    height: 3px;


    position: absolute;


    left: 5px;


}


#nav-toggle:before


{


    top: 4px;


}


#nav-toggle:after


{


    bottom: 5px;


}


#nav-toggle span


{


    top: 50%;


    margin-top: -2px;


}





ul.efelle-menu li {


	background-image: none;


}





/* Hamburger animation */


#nav-toggle:before,


#nav-toggle:after,


#nav-toggle span


{


    transition: none 0.5s ease 0.5s;


    transition-property: transform, top, bottom, left, opacity;


}


.menu_visible #nav-toggle span


{


    right: 0px;


    opacity: 0;


}


.menu_visible #nav-toggle:before


{


    transform: rotate( 45deg );


    top: 17px;


}


.menu_visible #nav-toggle:after


{


    transform: rotate( -45deg );


    bottom: 10px;


}





#sidebar{





	width: 250px;


	height:100%;


	/*display:block;*/


	position: fixed;


	left: -250px;


	top:0px;


	transition:left 0.3s linear;


	z-index: 9999999999;


	background: #000;


}





#sidebar.visible{


	left: -1px;


	transition:left 0.3s linear;


}





 #sidebar ul{


	margin:10px 0 0 10px;


	padding:0px;


}





#sidebar ul li{


	list-style:none;


}





#sidebar ul li a{


	/* background:#1C1E1F; */


	color:#ccc;


	/* border-bottom:1px solid #111; */


	display:block;


	width:100%;


	padding:8px 10px;


	text-decoration: none;


}








#myNavbar ul > li > a.dropdown{





background: #000 url(../images/menu-arrow.png) right top no-repeat !important;


}





#myNavbar ul > li > a.dropdown.active{





background: #000 url(../images/active-arrow.png) right top no-repeat !important;


}





.menu_visible #sidebar-btn span:nth-child(2)


{


    left: -50px;


    opacity: 0;


}


.menu_visible #sidebar-btn span:nth-child(1)


{


    transform: rotate( 45deg );


    top: 6px;


	position: absolute;


}


.menu_visible #sidebar-btn span:nth-child(3)


{


    transform: rotate( -45deg );


    bottom: 2px;


	position: absolute;


}


#myNavbar ul.dropnav_new_r li{width:150px;margin-right: 24px !important;display: inline-block !important;}


#sidebar ul.dropnav_new_r  li a{ padding-left:0px !important;}