#menu {
  background: #333;
  list-style: none;
  margin: 0;
  margin-right:3%;
  padding: 0;
  width: 22%;
  float:left;
}

#menu ul{
	padding:0;
	margin:0;
}

#menu li {
  font: 67.5% 'arial';
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu a {
  background: #333;
  border-bottom: 1px solid #393939;
  color: #E7ECEF;
  display: block;
  margin: 0;
  padding: 8px 12px;
  text-decoration: none;
  font-weight: normal;
}
#menu a:hover {
  background: #2580a2 url("Images/hover.gif") left center no-repeat;
  color: #E7ECEF;
  padding-bottom: 8px;
}
/*---------------------responsive------------------------*/
@media(min-width:650px) and (max-width:900px){

	#menu{
		width:30%;
	}
}
@media(min-width:520px) and (max-width:650px){
	#menu{
		width:40%;
	}
}
@media(min-width:320px) and (max-width:520px){
	#menu{
		width:60%;
	}
}