@media only screen and (max-width: 1300px) {
	
	#logo {
    
    margin-left: 2%;
    
}
nav>ul{ 
	
	left: 10%;
	
	 }	
	
}
@media only screen and (max-width: 1300px) {
	
.footer-meps{
	margin-left: 10px;
	
}
.icon-ul{
	display: none;
}
.footer-contacts {
   
    left: 650px;
    
}	
	
}

@media only screen and (max-width: 1100px) {
	nav>ul{
		display: none;
	}
	
	#nav-bar{
		display: block;
	}
	#baner {
    
    height: 350px;
   
}
.icon {
   
    right: 10px;
   
}
.slider-z-image {
   display: none;
}
#slider{
	
	height: 500px !important;
	
}
}
@media only screen and (max-width: 650px) {
	footer {
   
    height: 300px;
   
}
.footer-contacts {
   
    left: 10px;
    top: 260px;
    
}
.icon{
	    top: 160px;
}
}
@media only screen and (max-width: 550px) {

	.ulcontacts {
    width: 250px;
    top: -11px;
    left: 10px;
    z-index: 9999;
}
	
}
@media only screen and (max-width: 450px) {

	
	#nav-bar{
		right: 10px;
	}
}