.photo-gallery-block img, .photo-gallery-block-2 img, .photo-gallery-block-3 img {padding: 0px; border: 0px solid #fff; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 100%; max-height: 100%; border: 0;}


@media (min-width: 600px) {
.photo-gallery-block {width: 15%; height: 0; padding-bottom: 17%; background: #ccc; border: 0px solid #000; margin: 0 1.66% 1.66% 0; float: left; position: relative;}
.photo-gallery-block-2 {width: 17%; height: 0; padding-bottom: 17%; background: #ccc; border: 0px solid #000; margin: 0 3% 3% 0; float: left; position: relative;}
.photo-gallery-block-3 {width: 22%; height: 0; padding-bottom: 22%; background: #ccc; border: 0px solid #000; margin: 0 3% 3% 0; float: left; position: relative;}

	.vid-box {width: 30.5%; margin: 0 2.83% 0 0; float: left; position: relative;}
	.vid-it {width: 100%; padding: 0; position: relative;}
	.vid-it -img {padding: 0px; border: 0px solid #fff; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 100%; max-height: 100%; border: 0;}
	.vid-it .play {bottom: 0; height: 58px; left: 0; margin: auto; position: absolute; top: 0; right: 0; width: 58px;}
		.vid-it i {color: #c03 !important; opacity: 0.6}
		.vid-it:hover i {opacity: 1;}
	.vid-box .caption {width: 100%; height: 50px; text-align: center; margin-top: 4px;}


}
@media only screen and (min-width: 500px) and (max-width: 599px) {

.photo-gallery-block,
.photo-gallery-block-2,
.photo-gallery-block-3 {width: 22%; height: 0; padding-bottom: 22%; background: #ccc; border: 0px solid #000; margin: 0 3% 3% 0; float: left; position: relative;}

	.vid-box {width: 47%; margin: 0 1%; float: left; position: relative;}
	.vid-it {width: 100%; padding: 0; position: relative;}
	.vid-it -img {padding: 0px; border: 0px solid #fff; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 100%; max-height: 100%; border: 0;}
	.vid-it .play {bottom: 0; height: 58px; left: 0; margin: auto; position: absolute; top: 0; right: 0; width: 58px;}
		.vid-it i {color: #c03 !important; opacity: 0.6}
		.vid-it:hover i {opacity: 1;}
	.vid-box .caption {width: 100%; height: 50px; text-align: center; margin-top: 4px;}

}
@media only screen and (min-width: 400px) and (max-width: 499px) {


.photo-gallery-block,
.photo-gallery-block-2,
.photo-gallery-block-3 {width: 31%; height: 0; padding-bottom: 31%; background: #ccc; border: 0px solid #000; margin: 0 2% 2% 0; float: left; position: relative;}

	.vid-box {width: 47%; margin: 0 1%; float: left; position: relative;}
	.vid-it {width: 100%; padding: 0; position: relative;}
	.vid-it -img {padding: 0px; border: 0px solid #fff; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 100%; max-height: 100%; border: 0;}
	.vid-it .play {bottom: 0; height: 58px; left: 0; margin: auto; position: absolute; top: 0; right: 0; width: 58px;}
		.vid-it i {color: #c03 !important; opacity: 0.6}
		.vid-it:hover i {opacity: 1;}
	.vid-box .caption {width: 100%; height: 50px; text-align: center; margin-top: 4px;}

}
@media only screen and (max-width: 399px) {

.photo-gallery-block,
.photo-gallery-block-2,
.photo-gallery-block-3 {width: 42%; height: 0; padding-bottom: 42%; background: #ccc; border: 0px solid #000; margin: 3.3%; float: left; position: relative;}

	.vid-box {width: 98%; margin: 0 1%; float: left; position: relative;}
	.vid-it {width: 100%; padding: 0; position: relative;}
    .vid-it img {width: 100%;}
	.vid-it .play {bottom: 0; height: 58px; left: 0; margin: auto; position: absolute; top: 0; right: 0; width: 58px;}
		.vid-it i {color: #c03 !important; opacity: 0.6}
		.vid-it:hover i {opacity: 1;}
	.vid-box .caption {width: 100%; height: 50px; text-align: center; margin-top: 4px;}

}