.menu-container {width: 78%;max-width: 780px;margin: 0px auto;float: right;font-size: 85%;position:relative;}
.toggleMenu {display:  none;padding: 10px 15px 0px 15px;color: #fff;}
a:hover{color: #999}
.nav {list-style: none;margin-top: 10px;float: right;*zoom: 1;}
.nav:before,
.nav:after {content: " "; display: table; }
.nav:after {clear: both;}
.nav ul {list-style: none;width: 21em;}
.nav a {padding: 9px 10px;color:#fff;text-align: center;}
.nav a:hover{text-decoration:underline; color: #ccc}
.nav a:visited{color: #CCC}
.nav li {position: relative;}
ul.last{margin-left: -170px;max-width: 250px}
ul.ddlast{margin-left: -150px}
ul.ddpad1{margin-left: -63px}
ul.ddpad2{margin-left: -129px}
.nav > li {float: left;}
.nav > li > .parent {}
.nav > li > a {display: block;}
.nav li  ul {position: absolute;left: -9999px;-webkit-box-shadow:0 4px 8px rgba(0, 0, 0, 1);-moz-box-shadow:0 4px 8px rgba(0, 0, 0, 1);box-shadow:0 4px 8px rgba(0, 0, 0, 1);}
.nav li ul li ul{-webkit-box-shadow:0 4px 8px rgba(0, 0, 0, 1);-moz-box-shadow:0 4px 8px rgba(0, 0, 0, 1);box-shadow:0 4px 8px rgba(0, 0, 0, 1);background: url(../../images/NavBg.png); background-repeat: repeat;}
.nav > li.hover > ul {left: 0;}
.nav li li.hover ul {left: 100%;top: 0;}
.nav li li a {display: block;background: url(../../images/NavBg.png); background-repeat: repeat; position: relative;z-index:100;text-align:left;}
.nav li li li a {z-index:200;}
@media screen and (min-width: 1400px){
.menu-container {width: 76%;font-size: 100%; margin-right: 16px}	
.nav{background: none}
ul.last{margin-left: -170px;max-width: 250px}	
}
@media screen and (max-width: 1300px){
.menu-container {width: 76%;font-size: 98%; margin-right: -4px;}
.nav{background: none}	
ul.last{margin-left: -170px;max-width: 250px}
}
@media screen and (max-width: 1156px){
.menu-container {width: 72%;max-width: 700px;font-size: 87%;}
}
@media screen and (max-width: 1050px){
.menu-container {width: 70%;max-width: 780px;min-width: 640px;font-size: 87%;}
.nav a {padding: 9px 8px;}
ul.last{margin-left: -200px; z-index: 100000;}
ul.ddlast{margin-left: -140px; z-index: 100000;}
ul.ddpad1{margin-left: -44px}
ul.ddpad2{margin-left: -98px}	
ul.last{margin-left: -170px;max-width: 250px}
}
@media screen and (max-width: 990px){
.menu-container {width: 70%;max-width: 780px; min-width: 580px;font-size: 87%;}
ul.ddlast{margin-left: -80px; z-index: 100000;}
ul.last{margin-left: -130px; z-index: 100000;}
ul.ddpad2{margin-left: -30px}	
}
@media screen and (max-width: 838px) {
	.menu-container {width: 100%; position:absolute; margin-left: 0px;height: auto; max-width: 100%; min-width: 320px;margin-top: 80px; font-size: 130%;}
	.toggleMenu {text-align:center; margin: 0 auto; width: 100%;font-size: 130%;}
	.nav{float:none; text-align:left; margin: 0px; padding: 0px; font-size:90%;background: url(../../images/NavBg.png); background-repeat: repeat;}
	.nav a {text-align: left;}
    .nav > li {float: none;}
    .nav > li > .parent { background-position: 95% 50%}
    .nav li li .parent {}
	.nav li li a{padding-left: 20px;}
	.nav li ul li ul{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border: 1px solid #800000; width: 90%; margin-left: 20px }
	.nav li ul {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; border-bottom: 1px solid #800000;  border-top: 1px solid #800000; width: 100%}
    .nav ul {display: block;}
    .nav > li.hover > ul , .nav li li.hover ul { position: static;}
	ul.last{margin-left: 0px;max-width: 100%}
}
@media screen and (max-width: 640px) {
	.menu-container {width: 100%;position:absolute; margin-left: 0px;height: auto; max-width: 100%;margin: 0 auto; text-align: center; min-width: 250px; margin-top: 85px; font-size: 130%;}
    .toggleMenu {text-align:center; margin: 0 auto; width: 100%;font-size: 130%;}
	.nav {width: 100%;font-size:100%;}
	.nav a {text-align: left;}
    .nav > li {float: none;}
    .nav > li > .parent { background-position: 95% 50%;}
    .nav li li .parent {}
	.nav li li a{padding-left: 20px}
	.nav li ul li ul{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border: 1px solid #800000; width: 90%; margin-left: 20px }
	.nav li ul {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; border-bottom: 1px solid #800000;  border-top: 1px solid #800000; width: 100%}
    .nav ul {display: block;}
    .nav > li.hover > ul , .nav li li.hover ul { position: static;}
@media screen and (max-width: 480px) {
	.menu-container {width: 100%;position:absolute; height: auto; max-width: 100%;margin: 0 auto; text-align: center; margin-top: 90px; font-size: 130%;}
    .toggleMenu {text-align:center; margin: 0 auto;margin-left: 0px; width: 98;font-size: 130%;}
	.active {display: block;}
	.nav{float:none; text-align:left;  margin: 0px; padding: 0px; font-size:94%}
	.nav a {text-align: left;}
    .nav > li {float: none;}
    .nav > li > .parent { background-position: 95% 50%;}
    .nav li li .parent {}
	.nav li li a{padding-left: 20px}
	.nav li ul li ul{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border: 1px solid #800000; width: 90%; margin-left: 20px }
	.nav li ul {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; border-bottom: 1px solid #800000;  border-top: 1px solid #800000; width: 100%}
    .nav ul {display: block;}
    .nav > li.hover > ul , .nav li li.hover ul { position: static;}
}
@media screen and (max-width:330px) {
	.menu-container {width: 96%; position:absolute;margin: 90px 10px 0px 0px;height: auto; min-height: 190px; max-width: 86%; min-width: 314px; font-size: 130%;}
	.toggleMenu {text-align:center; margin: 0 auto;  width: 83%; max-width: 94%; font-size: 130%;margin-left: 0px}
	.nav {width: 95%}
}