/*responsiv 3D gallery*/
/* https://www.jqueryscript.net/gallery/Responsive-3D-Cover-Flow-Gallery-Plugin-with-jQuery.html */
.responsive-gallery {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 1%;
}

.responsive-gallery > a {
  position: absolute;
  top: 0;
  z-index: 3;
  display: block;
  width: 8%;
  height: 94%;
}

.responsive-gallery .btn-prev {
  background: url("images/arrow-left.png") center center no-repeat;
  left:1%;
}

.responsive-gallery .btn-next {
  background: url("images/arrow-right.png") center center no-repeat;
  right: 1%;
}

.responsive-gallery ul {
	position: relative;

	width: 66%;
	margin: 0 auto;

  padding-top: 100%;

	-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;

  list-style: none;
}

.responsive-gallery li {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;

  display: block;
  width: 100%;

  opacity: 0;
  visibility: hidden;
}

.responsive-gallery img {
  display: block;
  width: 100%;
  height: auto;
  box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.16);
}

@media only screen and (min-width: 992px) {
  .responsive-gallery .btn-prev {
    left: 8%;
  }

  .responsive-gallery .btn-next {
    right: 8%;
  }

  .responsive-gallery ul {
    width: 90%;
    padding-top: 45%;
  }

  .responsive-gallery li {
    width: 33.33%;
  }

   .responsive-gallery > a {
    width: 5%;
  }
}
/*responsiv 3D gallery end*/