.gallery {display: flex;flex-wrap: wrap;margin-bottom: -10px;}.gallery + br {display:none;}.gallery ~ .gallery {margin-top:10px;}
.gallery.align_start {justify-content: flex-start;}
.gallery.align_center {justify-content: center;}
.gallery a {overflow:hidden;border-radius:3px;margin-bottom: 10px;background-color: rgba(0,0,0,0.06);}

.gallery a img {
min-width: 100%;width: 100%;height: 100%;object-fit:cover;
border-radius:3px;
transition: all 0.4s ease-out;
}

.gallery a img:hover {
transform:scale(1.1);
}.gallery.maxheight100 a {	max-height:100px;}.gallery.maxheight120 a {	max-height:120px;}.gallery.maxheight160 a {	max-height:160px;}.gallery.maxheight200 a {	max-height:200px;}.gallery.maxheight300 a {	max-height:300px;}

li .gallery {margin: 20px 0;}

/* Change image alignment if needed when changing the aspect ratio */
.gallery.object-position-top a img {
	object-position: top;
}
.gallery.object-position-top-left a img {
	object-position: top left;
}
.gallery.object-position-top-right a img {
	object-position: top right;
}
.gallery.object-position-bottom a img {
	object-position: bottom;
}
.gallery.object-position-bottom-left a img {
	object-position: bottom left;
}
.gallery.object-position-bottom-right a img {
	object-position: bottom right;
}
.gallery.object-position-left a img {
	object-position: left;
}
.gallery.object-position-right a img {
	object-position: right;
}

@media (min-width:480px) {
	.gallery.one a:not(:nth-of-type(1n)),
	.gallery.two a:not(:nth-of-type(2n)),
	.gallery.three a:not(:nth-of-type(3n)),
	.gallery.four a:not(:nth-of-type(4n)),
	.gallery.five a:not(:nth-of-type(5n)),
	.gallery.six a:not(:nth-of-type(6n)),
	.gallery.seven a:not(:nth-of-type(7n)),
	.gallery.eight a:not(:nth-of-type(8n)),
	.gallery.nine a:not(:nth-of-type(9n)),
	.gallery.ten a:not(:nth-of-type(10n)) {
		margin-right:10px;
	}		.gallery a:first-of-type:last-of-type {margin-right:0;}

	.gallery.one a  {
	flex-basis: 100%;
	}

	.gallery.two a {
	flex-basis: calc(100%/2 - (2 - 1)*10px/2);
	}

	.gallery.three a {
	flex-basis: calc(100%/3 - (3 - 1)*10px/3);
	}

	.gallery.four a {
	flex-basis: calc(100%/4 - (4 - 1)*10px/4);
	}

	.gallery.five a {
	flex-basis: calc(100%/5 - (5 - 1)*10px/5);
	}

	.gallery.six a {
	flex-basis: calc(100%/6 - (6 - 1)*10px/6);
	}

	.gallery.seven a {
	flex-basis: calc(100%/7 - (7 - 1)*10px/6.99);
	}

	.gallery.eight a {
	flex-basis: calc(100%/8 - (8 - 1)*10px/8);
	}

	.gallery.nine a {
	flex-basis: calc(100%/9 - (9 - 1)*10px/9);
	}

	.gallery.ten a {
	flex-basis: calc(100%/10 - (10 - 1)*10px/10);
	}

	.gallery.fourty_percent a {
	flex-basis: calc(100%*40/100);
	}

	.gallery.sixty_percent a {
	flex-basis: calc(100%*60/100);
	}

	.gallery.seventy_percent a {
	flex-basis: calc(100%*70/100);
	}

	.gallery.eighty_percent a {
	flex-basis: calc(100%*80/100);
	}

	.gallery.ninety_percent a {
	flex-basis: calc(100%*90/100);
	}
	
	/* aspect-ratio support (for GG and CMS) */
    .gallery[style*="--ratio"] a {
        aspect-ratio: var(--ratio);
    }
}

@media only screen and (max-width: 767px) {
	/* Mobile aspect-ratio support (for GG and CMS) */
    .gallery[style*="--mobile-ratio"] a {
        aspect-ratio: var(--mobile-ratio);
    }
}

@media only screen and (max-width: 479px) {	
	/* 2 images per line for every gallery except 1 and 3 */
	.gallery:not(.one):not(.three):not(.six) a { flex-basis: calc(100%/2 - (2 - 1)*10px/2);}
	.gallery:not(.one):not(.three):not(.six) a:not(:nth-of-type(2n)) {margin-right:10px;}
	.gallery.three a:not(:nth-of-type(3n)),
	.gallery.six a:not(:nth-of-type(3n)) {margin-right:10px;}
	.gallery.three a { flex-basis: calc(100%/3 - (3 - 1)*10px/3);}
	/* if image is alone on the line but has a different class than .one */
	.gallery a:first-of-type:last-of-type {flex-basis: 100%; margin-right:0;}
	.gallery[class*="percent"] a {flex-basis: 100%;}
	
	li .gallery.three a {flex-basis: 100%; margin-right: 0!important;}
}