@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 3840px) {
	

	.gallerybox {
		width: 98.8vw;
		min-height: 75vh;
		max-height: 700vh;
		/*position: relative;
		display: inline-block;
		float: left;
		margin-left: auto;
		margin-right: auto;*/
		float: none;
	}

	.gallerybox ul {
		width: 90vw;
		margin: 0 auto;
		/*min-height: 100%;*/
		padding: 20px;
		display: grid;
		display: block;
		min-height: 220px;
		max-height: 700vh;
	}

	.gallerybox ul li{
		width: 40vw;
		height: auto;
		float: left;
		overflow: hidden;
		margin-left: 4vw;
		margin-bottom: 25px;
		
	}
	
	

	.gallerybox ul li a {
		width: 100%;
		height: auto;
		display: block;
	}
	
	.gallerybox ul li a img{
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: block;
	}
	
}

@media only screen and (max-width: 2000px) {
	.gallerybox ul li {
		width: 38vw;
		/*margin-left: 2vw;*/
	}
}


@media only screen and (max-width: 1640px) {
	.gallerybox {
		width: 98.5vw;
	}
	
}

@media only screen and (max-width: 900px) {
	.gallerybox {
		width: 97.5vw;
	}
}

@media only screen and (max-width: 785px) {
	.gallerybox {
		width: 97.5vw;
	}
	
	.gallerybox ul {
		width: 97.5vw;
		display: block;
		margin-left: 4vw;
	}
	
	.gallerybox ul li:nth-child(even){
		margin-left: 25px;
	}
}

@media only screen and (max-width: 740px) {
	.gallerybox {
		/*width: 98vw;*/
		min-height: 75vh;
		position: relative;
		max-height: 700vh;
		display: inline-block;
		float: left;
	}

	.gallerybox ul {
		width: 90vw;
		min-height: 220px;
		max-height: 700vh;
		/*display: block;*/
		position: relative;
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
	}

	.gallerybox ul li {
		/*min-width: 40vw;
		max-width: 80vw;*/
		width: 640px;
		height: 420px;
		min-height: 220px;
		position: relative;
		display: inline-block;
		float: left;
		margin-left: 25px;
		margin-bottom: 25px;
	}

	.gallerybox ul li a{
		width: 100%;
		height: 100%;
		position: relative;
		display: inline-block;
		float: left;
		overflow: hidden;
	}
	
	.gallerybox ul li a img{
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: block;
	}
}

@media only screen and (max-width: 535px) {
	
	.gallerybox ul li {
		width: 80vw;
		height: 220px
	}
	
	
	
}