/*
@media (min-width: 1500px)and (max-height: 900px) { 
	.image-container,.imageName {
		width:90%;
		max-width:90%;
		}	
}

@media (max-width: 1360px) { 
	.image-container,.imageName {
		width:90%;
		max-width:90%;
		}	
}
*/
@media (max-width: 1115px) {

	.still {
		width: 98%;/**/
	}
	.tstill {	
	/*	width: 45%;
	
	margin-top:8%;	
	*/	
	}

}  /* the end of the media query  */
@media (max-width: 880px) {
	.movie1 {
		/*padding-top: 10%;
		height: auto;*/
		width: 35%;
	}
	.still {
		width: 98%;
	}
	.pstill {
		font-size: 0.9em
	}
	

	.left a:link {
			font-size: 0.9em;		
			}

}  /* the end of the media query  */
@media (max-height: 670px){	
	.bottom {
		font-size: 0em;
		visibility: hidden;
		height: 0%;
	}
	.content {		
		height: 300px;			
	}
	/*	.img-about {
		width: 30%;
		height:auto;			
	}*/
}  /* the end of the media query  */
@media (max-height: 745px){		
	.img-about {
		width: 40%;
		height:auto;			
	}
	.img-index {
		width: 80%;
		height:auto;			
	}
}  /* the end of the media query  */
@media (max-width: 780px) { 

	.movie1 {
		padding-top: 12%;
		/*height: auto;
		width: 50%;*/
	}
	.still {
		width: 90%;
	}
	.pstill {
		font-size: 0.9em
	}
	.about,.accommodation,.provisions,.location,.tariffs,.travel,.contact {
		margin-top: 60px;
		font-size: 0.8em;		
		}
	.td-hide,.img-facilities,.img-about,.left a:link {
		font-size: 0px;
		visibility: hidden;
		height: 0px;
		width: 0px;	
		margin-left: 2%;
		}
	p.menu-hide {		
		margin-top: -25px;	
		visibility: visible;
		font-size: 0.5em;		
		}
	.centre .img-index {		
		margin-left: 25px;
		width: 70%;
		}
	.centre img,.gallery {
		margin-top: 70px;
		}
	.gallery img{		
		width: 100%;
		height: auto;
		}
	.area a:link,.accommodation a:link,.tariffs a:link,.contact a:link,.travel a:link {
		font-size: .95em;
		}
	.full-img:hover {
		animation: none !important;
		}
	.right	{
		height: 70%;
		}
	.top td {				
		font-size: 0.8em;
		}
}  /* the end of the media query  */
@media (max-width: 628px) { 
	.movie1 {
		padding-top: 15%;
		height: auto;
		max-width: 50%;
	}
	.still{
		width: 90%;
	}
	.pstill {
		font-size: 0.8em
	}
	
	p.menu-hide {
		font-size: 0.1em;
			}
}  /* the end of the media query  */
@media (max-width: 525px) { 
	.top td {				
		font-size: 0.6em;/**/
			}
}  /* the end of the media query  */
@media screen and (max-width: 454px) { 
	.movie1 {
		padding-top: 25%;
		height: auto;
		max-width: 60%;
	}
	.still {
		width: 98%;			
		padding-left: 1%;
	}
	.tstill {
		/*width: 40%;*/
	}
	.pstill {
		font-size: 0.7em
	}
}  /* the end of the media query  */