.galleryArea {
display: block;
overflow: hidden;
clear: both;
box-sizing: border-box;
width: 100%;
height: auto;
}
.gallery {
max-width: 610px;
width: 100%;
height: auto;	
float: left;
margin-bottom: 25px;
}
.gallery:nth-child(odd) {
float: right;
}
.gallery img {
display: block;
box-sizing: border-box;
width: 100%;
height: auto;
}
.gallery span.pxtext {
display: block;
overflow: hidden;
clear: both;
box-sizing: border-box;
width: 100%;
height: auto;
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 17px;
color: #161616;
text-decoration: none;
font-weight: 700;
text-align: center;
width: 100%;
height: 50px;
}

@media screen and (max-width: 1286px) {
	.gallery {
	width: 515px;
	margin-right: 25px;
	}
	.gallery img {
	width: 100%;
	height: auto;		
	}
}
@media screen and (max-width: 1115px) {
	.gallery {
	width: 500px;
	margin-right: 25px;
	}
}
@media screen and (max-width: 1080px) {
	.gallery {
	width: 475px;
	margin-right: 20px;
	}
}
@media screen and (max-width: 1019px) {
	.gallery {
	width: 465px;
	margin-right: 10px;
	}
}
@media screen and (max-width: 978px) {
	.gallery {
	width: 445px;
	}
}
@media screen and (max-width: 942px) {
	.gallery {
	width: 415px;
	}
}
@media screen and (max-width: 878px) {
	.gallery {
	width: 395px;
	}
}
@media screen and (max-width: 841px) {
	.gallery {
	width: 365px;
	}
}
@media screen and (max-width: 784px) {
	.gallery {
	display: block;
	overflow: hidden;
	clear: both;
	box-sizing: border-box;
	float: none;
	width: 98%;
	height: auto;	
	margin: 0 auto 25px auto;
	}
	.gallery:nth-child(odd) {
	float: none;
	}	
}
@media screen and (max-width: 480px) {
	.gallery span.pxtext {
	font-size: 13px;
	}
}