.free-wall :after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	* html .free-wall ,
	*:first-child+html .free-wall  {
		zoom: 1;
	}
	.griditem{
		background-color:#f2f3f4;
		overflow:hidden;
		opacity:1 !important;
		transition:       opacity .7s ease-in-out;
		-webkit-transition: opacity .7s ease-in-out;
		-moz-transition:    opacity .7s ease-in-out;
		-o-transition:      opacity .7s ease-in-out;
		/*cursor:pointer;*/
		background-image:url('../images/ajax-loader.svg');
		background-size: 40px;
		background-position:center center;
		background-repeat:no-repeat;
		}

/* .griditem{
    display:none;
} */

	.griditem a{
		position:absolute;
		display:block;
		height:100%;
		width:100%;
		background-position:center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		 opacity:0;
		transition:       opacity .7s ease-in-out;
		-webkit-transition: opacity .7s ease-in-out;
		-moz-transition:    opacity .7s ease-in-out;
		-o-transition:      opacity .7s ease-in-out;
		top:0px;
	  right: 0px;
	  bottom: 0px;
	  left:0px;
		}
	.loaded .griditem a{
			opacity:1;

		}
	/* .lazy{
		opacity:0 !important
	} */

#GalleryGrid
{
	width: 100%;
	position: relative;
}
	.griditem
	{

		/* padding: 5px; */
		position: relative;

	}
		.griditem .imageHolder
		{
			position: absolute;
			left: 0px;
			right: 0px;
			top: 0px;
			bottom: 0px;

		}
		/* .griditem::before{
			content: '';
			display: block;
			position: relative;
			padding-top: 56%;
		} */
	.imgsize1 {
		width: 40%;
	}
	.imgsize1::before{
		content: '';
		display: block;
		position: relative;
		padding-top: 115%;
	}
.imgsize2{
	width: 30%;
}

.imgsize2::before{
	content: '';
	display: block;
	position: relative;
	padding-top: 75.76%;
}


@media screen and (min-width: 1921px){
	.imgsize1::before{
		padding-top: 115%;
	}

.imgsize2::before{
	padding-top: 76%;
}
}
@media screen and (min-width: 0px) and (max-width: 1639px) {
	.imgsize1::before{
		padding-top: 117.5%;
	}
	.imgsize2{
		width: calc(30% - 15px);
	}
.imgsize2::before{
  padding-top: 79%;
}
}
@media screen and (min-width: 0px) and (max-width: 1366px) {
.imgsize2{
	width: calc(30% - 10px);
}
.imgsize2::before {
    padding-top: 78.5%;
}
}
@media screen and (min-width: 0px) and (max-width: 812px) {
		@media all and (orientation: landscape) {
			.imgsize1::before {
			padding-top: 70%;
	}
			.imgsize1 {
				width: 100%;
			}
			.imgsize2{
				width: 48%;
			}
		}
	@media all and (orientation: portrait) {
		.imgsize1::before {
    padding-top: 70%;
}
		.imgsize1 {
			width: 100%;
		}
		.imgsize2{
			width: 48%;
		}

	}
}