@media only screen and (max-width: 1600px) {
	#logo{
	width: 170px;
	left: 20px;
	top: 80px;
}
}
@media only screen and (max-width: 1500px) {
	nav > ul{
		text-align: right;
		margin-top: -60px;
		width: 92%;
	}
	#logo{
	width: 170px;
	left: 20px;
	top: 20px;
}
}
@media only screen and (max-width: 1400px) {
#search {
    bottom: 150px !important;
}
	nav > ul{
		
		width: 95%;
	}
}
 @media only screen and (max-width: 1350px) {
	#logo{
	
	left: 10px;
	
}
}
@media only screen and (max-width: 1220px) {
	header{
		background-image: none;
		background-color:rgba(255,255,255,0.7);
	}

  
.footer{
	display: none;
}

	.leng{
		top: 40px;
    right: 2%;
		
	}
	
	
	nav>ul{
		display: none;
	}
  #nav-bar{
  	display: block;
  	top: 25px;
  }



footer ul {
    display: none;
}
footer{
	height: 40px;
}
}
@media only screen and (max-width: 500px) {
#logo {
    
    width: 150px;
   top: 40px;
  
}
}
@media only screen and (max-width: 400px) {

 

}