/*responsiv 3D gallery*/
.responsiveGallery-container{
	width: 100%;
	position: relative;
}

.responsiveGallery-btn{
	position:absolute;
	top: 0;
	z-index: 3;
	display: block;
	width: 5%;
	height: 100%;
}
.responsiveGallery-btn_prev{
	display: block; width: 26px; height: 51px;
	background: url(../images/slide_nav_st1.png) no-repeat left center;
	top:50%;
	left:1%;
}
.responsiveGallery-btn_next{
	display: block; width: 26px; height: 51px;
	background: url(../images/slide_nav_st1.png) no-repeat right center;
	top:50%;
	right:1%;
}

.responsiveGallery-wrapper{
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-top: 25%;
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}

.responsiveGallery-item{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;

	display: block;
	width: 20%; 

	opacity: 0;
	visibility: hidden;
}
@media (max-width: 1000px){
	.responsiveGallery-item{
		width: 33.33%; 
	}
	.responsiveGallery-wrapper{
		padding-top: 45%;
	}

}
@media (max-width: 560px){
	.responsiveGallery-wrapper{
		width: 60%;
	}
	.responsiveGallery-item{
		width: 100%; 
	}
	.responsiveGallery-wrapper{
		padding-top: 80%;
	}
	.responsiveGallery-btn{
		width: 8%;
	}
}
.responsivGallery-link{
	display: block;
	width: 100%;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
}
.responsivGallery-pic{
	width: 100%;
	height: auto;
}
.w-responsivGallery-info{
	width: 80%;
	margin: 0 auto;
	padding-bottom: 10%;
	text-align: center;
	color: #000000;
}
.responsivGallery-name{
	font-size: 1.35rem;
	font-weight:500;
}
.responsivGallery-position{
	padding-top: 4%;
	font-size: 0.8rem;
	font-weight:400;
	line-height: 1.3;
}
/*responsiv 3D gallery end*/