
.gallery {
}
.gallery .previews, .gallery .full, .gallery .desc {
/* float: left; */
margin-right: 10px;
}
.gallery .previews a { float: left; }
.gallery .desc, .gallery .full {
	/*width:400px;*/
font-size: 12px;
}

.gallery .previews a {
display: block;
margin-bottom: 9px;
cursor: pointer;
}
.gallery .previews img {
	 max-width: 120px; max-height: 160px; 
}
.gallery .full img { max-width: 100%; max-height: 500px;  }
.gallery .previews.two {
	width:450px;
}

.gallery .previews.two a {
	float:left;
	margin-right:8px;
	margin-top:15px;
}



/* .gallery .full, .gallery .full img {
height: 555px;
} */
.gallery .full { text-align: center; margin-bottom: 20px; }
.gallery .previews a, .gallery .full {
border: 1px solid #eaeaea;
}
.gallery .previews a:hover, .gallery .previews a.selected {
border: 1px solid #d40718;
}
.gallery .full img:hover {
cursor: pointer;
}
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}


.gallery .previews.two {
	width:450px;
}

.gallery .previews.two a {
	float:left;
	margin-right:8px;
	margin-top:15px;
}

@media only screen and (min-width: 1000px) and (max-width: 1169px){
	
.gallery .full, .gallery .full img {
    height: 450px;
}
	}

@media only screen and (min-width: 480px) and (max-width: 639px){
	
.gallery .full, .gallery .full img {
    height: 600px;
}

.gallery .previews a {
    cursor: pointer;
    display: inline;
	float:left;
    margin:20px 5px 5px 0;
}

	}
		
	
@media only screen and (max-width: 479px){
	
.gallery .full, .gallery .full img {
    max-height: 350px;
}

.gallery .previews a {
    cursor: pointer;
    display: inline;
	float:left;
    margin:20px 5px 5px 0;
}

	}
	
	
@media only screen and (max-width:360px) {
	
		.gallery .previews.two {
    width: 100%;
}
	
	}	
	
	
	
