@media only screen and (max-width: 1700px) {
	#slider{
	
	height: 750px !important;
	
}

}
@media only screen and (max-width: 1600px) {
		#slider{
	
	height: 700px !important;
	
}
}
@media only screen and (max-width: 1400px) {
		#slider{
	
	height: 650px !important;
	
}
}
@media only screen and (max-width: 1300px) {
		#slider{
	
	height: 600px !important;
	
}

}

@media only screen and (max-width: 1200px) {
	
	nav > ul> li {
    
    margin: 10px 20px;
}
#about {
    width: 645px !important;
    margin: 10px auto !important;
}
#about img {
    float: none !important;
    margin-top: 10px !important;
}
#about h1 {
    padding: 10px;
    margin-top: 0px !important;
    margin-left: 10px;
}
#about div {
    margin-left: 15px;
    margin-top: 0px;
}
#CLSSS{
	width: 600px;
	
    margin: 0px auto !important; 
  
}
#slider{
	
	height: 500px !important;
	

}
#SOUVENIRS {
   width: 600px;
	
    margin: 0px auto !important; 
  
}
.shape-SOUVENIRS {
	display: none;
}

.CLSSS-image {
    float: none !important;
    
}
#CLSSS h1 {
    
    margin-left: 10px !important;
    margin-top: -10px !important;
    
}
.CLSSS-text {
   
    margin-left: 10px !important;
}
.shape-CLSSS{
	display: none;
}

.maps {
    margin: 20px auto;
    float: none;
}
.form {
		margin: auto;
		float: none;
}
footer {
   
    height: 900px;
	}
@media only screen and (max-width: 1100px) {
	nav>ul{
		display: none !important;
	}
	
	#nav-bar{
		display: block !important;
	}
	.icon {
   
    right: 30%;
   
}
}

@media only screen and (max-width: 700px){
#about{
    width: 355px !important;
    margin: auto !important;
			
}
#about img {
    width: 344px !important;
    height: 300px !important;
    margin-left: 0;
}
#about>div {
    width: 334px !important;
}
#CLSSS{
	width: 360px;
}

#SOUVENIRS {
  width: 360px;
  
}
#slider{
	
	height: 400px !important;
	
}
.CLSSS-image {
    width: 350px !important;
    height: 400px !important;
    margin: 5px !important;
}

.SOUVENIRS-image {
    width: 350px !important;
    height: 400px !important;
    margin: 5px !important;
}
#CLSSS h1 {
    margin-top: 10px !important;
    
}
.SOUVENIRS-text {
    width: 350px !important;
}
.CLSSS-text {
   margin-top: 0 !important;
    margin-left: 10px !important;
}
.shape-CLSSS{
	display: none;
}
}
@media only screen and (max-width: 550px) {

	.ulcontacts{
		display: none;
	}
	footer p{
   display: none;
}
.top{
	display: none;
}
.maps {
    width: 100%;
}
		.text{
			width: 40%;
		} 
		.textarea {
			width: 94%;
		}
}

@media only screen and (max-width: 450px) {

	.leng{
		top:25px;
		right: 100px;
	}
	#nav-bar{
		right: 10px;
	}
}