.gallery {
}
.gallery .previews, .gallery .full, .gallery .desc {
float: left;
margin-right: 10px;
}
.gallery .desc, .gallery .full {
	/*width:400px;*/
font-size: 12px;
}

.gallery .previews a {
display: block;
margin-bottom: 9px;
cursor: pointer;
}


.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 .previews a, .gallery .full {
border: 1px solid #eaeaea;
}
.gallery .previews a:hover, .gallery .previews a.selected {
border: 1px solid #2685EB;
}
.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 {
    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%;
}
	
	}