#mobile-menu {
	position: fixed;
	top: 0px;
	width: 100%;
	background-color: #fff;
	z-index: 1000;
	margin: 0px;
	box-shadow: 0px 0px 6px #666;
}

#m-btn {
	margin-top:20px;
}
#m-btn a {
	color:#00aaad;
}
#nav {
	height: 42px;
	position:relative;
	z-index:999;
}
.menu-btn {
	font-size: 42px;
	color: #50596e;
}
.admin-bar #mnav-box {
	top:47px;
}

ul.mnav li  a:hover {
	text-decoration:none;
}
ul.mnav {
	position:relative;
}

/* ----- Top level --------------*/
ul.mnav, ul.mnav li {
	margin:0px;
	padding:0px;
	list-style:none;	
}
ul.mnav li {
	display: inline-block;
	position: relative;
}
ul.mnav > li {
	float: left;
	padding:0px 17px;
}
ul.mnav > li > a {
	padding: 2px 7px;
	color: #000;	
	line-height:normal;
}
ul.mnav > li:first-child > a {
	border-right: 0px;
}
/* -----  End Top level --------------*/

/* ----- 2nd level --------------*/

ul.mnav ul {
	padding-left: 0px;
	display: none;
	position: absolute;
	z-index: 999;
	background-color: #2D2C2A;
	width: 170px;
	left: 20px;
	right: auto;
	top: 23px;
	border-top: 1px solid #52514F;
	font-size:13px;
}
ul.mnav ul li a:hover {
	background-color:#524944;
}

ul.mnav ul li ul li a{
	
	padding-top:6px;
	padding-bottom:6px;
}
ul.mnav li:hover > ul {
	display:block;
}
ul.mnav ul li {
	margin:0px;
	display:block;
	float:none;
	text-align:left;
	border-bottom: 1px solid #616161;
	height:auto;
	width: 100%;
}
ul.mnav ul li a {
	display:block;
	color:#FFF;
	background-color:#34302F;
	padding:6px 5px;
	padding-right: 10px;
}
/* ----- End 2nd level --------------*/

/* ----- 3rd level --------------*/
ul.mnav ul ul {
	right:200px;
	top:0px;
}
/* ----- END 3rd level --------------*/

.dropdown-arrow {
	position:relative;
	right:-8px;
}
ul.mnav .icon-arrow{
	position: absolute;
	right:13px;
	left: auto;
	top: 12px;
	display:none;
	transition: transform .3s;
}
.icon-arrow.open {
	transition: transform .3s;
}
ul.mnav > li > a:before {
  content: "";
  position: absolute;
  width: 70%;
  height: 2px;
  bottom: 0;
  left: 20;
  bottom:-3px;
  background-color: #FF0462;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
ul.mnav > li > a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
 @media(max-width:767px) {
 	ul.mnav > li > a:before {
  content: "";
  position: absolute;
  width: 0%;
  height: 2px;
  bottom: 0;
  left: 0;
  bottom:-3px;
  background-color: #FF0462;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
ul.mnav > li > a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
	ul.mnav .icon-arrow {
		display:block;
	}
		
	#top-sm {
		direction:ltr;
	}
	#mbl-nav-box {
		direction:rtl;
		padding: 10px 7px;
	}
	a.mobile-logo img {
		min-width:102px;
	}
	.menu-btn i {
		 font-size: 23px;
		 margin-right: 5px;
		 margin-top: 9px;
		 background-color: #FF0065;
		 color: #fff;
		 padding: 5px 9px;
	}
 	#nav {
	 	height:auto;
	 	margin-top:auto;
	}
	 .has-push-right #black-overlay {
	 background: rgba(0, 0, 0, 0.4);
	 position: fixed;
	 height: 100%;
	 width: 100%;
	 left: 0;
	 top: 0;
	 z-index: 100;
	}
	 #mnav-box {
	 position: fixed;
	 top: 0px;
	 right: 0;
	 width: 350px;
	 background: #FFF;
	 background: rgb(252,102,33); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(252, 102, 33, 1) 34%, rgba(255, 0, 101, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(252, 102, 33, 1) 34%, rgba(255, 0, 101, 1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(252, 102, 33, 1) 34%, rgba(255, 0, 101, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc6621', endColorstr='#ff0065', GradientType=1 ); /* IE6-9 */;
	 height: 100%;
	 z-index: 102;
	 overflow: auto;
	 -webkit-transform: translateX(100%);
	 -ms-transform: translateX(100%);
	 transform: translateX(100%);
	 transition: transform .3s;
	}
	 #mnav-top {
	 position: relative;
	}
	 .close-btn {
		 top: 20px;
		 right: 15px;
		 position: absolute;
		 cursor: pointer;
		 color: #fff;
		 font-size: 25px;
	}
	 body.has-push-right #mnav-box {
	 -webkit-transform: translateX(0);
	 -ms-transform: translateX(0);
	 transform: translateX(0);
	}
	 body.has-push-right #wrapper {
	 -webkit-transform: translateX(-460px);
	 -ms-transform: translateX(-460px);
	 transform: translateX(-460px);
	}
	 .mnav-box-in {
	 padding: 15px;
	}
	
	 ul.mnav {
		 margin: 0;
		 padding: 0;
		 list-style: none;
		 width: 100%;
		 text-align: right;
	}
	ul.mnav > li {
		padding:0px;
	}
	 ul.mnav li {		
	 	float:none;	 	
		border-bottom: 1px solid #f99;
		display: block;
		text-align:left;	 
	}
	 ul.mnav li a {
		 font-size: 18px;
		 color: #000;
		 position: relative;
		 display: block;		 
		 padding:9px;
		 text-decoration:none;
		 opacity:0.8;
	}
	 ul.mnav li a:hover {
	 	color:#fff;
		opacity:1;		
	 }
	 ul.mnav ul {
		 list-style: none;
		 display: none;
		 position:static;
		 z-index:999;
		 background-color:transparent;
		 width:auto;
	}
	 ul.mnav li:hover > ul {
	 	display:none;
	}
	 ul.mnav ul li a {
		 font-size: 14px;
		 padding:10px 12px;
	}
	 
	 ul.mnav ul .dropdown-arrow {
	 -ms-transform: rotate(0deg);
	 -webkit-transform: rotate(0deg);
	 transform: rotate(0deg);
	 position:absolute;
	 right:0px
	}
	 #mbl-logo {
	 text-align: center;
	}
	 #mbl-logo img {
	 display: inline-block;
	 max-width: 150px;
	 min-width: 150px;
	}
	 #mnav-btm {
	 background: #f6f8f8;
	 margin-top:15px;
	}
}
