@media only screen and (min-width: 767px) {
	.gallery-overlay .close-video {
		top: 0;
		right: 35px;
	}
}



@media only screen
and (min-width: 320px) {
body {
	background-color: #000000!important;
}
	.gallery-overlay-logo {
		position: absolute;
		top: 30px;
		left: 25px;
		display: block;
		width: 180px;
		z-index: 1;
		opacity: 0.2;
	}

	.gallery-overlay-logo img {
		width: 100%;
	}

	body {
		color: #fff !important;
		font-size: 16px !important;
	}

	body a {
		color: #fff;
	}

	.hide {
		display: none;
	}

	body .wrap {
		height: auto;
		min-height: 100%;
		background: #000000;
	}

	/**
	 * Custom Grid Styles
	 */
	.grid {
		padding: 0;
	}

	/**
	 * SVG BG
	 */
	.wrap .svg-container {
		position: fixed;
	}

	.wrap .svg-container svg {
		width: 160%;
	}

	.wrap .svg-container svg line, .wrap .svg-container svg path {
		stroke: #3B3B3B;
		stroke-width: 0.5px;
	}

	/**************************
	  Loader
	***************************/
	#gallery-loader {
		background: #000000;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		height: 100%;
		width: 100%;
		z-index: 1000;
	}

	#gallery-loader .inner {
		height: 80%;
		width: 100%;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	#gallery-loader .inner svg {
		width: 75px;
		position: relative;
	}


	#gallery-loader p {
		font-family: "HCo Gotham", sans-serif;
		text-align: center;
		margin: 0;
		-webkit-animation-name: fadeOutIn;
		animation-name: fadeOutIn;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	#LRG-outlined {
		-webkit-animation: spin 2s linear infinite; /* Safari */
		animation: spin 2s linear infinite;
	}

	@-webkit-keyframes spin {
		0% {
			-webkit-transform: rotate(360deg);
		}
		100% {
			-webkit-transform: rotate(0deg);
		}
	}

	@keyframes spin {
		0% {
			transform: rotate(360deg);
		}
		100% {
			transform: rotate(0deg);
		}
	}
	@-webkit-keyframes fadeOutIn {
		0% {
			opacity: 1;
		}
		50% {
			opacity: 0.5
		}
		100% {
			opacity: 1;
		}
	}

	@keyframes fadeOutIn {
		0% {
			opacity: 1;
		}
		50% {
			opacity: 0.5
		}
		100% {
			opacity: 1;
		}
	}

	.galleryFadeIn {
		transition: all 0.5s ease;
		opacity: 1 !important;
	}

	.gallery-overlay-transition {
		pointer-events: none;
		opacity: 0;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(239, 67, 48, 1);
	}

	/* Galleries Listing */
	.toc .grid {
		margin: 0;
		padding-left: 20px;
		position: relative;
		z-index: 1;
	}

	.toc .grid .galleries {
		padding-top: 100px;
	}

	.toc .grid .galleries h2 {
		color: #fff;
		background: #EF4330;
		padding: 15px;
	}

	/* Main Gallery */
	.gallery {
		opacity: 0;
		padding: 120px 30px 0 30px;
		position: relative;
		z-index: 1;
	}

	.gallery.loaded #gallery-loader {
		display: none;
	}

	.page-video-galleries.page-parent #gallery-loader {
		display: none;
	}

	.return-breadcrumb {
		font-family: 'KlavikaWebBasicRegular';
		color: #fff;
		text-transform: uppercase;
		font-size: 12px;
		display: block;
		width: 100%;
		text-align: left;
		margin: 0 0 20px 0;
	}

	.return-breadcrumb span {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		top: -1px;
		margin-right: 5px;
	}

	.return-breadcrumb span + span {
		top: auto;
		margin-right: 0;
	}

	/* Main Title of Gallery */
	h1.gallery-header {
		text-align: left;
		font-size: 1.250em;
		color: #fff;
		margin: 0;
		width: 100%;
		padding-bottom: 5px;
		font-weight: 500;
	}

	h1.gallery-header span {
		display: inline-block;
	}

	/* Main Gallery ML Logo */
	.vid-head {
		padding: 20px 30px;
		background: #000000;
		display: flex;
		justify-content: space-between;
		align-items: end;
		/*filter: drop-shadow(0px 6px 20px #2b363f);*/
	}
	.vid-head #video-gallery-main-logo {
		display: flex;
		position: relative;
	}
	.vid-head #video-gallery-main-logo {
		display: flex;
		position: relative;
	}
	.vid-head #video-gallery-main-logo img {
		height: auto!important;
		width: 125px!important;
		transition: all 0.5s ease;
	}

	#video-gallery-main-logo img {
		height: 23px;
		width: 148px;
		transition: all 0.5s ease;
	}


	.overlay-open #video-gallery-main-logo img {
		height: 20px;
		width: 128px;
	}

	.gallery-inner {
		padding-top: 60px;
	}

	.gallery-item {
		margin-bottom: 50px;
	}

	.gallery-video {
		text-align: left;
	}

	.video-wrap {
		width: 100%;
		padding-bottom: 56.25%;
		position: relative;
		margin-bottom: 18px;
		transition: height 0.5s;
		cursor: pointer;
	}

	.video-wrap .video-js {
		background: transparent;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.video-placeholder {
		width: 100%;
		height: 100%;
		position: absolute;
		background-size: cover;
	}

	.video-wrap .vid-playski {
		z-index: 1;
		cursor: pointer;
		opacity: 1;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.video-wrap .vid-playski svg {
		height: 75px;
		width: 75px;
		filter: drop-shadow(0px 6px 20px #444444);
	}

	.title {
		margin-bottom: 13px;
		font-size: 1em;
		line-height: normal;
		margin-top: 0;
		cursor: pointer;
		font-family: 'HCo Gotham'!important;
	}

	.category {
		display: inline-block;
		background: #3D4043;
		padding: 7px 12px 4px;
		margin: 0;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		transition: all 0.5s ease;
		font-size: 0.9em;
		cursor: pointer;
	}

	/* Gallery overlay */
	.gallery-overlay .close-video {
		z-index: 1;
		width: 40px;
		height: 40px;
		cursor: pointer;
		transition: opacity 0.5s ease;
		opacity: 1;
		top: 0;
		right: 0;
		background-color: #313e48;
	}
	.single-vid img {
		width: 125px;
	}
	.gallery-overlay .single-video {
		opacity: 0;
	}
	.gallery-overlay .video-playing {
		opacity: 1;
	}

	.gallery-overlay .close-video.video-playing {
		opacity: 1;
	}

	.gallery-overlay .close-video.video-playing:hover {
		opacity: 1;
	}

	.gallery-overlay .close-video i {
		height: 20px;
		width: 20px;
		filter: invert(1);
	}

	.gallery-overlay {
		width: 100%;
		min-height: 100%;
		position: absolute;
		z-index: 2;
		display: none;
		top: 0;
		left: 0;
		background: #000000;
	}

	.gallery-overlay .video-wrap {
		margin-bottom: 0;
		background: #000;
		position: relative;
		padding-bottom: 0;
	}

	.gallery-overlay .copy {
		padding: 20px 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: start;
	}

	.gallery-overlay .copy .col .content {
		padding-left: 0;
	}

	.gallery-overlay .copy .col + .col .content {
		padding-left: 0;
		padding-right: 0;
		margin-top: 10px;
	}

	.gallery-overlay .title,
	.gallery-overlay .description {
		margin: 0;
	}

	.gallery-overlay .title {
		margin: 0;
		cursor: default;
		text-align: left;
	}

	.gallery-overlay .description {
		line-height: 25px;
		font-size: 0.855em;
		font-family: 'ProximaNova-Regular';
	}

	.gallery-overlay .category:empty {
		display: none;
	}

	.gallery-overlay .share-link {
		color: #FFEE6F;
		font-family: 'KlavikaWebBasicRegular';
		text-transform: uppercase;
		font-size: 0.688em;
	}

	.gallery-overlay .share-link i {
		background: url(../images/icons/link-icon.png);
		background-size: cover;
		display: inline-block;
		height: 13px;
		width: 13px;
		vertical-align: middle;
		position: relative;
		margin-right: 10px;
		top: -2px;
	}

	.gallery-overlay .gallery-overlay-item {
		opacity: 0;
		transition: all 0.5s;
	}


	.gallery-overlay.play-video .video-wrap:after {
		opacity: 0;
		pointer-events: none;
	}

	.gallery-overlay .video-start {
		transition: opacity 0.5s;
	}

	.gallery-overlay .video-start, .gallery-overlay .video-start svg {
		height: 100px;
		width: 100px;
		filter: drop-shadow(0px 6px 20px #444444);
		pointer-events: all;
	}

	.gallery-overlay .video-start i {
		border-left: 12px solid #fff;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent
	}

	.gallery-overlay.play-video .video-start {
		opacity: 0;
	}


	.gallery-overlay .video-start div:first-child {
		background: #595C5F;
	}

	.gallery-overlay .video-wrap video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding-top: 0;
	}

	.gallery-overlay nav {
		width: 100%;
		text-align: right;
		padding: 30px;
		opacity: 0;
		transition: all 0.5s;
		position: relative;
		bottom: 0;
		right: 0;
		background: #000000;
	}

	.gallery-overlay nav span {
		background-size: cover;
		display: inline-block;
		height: auto;
		width: 25px;
		cursor: pointer;

	}
	.gallery-overlay nav span.prev {
		top: 13px;
		right: 30px;
		transform: rotate(180deg);
	}
	.gallery-overlay nav span.prev svg {
		vertical-align: top;
	}
	.gallery-overlay nav span.next {
		margin-left: 15px;
	}

	.gallery-overlay nav span svg .st0 {
		transition: all 0.5s;
		fill: #FFFFFF;
	}
	.gallery-overlay nav span svg .st0:hover {
		fill: #FF401A;
	}
	.video-gallery-logo {
		padding-top: 20px;
	}
	.gallery-overlay nav span.disabled {
		opacity: 0.2;
		pointer-events: none;
	}
	.gallery-overlay nav .nav-wrap {
		position: relative;
		display: flex;
		align-items: center;
	}

	/* Page Nav on Main Gallery List Page */
	.pagenav {
		font-size: 20px;
	}

	.pagenav li {
		margin-bottom: 10px;
	}

	.pagenav li a {
		-webkit-transition: all 0.25s;
		transition: all 0.25s;
	}

	.pagenav li a:hover {
		color: #ea5340;
	}
}

/* ----------- iPhone 6 ----------- */
@media only screen
and (min-width: 375px)
and (-webkit-min-device-pixel-ratio: 2) {
	/* Main Gallery ML Logo */
	#video-gallery-main-logo {
		padding: 30px 0 0 20px;
	}
}

@media only screen and (min-width: 767px) {
	.wrap .svg-container svg line, .wrap .svg-container svg path {
		stroke: #3B3B3B;
		stroke-width: 0.3px;
	}
	.gallery-overlay nav span.prev {
		right: 30px;
		top: 0;

	}
	.video-gallery-logo {
		padding-top: 0;
	}
	.gallery-overlay nav span {
		width: auto;

	}
	.gallery-overlay nav span.prev svg, .gallery-overlay nav span.next svg {
		vertical-align: super;
	}
	.gallery-overlay nav span {
		height: 15px;
	}
	.gallery-overlay nav .nav-wrap {
		justify-content: start;
	}
	.gallery-overlay .copy {
		padding: 20px 30px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: end;
	}

	.gallery {
		padding: 105px 0 0 30px;
	}

	.gallery-inner {
		padding-top: 55px;
	}

	/* TOC Styles */
	.toc .grid {
		max-width: 1140px;
		min-width: 755px;
		margin: 0;
	}

	/* Logo */
	#video-gallery-main-logo img {
		height: 27px;
		width: 177px;
		transition: all 0.5s ease;
	}

	/* Logo */
	.overlay-open #video-gallery-main-logo img {
		/*		height: 25px;
		  width: 168px;*/
		height: 27px;
		width: 177px;
	}


	/* Main Title of Gallery */
	h1.gallery-header {
		text-align: left;
		font-size: 1.750em;
		color: #fff;
		margin: 0;
		width: auto;
		font-family: 'HCo Gotham';
		font-weight: 500;
	}

	.title {
		font-size: 1.30em;
		font-family: 'HCo Gotham'!important;
	}

	/* Open Gallery Item */
	.gallery-overlay .title {
		font-size: 1.5em;
		margin: 0;
	}

	.gallery-overlay .category,
	.gallery-overlay .share-link,
	.gallery-overlay .description {
		font-size: 0.788em;
	}

	.gallery-overlay .category {
		font-size: 1em;
		margin-right: 30px;
	}

	.gallery-overlay .share-link {
		letter-spacing: 1px;
	}

	.gallery-overlay .description {
		line-height: 27px;
		font-size: 0.888em;
	}

	.gallery-overlay .copy .col + .col .content {
		padding-left: 0;
		padding-right: 150px;
		margin-top: 35px;
	}

	.gallery-overlay .video-wrap {
		margin-bottom: 0;
		background: #000;
		position: relative;
		padding: 0;
		pointer-events: none;
	}

	.gallery-overlay .copy {
		padding: 20px 0;
		background: #000000;
		display: flex;
		justify-content: space-between;
		align-items: end;
		/*filter: drop-shadow(0px 6px 20px #444444);*/
	}

	.gallery-overlay nav span svg {
		height: 15px;
		width: 15px;
		vertical-align: -2px;
	}
	.gallery-overlay nav span svg {
		height: 15px;
		width: 15px;
		vertical-align: -2px;
	}
}

/* Desktop Size 2 */
@media handheld, only screen and (max-width: 1045px) {
	.wrap .svg-container svg {
		width: 110%;
	}

	.gallery-overlay .copy .col + .col .content {
		/*padding-right: 50px;*/
	}
}
.play-video .video-wrap {
	pointer-events: all!important;
}
.vjs-user-inactive .vjs-control-bar {
	opacity: 0;
}