.lg-sub-html {
	background-color: rgba(255, 255, 255, 0.9) !important;
}
.img-gal-item p {
	display:none;
}


.modal-policy-container {
	position: absolute;
	max-width:100%;
	height: 70vh;
	width:80vw;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	background:white;
	padding:30px 20px;
	overflow: overlay;
}
.modal-policy-container .modal-close2 {
	right:15px;
}

.modal-youtube-container iframe{
	margin:auto;
	display:block;
	top:0;
	bottom:0;
	right:0;
	left:0;
	width:100%!important;
	height:100%!important;

}
iframe body {
	background-color:transparent;
}
.html5-video-player{
	background-color: #fff;
}

.modal-youtube-container .modal-close2 {
	top:-22px;
	right:-22px;
	position:absolute;
	margin:auto;
	background:url('/images/2023/cross.svg') no-repeat center center / contain;
	width:16px;
	height:16px;
	cursor:pointer;
	transition: all 0.3s ease-in;
}
.modal-youtube-container .modal-close2:hover {
	transform: rotate(180deg);
}

/* gallery */
.prod-grid {
	display: grid;
	grid-template: repeat(4, 1fr) / repeat(12, 1fr) ;
	gap:20px;
	min-height:628px;
}
.prod-grid a {
	display:flex;
	width:100%;
	height:100%;
	position:inherit;
	text-decoration: none;
}
.img-gal-item, .img-gal-video {
	background-position-x: center;
	background-position-y: center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor:pointer;
}
/*
.img-gal-video img.youtube-btn {
	position:absolute;
	width:80px;
	height:40px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	transition: transform 0.2s ease;
	object-fit: contain;
	-o-object-fit: contain;
}
.img-gal-video img.youtube-btn:hover {
	transform:scale(1.1);
	transition: transform 0.2s ease;
}

 */
.img-gal-video:hover .youtube-btn {
	transform:scale(1.08);
	transition: transform 0.2s ease;
}
.img-gal-video:hover .video-btn-container::before {
	transform:scale(1.08);
	transition: transform 0.2s ease;
}
.gallery-1 {
	grid-area: 1 / 1 / 5 / 8;

}
.prod-grid img {
	#width:-webkit-fill-available;
	#height:100%;

}

.gallery-2 {
	grid-column-start: 8;
	grid-column-end: 13;
	grid-row-start: 1;
	grid-row-end: 3;
	display:grid;
	position:relative;
}
#new_video {
	position:absolute;
	z-index:2;
	width:100%;
	max-width:100%;
}
.gallery-3 {
	grid-column: 8 / 10;
	grid-row: 3 / 5;
	display: grid;
}
.gallery-4 {
	grid-column: 10 / 13;
	grid-row: 3 / 5;
	display: grid;
	position: relative;
}
.gallery-4::before {
	position: absolute;
	content: " ";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: rgba(33, 66, 136, 0.80);
}
.product-gallery-more {
	color:white;
	font-size:28px;
	font-weight:700;
	text-align: center;
	cursor:pointer;
	margin:auto;
	position:relative;
}
.prod-grid .gallery-play-video {
	width:102px;
	height:92px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	cursor:pointer;
}
@media screen and (max-width: 1548px) {
	.prod-grid {
		min-height: 512px;
	}
}
@media screen and (max-width: 1280px) {
	.prod-grid {
		min-height: 488px;
		gap: 16px;
	}
}
@media screen and (max-width: 1036px) {
	.prod-grid {
		min-height: 304px;
		gap: 12px;
	}
}
@media screen and (max-width: 742px) {
	.prod-grid {
		grid-template: repeat(12, 1fr)/repeat(12, 1fr);
		gap: 16px;
		min-height: 472px;
	}

	.prod-grid .gallery-3 {display: none;}
	.gallery-2 {
		grid-column-start: 1;
		grid-column-end: 6;
		grid-row-start: 8;
		grid-row-end: 13;
	}
	.gallery-4 {
		grid-column: 6 / 13;
		grid-row: 8 / 13;
	}
	.gallery-1 {
		grid-area: 1 / 1 / 8 / 13;
	}
}
@media screen and (max-width: 450px) {
	.prod-grid {
		gap: 12px;
		min-height: 358px;
	}
}