Invalid iFrame within the Tag...

Hello,

Thanks for your Patience!

1. Find the following code in the style.css File:

.masonry-thumbs a {
	position: relative;
	float: left;
	width: 25%;
	max-width: 100% !important;
	overflow: hidden;
}

.masonry-thumbs.grid-2 a { width: 50%; }

.masonry-thumbs.grid-3 a { width: 33.30%; }

.masonry-thumbs.grid-4 a { width: 25%; }

.masonry-thumbs.grid-5 a { width: 20%; }

.masonry-thumbs.grid-6 a { width: 16.60%; }

.masonry-thumbs a,
.masonry-thumbs img {
	display: block;
	height: auto !important;
}

and replace it with:

.masonry-thumbs > a,
.masonry-thumbs > div {
	position: relative;
	float: left;
	width: 25%;
	max-width: 100% !important;
	overflow: hidden;
}

.masonry-thumbs.grid-2 > a,
.masonry-thumbs.grid-2 > div { width: 50%; }

.masonry-thumbs.grid-3 > a,
.masonry-thumbs.grid-3 > div { width: 33.30%; }

.masonry-thumbs.grid-4 > a,
.masonry-thumbs.grid-4 > div { width: 25%; }

.masonry-thumbs.grid-5 > a,
.masonry-thumbs.grid-5 > div { width: 20%; }

.masonry-thumbs.grid-6 > a,
.masonry-thumbs.grid-6 > div { width: 16.60%; }

.masonry-thumbs > a,
.masonry-thumbs > div,
.masonry-thumbs img {
	display: block;
	height: auto !important;
}

1. Update the entire setFullColumnWidth: function( element ) Function Block in the js/functions.js File with the following code:

setFullColumnWidth: function( element ){

	if( !$().isotope ) {
		console.log('setFullColumnWidth: Isotope not Defined.');
		return true;
	}

	element.css({ 'width': '' });

	if( element.hasClass('portfolio-full') ) {
		var columns = SEMICOLON.initialize.defineColumns( element ),
			containerWidth = element.width(),
			postWidth = Math.floor(containerWidth/columns);
		if( $body.hasClass('device-xs') ) { var deviceSmallest = 1; } else { var deviceSmallest = 0; }
		element.find(".portfolio-item").each(function(index){
			if( deviceSmallest == 0 && $(this).hasClass('wide') ) { var elementSize = ( postWidth*2 ); } else { var elementSize = postWidth; }
			$(this).css({"width":elementSize+"px"});
		});
	} else if( element.hasClass('masonry-thumbs') ) {
		var columns = SEMICOLON.initialize.defineColumns( element ),
			containerWidth = element.innerWidth();

		if( containerWidth == windowWidth ){
			containerWidth = windowWidth*1.005;
			element.css({ 'width': containerWidth+'px' });
		}

		var postWidth = (containerWidth/columns);

		postWidth = Math.floor(postWidth);

		if( ( postWidth * columns ) >= containerWidth ) { element.css({ 'margin-right': '-1px' }); }

		element.children().css({"width":postWidth+"px"});

		var firstElementWidth = element.children().eq(0).outerWidth();

		element.isotope({
			masonry: {
				columnWidth: firstElementWidth
			}
		});

		var bigImageNumbers = element.attr('data-big');
		if( bigImageNumbers ) {
			bigImageNumbers = bigImageNumbers.split(",");
			var bigImageNumber = '',
				bigi = '';
			for( bigi = 0; bigi < bigImageNumbers.length; bigi++ ){
				bigImageNumber = Number(bigImageNumbers[bigi]) - 1;
				element.children().eq(bigImageNumber).css({ width: firstElementWidth*2 + 'px' });
			}
			var t = setTimeout( function(){
				element.isotope('layout');
			}, 1000 );
		}
	}

},

1. Then use the following updated code for the HTML:

<div class="masonry-thumbs grid-5" data-big="2" data-lightbox="gallery">
	<a href="demos/coworking/images/location/thumbs/full/1.jpg" data-lightbox="gallery-item"><img src="demos/coworking/images/location/thumbs/1.jpg" alt="Gallery Thumb 1"></a>
	<div><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3151.835253572242!2d144.95373531531297!3d-37.817327679751735!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad65d4c2b349649%3A0xb6899234e561db11!2sEnvato!5e0!3m2!1sen!2sin!4v1554124945593!5m2!1sen!2sin" width="500" height="334" allowfullscreen  style="border:0;"></iframe></div>
	<a href="demos/coworking/images/location/thumbs/full/2.jpg" data-lightbox="gallery-item"><img src="demos/coworking/images/location/thumbs/2.jpg" alt="Gallery Thumb 12"></a>
	<a href="demos/coworking/images/location/thumbs/full/3.jpg" data-lightbox="gallery-item"><img src="demos/coworking/images/location/thumbs/3.jpg" alt="Gallery Thumb 3"></a>
	<a href="demos/coworking/images/location/thumbs/full/4.jpg" data-lightbox="gallery-item"><img src="demos/coworking/images/location/thumbs/4.jpg" alt="Gallery Thumb 4"></a>
	<a href="demos/coworking/images/location/thumbs/full/5.jpg" data-lightbox="gallery-item"><img src="demos/coworking/images/location/thumbs/5.jpg" alt="Gallery Thumb 5"></a>
	<a href="demos/coworking/images/location/thumbs/full/6.jpg" data-lightbox="gallery-item"><img src="demos/coworking/images/location/thumbs/6.jpg" alt="Gallery Thumb 6"></a>
	<a href="demos/coworking/images/location/thumbs/full/7.jpg" data-lightbox="gallery-item"><img src="demos/coworking/images/location/thumbs/7.jpg" alt="Gallery Thumb 7"></a>
	<a href="demos/coworking/images/location/thumbs/full/8.jpg" data-lightbox="gallery-item"><img src="demos/coworking/images/location/thumbs/8.jpg" alt="Gallery Thumb 13"></a>
	<a href="demos/coworking/images/location/thumbs/full/9.jpg" data-lightbox="gallery-item"><img src="demos/coworking/images/location/thumbs/9.jpg" alt="Gallery Thumb 6"></a>
	<a href="demos/coworking/images/location/thumbs/full/10.jpg" data-lightbox="gallery-item"><img src="demos/coworking/images/location/thumbs/10.jpg" alt="Gallery Thumb 7"></a>
	<a href="demos/coworking/images/location/thumbs/full/11.jpg" data-lightbox="gallery-item"><img src="demos/coworking/images/location/thumbs/11.jpg" alt="Gallery Thumb 12"></a>
</div>

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.