/* Zoom Mobile Navigation */

#nav-toggle {
	display: none;
	text-align: left;
}

.menu-box-mobile {
	overflow-x: hidden;
	display: none;
	z-index: 99999;
	width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

#zoom-mobile-nav {
	margin: 0 auto;
	/* width: 100%; Disable it when using parent container */
	height: auto;
}

#zoom-mobile-nav.menu-mobile {
	height: auto;	
}

.menu-mobile#zoom_mobile_nav {
	margin: 0;
	padding: 0;
}

#zoom-mobile-nav a {
	display: block;
	text-decoration: none;
	font-size: 13px;
}

#zoom-mobile-nav a span {
	display: block;
	padding: 17px 18px;
	text-transform: uppercase;
}

#zoom-mobile-nav > .menu-mobile > ul li > a:not(:only-child) span:after {
	font-family: "FontAwesome";
	font-size: 10px;
    content: '\f078';
    position: absolute;
    right: 9px;
    top: 16px;
    z-index: 251;
	-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;
}

#zoom-mobile-nav > .menu-mobile > ul ul > li a:not(:only-child) span:after {
	top: 13px;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	-ms-transform: rotate(270deg);
}

#zoom-mobile-nav > .menu-mobile li a:not(:only-child) span {
    padding-right: 18px;
}

#zoom-mobile-nav > .menu-mobile > ul > li:hover > a:not(:only-child) span:after {
    top: 20px;
	filter: alpha(opacity=0);
	opacity: 0;
}
#zoom-mobile-nav > .menu-mobile > ul ul > li:hover > a:not(:only-child) span:after {
    right:-20px;
	opacity:0;
	filter: alpha(opacity=0);
}

#zoom-mobile-nav > .menu-mobile > ul > li > a:not(:only-child) span {
	padding-right: 24px;
}

#zoom-mobile-nav ul li {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	text-align: left; /* Fix for IE when menu alignment set to center */
}

#zoom-mobile-nav ul ul {
	display: none;
	position: absolute;
	clear: both;
	z-index: 260;
	margin-left: 0px;
	min-width: 125%;
}

#zoom-mobile-nav ul li a{
	letter-spacing: 2px;
}

#zoom-mobile-nav ul ul li {
	display: table;
	position: relative;
	margin: 0;
    width: 100%;
}

#zoom-mobile-nav ul ul li a span{
	padding: 12px 18px;
}

#zoom-mobile-nav ul ul ul {
	position: absolute;
	left: 100%;
	top: 0px;
	margin: 0;
	min-width: 150px;
}

#zoom-mobile-nav ul ul ul li {
     width: 100%;
	 display: block;
     float: none;
}

#zoom-mobile-nav ul ul a,
#zoom-mobile-nav ul ul ul a {
	display: table;
	float: none;
	min-width: 150px;
	width: 100%;
}

#zoom-mobile-nav li,
#zoom-mobile-nav ul ul li {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#zoom-mobile-nav ul li:hover > ul {
	display: block;
}

/* Media Queries */

@media (max-width: 920px) {
	
	.menu-box-mobile {
		display: block;
	}
	
	#nav-toggle {
		display: block;
		float: left;
		margin: 0 auto;
		cursor:pointer;
		width: 100%;
		height: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#nav-toggle span:before { content: "\f0c9"; font-family: "FontAwesome"; font-size: 24px; height: 40px; line-height: 40px; }
	#zoom-mobile-nav { display: none; margin-top: 0; padding-bottom: 5px; height: 100%; min-height: 100%; }
	#zoom-mobile-nav .menu-mobile ul, #zoom-mobile-nav .menu-mobile ul li {margin:0; width: 100%; }
	#zoom-mobile-nav ul ul {min-width:1px;} #zoom-mobile-nav ul li {white-space: normal;}
	#zoom-mobile-nav > .menu-mobile li ul { position: inherit; margin: 0; }
	#zoom-mobile-nav > .menu-mobile ul ul ul { left: 0; text-indent: 1em; }
	#zoom-mobile-nav > .menu-mobile ul ul ul ul { left: 0; text-indent: 1em; }
	#zoom-mobile-nav a span {padding:15px 10px;}	
	.zoom-menu-center #zoom-mobile-nav > .menu-mobile > ul > li > a > span { text-align: left; }
	#zoom-mobile-nav > .menu-mobile ul li > a:not(:only-child) span:after {
	font-family:"FontAwesome"; content: '\f078';
    position: absolute; right: 5px; top: 16px; z-index: 251;
	-moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; 
	-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; }
	#zoom-mobile-nav > .menu-mobile ul li:hover > a:not(:only-child) span:after { top:20px; opacity:0; }
	#zoom-mobile-nav > .menu-mobile ul li > a:not(:only-child) span { padding-right:18px; }
	#zoom-mobile-nav ul li:hover, #zoom-mobile-nav ul ul li, #zoom-mobile-nav ul ul {background-color: rgba(255,255,255, .05) !important;}
	#zoom-mobile-nav > .menu-mobile > ul ul > li a:not(:only-child) span:after { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }

	
}