@media screen and (max-width: 820px){
	#nav{
		//display: none;	
	}
	
	#nav li:hover ul{
		display:block;	
	}
	
	#nav li ul{
		font-size: 22px;
		left: 0;
		line-height: 40px;
		opacity: 1;
		padding-top: 10px;
		position: absolute;
		z-index: 2;
		display: none;
	}
	
	#nav > ul > li:hover ul {
		display: block;
		line-height: 34px;
		margin-left: 20px;
		opacity: 1;
		overflow: visible;
		padding-top: 10px;
	}
	
	#nav ul {
		margin-left: 50%;
	}
	
	
	#nav > ul > li {
		display: block;
		line-height: 13px;
		padding: 0 5px;
		text-align: right;
	}
	
	#nav > ul > li a{
		line-height: 30px;
	}
	
	#nav li li:hover{
		background: none repeat scroll 0 0 #2f3f59;
		color: #fff;
		margin: 0;
		padding: 0;
		text-decoration: none;
		transform:none;
	}
	
	#Right, #Left{
		display: none; 
	}
	
	
	#DMS {
	  border: 1px solid;
	  left: 50%;
	  margin-left: -400px;
	  top: 0;
	  width: 800px;
	}
	
	#footer .nav > li {
	  color: #fff;
	  display: inline-block;
	  font-size: 20px;
	  font-weight: 700;
	  margin: 5px 9% 5px 0;
	  padding: 15px 0;
	  vertical-align: top;
	  width: 35%;
	}
	
}

@media screen and (max-width: 820px){
	#DMS {
	  border: 1px solid;
	  left: 50%;
	  margin-left: -400px;
	  top: 0;
	  width: 800px;
	}
}

@media screen and (max-width: 620px){
	#DMS {
	  border: 1px solid;
	  left: 50%;
	  margin-left: -300px;
	  top: 0;
	  width: 600px;
	}
}

@media screen and (max-width: 500px){
	#DMS {
	  border: 1px solid;
	  left: 50%;
	  margin-left: -240px;
	  top: 0;
	  width: 480px;
	}
}

@media screen and (max-width: 340px){
	#DMS {
	  border: 1px solid;
	  left: 50%;
	  margin-left: -160px;
	  top: 0;
	  width: 320px;
	}
}