@charset "utf-8";
/* CSS Document */

.simplegallery { 
	margin:0 auto;
	overflow:hidden;
	width:100%;
}

.simplegallery .content { 
	background:#fff;
	position:relative;
	overflow:hidden;
	height:360px;
}

.simplegallery .content img { 
	height: 100%;
    width: 360px;
}

.simplegallery .thumbnail{margin-top:5px}

.simplegallery .thumbnail .thumb { 
	float:left;
	width:64px;
	height:50px;
	margin:0 5px 0 0;
	cursor:pointer;
	padding-right:4px;
}

.simplegallery .thumbnail .thumb img { 
	border:1px solid #9c9c9c;
	width:64px;
	height:50px;
}

.simplegallery .thumbnail .last{margin:0}

.clear { clear: both; }

@media screen and (max-width:1100px) {
	.simplegallery .content {
		height:320px;
	}
	
	.simplegallery .content img { 
		height:320px;
	}
}

@media screen and (max-width:1080px) {
	.simplegallery .content {
		height:280px;
	}
	
	.simplegallery .content img { 
		height:280px;
	}
}

@media screen and (max-width:960px) {
	.simplegallery .content {
		height:376px;
	}
	
	.simplegallery .content img { 
		height:376px;
	}
}

@media (max-width:640px) {
	.simplegallery .content {
		height:280px;
	}
	
	.simplegallery .content img { 
		height:280px;
	}
}

@media (max-width:480px) {
	.simplegallery .thumbnail{margin-top:5px;}
	
	.simplegallery .content {
		height:260px;
	}
	
	.simplegallery .content img { 
		height:260px;
	}
}

@media (max-width:400px) {
	.simplegallery .content {
		height:180px;
	}
	
	.simplegallery .content img { 
		height:180px;
	}
}