#nav-three-bars {
	display: block;
	width: auto;
	text-align:right;
	display:none;
	margin-top:20px; position:absolute; right:22px;
	
}
#nav-three-bars .fa {
	font-size:17px!important;
}
body {
	right: 0;
	margin: 0;
	/*overflow: hidden;*/


	position: relative;
}
.menu_overlay {
	width: 100%;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 99999;
	display:none;
}
.my_res_nav_col {
	background: #f7f7f7 repeat left top;
	top:0;
	right: -300px;
	height: 100%;
	position: fixed;
	width: 200px;
	z-index:9999999;
	overflow:auto;
}
.icon-close {
	cursor: pointer;
	padding-left: 10px;
	color: #333;
}
.icon-close a {
	cursor : pointer;
	color: #333!important;
	line-height: 45px;
	padding-bottom: 3px;
	padding-left: 20px;
	padding-top: 3px;
}
.my_res_nav_col ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.my_res_nav_col li {
	background: none;
	position: relative;
	z-index: 999;
	margin: 0 0px;
}
.my_res_nav_col li:first-child a {
	border-top:1px solid #ccc;
}
.my_res_nav_col li a {
	display: block;
	padding: 0;
	text-decoration: none;
	color: #333!important;
	zoom: 1;
	padding: 10px 10px;
	border-bottom:1px solid #ccc;
	text-transform: capitalize;
	font-size: 13px;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	cursor:pointer
}
.my_res_nav_col li a:before {
	content: "\f138   ";/*f105 f138  */
	font: normal normal normal 14px/1 FontAwesome;
	margin-right:5px;
	color:#333;
}
.my_res_nav_col li a:hover {
	background:#333;
	color: #fff!important;
}
.my_res_nav_col li a:hover:before  {
 
	color: #fff!important;
}
 @media only screen and (min-width:320px) and (max-width:767px) {
 #nav-three-bars {
 display:block;
}
}
 @media only screen and (min-width:992px) and (max-width:1199px) {
}