/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 18 2019 | 04:53:12 */
.gallery .gallery-item {
   padding: 5px;
}


@supports (display: grid) {

	@media (min-width: 576px) {
		.gallery {
			display: grid;
			grid-gap: 10px;
			grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
			grid-auto-rows: 0.75fr;
		}

		.gallery .gallery-item {
		  width: 100%;
		  max-width: 100% !important;
		  padding: 0;
		}


		.gallery .gallery-item:nth-of-type(8n+1) {
		  grid-column: 1 / span 4;
		}

		.gallery .gallery-item:nth-of-type(8n+2) {
		  grid-column: 5 / span 1;
		}

		.gallery .gallery-item:nth-of-type(8n+3) {
		  grid-column: 6 / span 2;
		}

		.gallery .gallery-item:nth-of-type(8n+4) {
		  grid-column: 8 / span 3;
		}

		.gallery .gallery-item:nth-of-type(8n+5) {
		  grid-column: 1 / span 1;
		}

		.gallery .gallery-item:nth-of-type(8n+6) {
		  grid-column: 2 / span 4;
		}

		.gallery .gallery-item:nth-of-type(8n+7) {
		  grid-column: 6 / span 1;
		}

		.gallery .gallery-item:nth-of-type(8n+8) {
		  grid-column: 7 / span 4;
		}


		/* images */
		.gallery .gallery-item:nth-of-type(8n+2) img,
		.gallery .gallery-item:nth-of-type(8n+3) img,
		.gallery .gallery-item:nth-of-type(8n+5) img,
		.gallery .gallery-item:nth-of-type(8n+7) img {
		  height: 100%;
		  top: 0;
		  object-fit: cover;
		}

		.gallery .gallery-item:nth-of-type(8n+2) .gallery-icon,
		.gallery .gallery-item:nth-of-type(8n+3) .gallery-icon,
		.gallery .gallery-item:nth-of-type(8n+5) .gallery-icon,
		.gallery .gallery-item:nth-of-type(8n+7) .gallery-icon {
		  height: 100%;
		  padding-bottom: 0 !important;
		}
	
		.gallery .gallery-item .gallery-icon {
          height: 100% !important;
        } 
         
		.gallery .gallery-item img {
		  height: 100% !important;
		  top: 0 !important;
		  object-fit: cover;
		}
		
	}

}

@media (min-width: 750px) {
	.gallery {
		grid-gap: 15px;

	}
}