@media only screen and (max-width: 550px){
body .photoGalleryImgBig{
	width: 90%;
}}
.photoGalleryWrapper {
	width: 100%; height: 100vh; background-color: black;
}
.photoGalleryWrapper .photoGalleryContainer {
	width: 100%; height: auto; padding: 20px 10px; background-color: black;
}
.photoGalleryWrapper .photoGalleryHide{
	display: block; width: 35px; height: 35px; margin: 0 auto; margin-top: 20px; cursor: pointer;
}
.photoGalleryWrapper .photoGallerySource {
	margin-top: 40px;
}
.photoGalleryWrapper .photoGallerySource h4 {
	color: #aaa; font-size: 0.9em;
}
.photoGalleryWrapper .photoGallerySource p {
	color: #ddd; margin-top: 5px; font-size: 0.8em;
}
.photoGalleryWrapper .openScrollBoxContainer{
	width: 100%; height: 110px; margin-top: 10px;
}
.photoGalleryWrapper .openScrollButtonLeft, .openScrollButtonRight{
	width: 10%; height: 100%; float: left;
}
.photoGalleryWrapper .openButtonLeft, .openButtonRight{
	width: 30px; height: 30px; border-radius: 100px; margin: 50px auto; border: 1px solid gray;
}
.photoGalleryWrapper .openButtonLeft img, .openButtonRight img{
	width: 10px; height: 10px; margin-top: 9px; margin-left: 9px; cursor: pointer;
}
.photoGalleryWrapper .openScrollBox{
	width: 80%; height: 100%; float: left; overflow: hidden;
}
.photoGalleryWrapper .openContentBox{
	width: 100%; height: 115%; margin-top: 10px; text-align: center;  overflow: auto; white-space: nowrap;
}
.photoGalleryWrapper .openContentBox .child{
	display: inline-block; width: 90px; height: 90px; white-space: normal; margin-left: 4px; border-left: 1px solid #ccc; background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer; border-radius: 5px;
}
.photoGalleryWrapper .openContentBox .child:hover{
	border: 2px solid white; padding: 10px;
}
.photoGalleryWrapper .photoGalleryImgBigCont p {
	font-size: 0.8em; color: #ddd; text-align: center;
}
.photoGalleryWrapper .photoGalleryImgBig{
	display: block; width: 50%; height: auto; margin: 20px auto; border-radius: 10px;
}
.photoGalleryWrapper .photoGalleryContainer .noPhotosFound {
	margin-top: 50px;
}
.photoGalleryWrapper .photoGalleryContainer .noPhotosFound p{
	font-size: 0.9em; text-align: center; color: #f8f8f8;
}


@media only screen and (max-width: 700px){
	body .inlineGalleryScrollBoxWrapper .largeImgBox {
		width: 95%;
	}
	body .inlineGalleryScrollBoxWrapper .hideLargeImgBox{
		right: 0;
	}
}
.inlineGalleryScrollBoxContainer{
	display: flex; width: 100%; height: 110px;
}
.inlineGalleryScrollBoxContainer .storeScrollButtonLeft, .storeScrollButtonRight{
	height: 100%;
}
.inlineGalleryScrollBoxContainer .storeButtonLeft, .storeButtonRight{
	width: 30px; height: 30px; border-radius: 100px; margin: 40px auto;
}
.inlineGalleryScrollBoxContainer .storeButtonLeft img, .storeButtonRight img{
	width: 25px; height: 25px; cursor: pointer;
}
.inlineGalleryScrollBoxContainer .storeScrollBox{
	flex: 1; height: 100%; overflow: hidden;
}
.inlineGalleryScrollBoxContainer .storeContentBox{
	width: 100%; height: 115%; text-align: center; overflow: auto; white-space: nowrap;
}
.inlineGalleryScrollBoxContainer .storeContentBox .child{
	display: inline-block; width: 100px; height: 100px; padding: 15px; white-space: normal; margin-left: 3px; background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer; border: 5px solid white; border-radius: 8px; box-shadow: 3px 4px 5px #eee;
}
.inlineGalleryScrollBoxContainer .storeContentBox .child:hover{
	border: 2px solid white; padding: 10px;
}
.inlineGalleryScrollBoxContainer:after{
	content: ""; display: block; clear: both;
}
.inlineGalleryScrollBoxWrapper .largeImgBoxCont {
	position: relative;
}
.inlineGalleryScrollBoxWrapper .largeImgBox {
	display: none; width: 70%; height: auto; margin: 0 auto; margin-bottom: 30px; border-radius: 5px;
}
.inlineGalleryScrollBoxWrapper .hideLargeImgBox{
	position: absolute; display: none; width: 25px; height: 25px; top: -10px; right: 14%; cursor: pointer;
}


@media only screen and (max-width: 550px){
body .videoGalleryWrapper .videoGalleryImgBigCont {
	width: 280px;
}}
.videoGalleryWrapper {
	width: 100%; height: 100vh; background-color: black;
}
.videoGalleryWrapper .videoGalleryContainer {
	width: 100%; height: auto; padding: 20px 10px; background-color: black;
}
.videoGalleryWrapper .videoGalleryHide{
	display: block; width: 35px; height: 35px; margin: 0 auto; margin-top: 50px; cursor: pointer;
}
.videoGalleryWrapper .videoGallerySource {
	margin-top: 40px;
}
.videoGalleryWrapper .videoGallerySource h4 {
	color: #aaa; font-size: 0.9em;
}
.videoGalleryWrapper .videoGallerySource p {
	color: #ddd; margin-top: 5px; font-size: 0.8em;
}
.videoGalleryWrapper .videoGalleryImgBigWrapper {
	display: flex; flex-wrap: wrap; gap: 2em; justify-content: center; margin-top: 20px; overflow: auto;
}
.videoGalleryWrapper .videoGalleryImgBigCont {
	width: 400px; height: 500px;
}
.videoGalleryWrapper .videoGalleryImgBigCont iframe, .videoGalleryWrapper .videoGalleryImgBigCont blockquote {
	margin-top: 0; width: 100%; height: 100%; overflow: hidden; border: 2px solid gray; border-radius: 5px;
}
.videoGalleryWrapper .videoGalleryContainer .noPhotosFound {
	margin-top: 50px;
}
.videoGalleryWrapper .videoGalleryContainer .noPhotosFound p{
	font-size: 0.9em; text-align: center; color: #f8f8f8;
}