@media screen and (max-width:782px)
{
.container {
	margin: 10px auto;
}
.toggleMenu {
	padding: 0px 28px; height: 49px; text-align: left; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 49px; font-family: "FontAwesome"; font-size: 18px; text-decoration: none; border-left-color: rgb(255, 255, 255); border-left-width: 1px; border-left-style: solid; float: left;
}
.toggleMenu:hover {
	background: rgb(68, 68, 68); text-decoration: none;
}
.active.toggleMenu {
	background: rgb(68, 68, 68);
}
.toggleMenu span {
	padding-left: 10px; font-family: "oswaldregular"; font-size: 13px; margin-right: 8px; display: inline-block;
}
#nav {
	list-style: none; border: 1px solid rgb(249, 249, 249); border-image: none; left: 0px; width: 100%; margin-top: 49px; margin-bottom: 10px; position: absolute; z-index: 10000;
}
.menu-contain a span.icon {
	left: -9px; top: 2px; padding-left: 0px !important; border-top-color: transparent; border-right-color: rgb(105, 105, 105); border-bottom-color: transparent; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid;
}
.menu-contain a span.label {
	top: -2px; right: auto; padding-left: 0px !important; margin-left: 10px; display: inline-block; position: relative;
}
#nav::before {
	display: table; content: " ";
}
#nav::after {
	display: table; content: " ";
}
#nav::after {
	clear: both;
}
#nav ul {
	list-style: none; width: 9em;
}
#nav a {
	padding: 10px 15px; text-align: left; text-decoration: none;
}
#nav a:hover {
	background: rgb(255, 255, 255) !important; color: rgb(68, 68, 68) !important;
}
#nav a.over {
	background: rgb(255, 255, 255) !important; color: rgb(68, 68, 68) !important;
}
#nav li {
	position: relative; background-color: rgb(249, 249, 249);
}
#nav > li {
	border-top-color: rgb(228, 228, 228); border-top-width: 1px; border-top-style: solid; float: left; list-style-type: none;
}
#nav > li > .parent {
	background-position: right; background-image: url("../img/downArrow.png"); background-repeat: no-repeat;
}
#nav > li > a {
	font-family: "oswaldregular"; display: block;
}
#nav li ul {
	left: -9999px; position: absolute;
}
#nav > li.hover > ul {
	left: 0px;
}
#nav li li.hover ul {
	left: 100%; top: 0px;
}
#nav li li a {
	padding-left: 30px; font-family: "oswaldregular"; text-decoration: none; display: block; position: relative; z-index: 100;
}
#nav li li a span {
	padding-left: 10px;
}
#nav li li a span.errow {
	padding: 2px 0px 0px; border-radius: 100%; width: 15px; height: 13px; text-align: center; font-family: "FontAwesome"; display: inline-block;
}
#nav li li {
	border-top-color: rgb(249, 249, 249); border-top-width: 1px; border-top-style: solid; background-color: rgb(228, 228, 228);
}
#nav li li li a {
	padding-left: 50px; z-index: 200;
}
#nav li li li {
	border-top-color: rgb(249, 249, 249); border-top-width: 1px; border-top-style: solid; background-color: rgb(241, 241, 241);
}
}
@media screen and (max-width:782px)
{
#nav .active {
	display: block;
}
#nav > li {
	float: none;
}
#nav > li > .parent {
	background-position: 95% 50%;
}
#nav > li > .parent {
	background-image: none;
}
#nav li .more {
	background: url("../img/downArrow.png") no-repeat 55% 50%; padding: 10px 0px; width: 62px; float: right; position: relative; z-index: 200; cursor: pointer;
}
#nav li .more::before {
	left: -2px; top: 0px; bottom: 0px; display: block; position: absolute; content: "";
}
#nav ul {
	width: 100%; display: block;
}
#nav > li.hover > ul {
	position: static;
}
#nav li li.hover ul {
	position: static;
}
}
