.toggleMenu {
display:none;
padding:0  1%;
color: #fff; text-align:right; font-weight:normal;
width:98%;
font-size: 19px;
text-decoration:none;
}

a { text-decoration:none; font-weight:normal; font-family:'brandon_grotesque_regularRg';}
a:hover{text-decoration:none;  font-family:'brandon_grotesque_regularRg';}

.nav {
list-style: none;
position:absolute;
padding:0px; margin:0px;
}

.nav:before,
.nav:after {
content: " "; 
display: table; 
}
.nav:after {
clear: both;
}
.nav ul {
list-style: none;
width: 9em;
}
.nav a {
color: #fff;
display: inline-block;
text-decoration: none;
line-height:27px;
}

.nav li {
font-size:14px;
font-weight:normal;
float:left;
}
.nav li {
float:left;
text-align:left;
}

.nav > li > .parent {
background-image:url(../images/downArrow.png);
background-repeat: no-repeat;
background-position: right;
float:right;
width:18%;
height:27px; cursor:pointer;
}
.nav li a {
display: block; 
padding:0 0 0 2%; 
font-weight:normal;
float:left;
width:80%;
}
.nav li  ul {
position: absolute;
left: -9999px;
}
.nav li li.hover ul {
left:0;
top: 0;
}
.nav li li a {
display: block;
position: relative;
z-index:100;
}
.nav li li li a {
z-index:200;
}


@media screen and (max-width: 1000px) {
.menu{ display:none;}
nav{ float:left; width:100%;  margin:0; height:auto; display:none;}
nav ul{ width:100%; float:left; height:39px;}
nav li{float:left; line-height:39px; display:block; font-size:17px; font-weight:normal;}
nav li a{text-decoration:none; color:#808285; line-height:39px;padding: 0 28px; float:left;}
nav li a:hover{background: url(../images/footerbg.png) repeat center top; color:#808285; text-decoration:none; display:block; line-height:39px;}
nav li .current{background: url(../images/footerbg.png) repeat center top; color:#808285; text-decoration:none; display:block; line-height:39px;}


.navigation {height: auto; padding:3px 2% 3px 2%; width:96%; float:left; display:block; margin:5px 0 0 0; text-transform:uppercase; display:none;}
.toggleMenu {
display: none;
padding:0  1%;
color: #fff; text-align:right; font-weight:normal;
width:98%;
font-size: 19px;
text-decoration:none;
}
.active {
display: block; background:none;
}
.nav {
list-style: none;
position:absolute; border-top: solid 1px #b6b6b6; 
padding:0px; z-index:999; background:#383336; width:99%;
border-left: 1px solid #b6b6b6;
border-right: 1px solid #b6b6b6;
margin-top:0px;
}


.nav:after {
clear: both;
}
.nav ul {
list-style: none;
width: 9em;
}
.nav a {
color: #fff;
display:block;
text-decoration: none;
line-height:27px;
}
.nav a:hover {
color: #fff;
display:block;
text-decoration: none;
line-height:27px;
}
.nav li {
	float: left;
	width:100%;
	padding:0px;
	border-bottom: 1px solid #b6b6b6;
}
.nav li.hover {
	border:none;
}
.nav li ul{width:100% background: url(../images/footerbg.png) repeat center top; border:none;}
.nav li ul li {
	float:left; 
	width:100%;
	text-indent:5%;
}
.nav li li .parent {
background-image: url("images/downArrow.png");
background-repeat: no-repeat;
background-position: 95% 50%;
}
.nav ul {
display: block;
width: 100%;
}
.nav li.hover > ul , .nav li li.hover ul {
	position: static; 
	padding:0px; 
	float:left;
	left:0;
	background: url(../images/footerbg.png) repeat center top;
	width:100%;
}
.nav li:hover { 
	background:#e8733e;
}
.nav li:hover > a {
	color:#fff;
}
}


@media screen and (max-width: 768px) {
.navigation {height: auto; padding:0px; width:auto; float:right; display:block; margin:20px 0 0 0; position:relative;}
.toggleMenu {display:none;
padding:0  1%;
color: #fff; text-align:right; font-weight:normal;
width:98%;
font-size: 19px;
text-decoration:none;
}

.active {display: block;  background:none;}
.nav {
list-style: none;
position:absolute;
padding:0px;
border-left: 1px solid #b6b6b6;
border-right: 1px solid #b6b6b6;
 margin-top: -3px; font-size:14px;
}


.nav:before,
.nav:after {
content: " "; 
display: table; 
}

.nav ul {
list-style: none;
width: 9em;
}
.nav a {
color:#fff;
display: inline-block;

text-decoration: none;
line-height:27px;
}
.nav li ul{width:100%; background:#ffffff;}
.nav > li > .parent {
background-position: 95% 50%;
}
.nav li li .parent {
background-image: url("images/downArrow.png");
background-repeat: no-repeat;
background-position: 95% 50%;
}
.nav ul {
display: block;
width: 100%;
}
}


@media screen and (max-width:600px) {
.navigation {height: auto; padding:0px; width:auto; float:right;  display:block; margin:20px 0 0 0; position:relative; }
.toggleMenu {
display:none;
padding:0  1%;
color: #fff; text-align:right; font-weight:normal;
width:98%;
font-size: 19px;
text-decoration:none;
}
.active {
display: block; background:none;
}
.nav {
list-style: none;
margin:0px;
position:absolute;
padding:0px;
border-left: 1px solid #b6b6b6;
border-right: 1px solid #b6b6b6;
margin-top: -3px
}

.nav:before,
.nav:after {
content: " "; 
display: table; 
}
.nav:after {
clear: both;
}
.nav ul {
list-style: none;
width: 9em;
}
.nav a {
color:#fff;
display: inline-block;
text-decoration: none;
line-height:27px;
}
.nav li ul{width:100%; border:none;}
.nav > li > .parent {
background-position: 95% 50%;
}
.nav li li .parent {
background-image: url("images/downArrow.png");
background-repeat: no-repeat;
background-position: 95% 50%;
}
.nav ul {
display: block;
width: 100%;
}
}


@media screen and (max-width: 480px) {
.toggleMenu {
display:none;
padding:0  1%;
color: #fff; text-align:right; font-weight:normal;
width:98%;
font-size: 19px;
text-decoration:none;
}
.active {
display: block; background:none;
}
.nav {
list-style: none; margin-top:0px; width:100%;
position: absolute;
padding:0px; border-left: solid 1px #b6b6b6; border-right: solid 1px #b6b6b6; border-bottom:none;
}
.navigation{ margin:16px 0 0 0;}

.nav:before,
.nav:after {
content: " "; 
display: table; 
}
.nav:after {
clear: both;
}
.nav ul {
list-style: none;
width: 9em;
}
.nav a {
color: #fff;
display: inline-block;
text-decoration: none;
line-height:27px;
}
.nav a:hover{
color: #fff;
display:block;
text-decoration: none;
line-height:27px;
}
.nav li ul{width:100%;}
.nav > li > .parent {
background-position: 95% 50%;
}
.nav li li .parent {
background-image: url("images/downArrow.png");
background-repeat: no-repeat;
background-position: 95% 50%;
}
.nav ul {
display: block;
width: 100%;
}
}


@media screen and (max-width: 320px){
.navigation {height: auto; padding:3px 2% 3px 2%; width:40%; float:left; display:block; margin:2px 0 0 0; position:relative; }
.toggleMenu {
display:none;
padding:0  1%;
color: #fff; text-align:right; font-weight:normal;
width:98%;
font-size: 19px;
text-decoration:none;
}
.active {
display: block; background:none;
}
.nav {
list-style: none;
position:absolute;
padding:0px;
}


.nav:before,
.nav:after {
content: " "; 
display: table; 
}
.nav:after {
clear: both;
}
.nav ul {
list-style: none;
width: 9em;
}
.nav a {
color:#fff;
display: inline-block;
text-decoration: none;
line-height:27px;
}
.nav li ul{width:100%; background:#ffffff; border:none;}
.nav > li > .parent {
background-position: 95% 50%;
}
.nav li li .parent {
background-image: url(../images/downArrow.png);
background-repeat: no-repeat;
background-position: 95% 50%;
}
.nav ul {
display: block;
width: 100%;
}
}