@media and screen and (max-width: 800px) {
	.element.style {
		width:50%;
		height:50%;
	}
}
.3d-wr a {
	width:350px;
	height:250px;
}
.dg-bg {
	background-image: url(/wp-content/uploads/2018/04/maxresdefault.jpg);
	width: 100%;
	border-radius: 8px;
	z-index:9;
	margin-top:-15px;
}
.dg-bg-overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: rgba(255,255,255,0.4);
	border-radius: 8px;
} 
.dg-container{
	width: 100%;
	height: 373px;
	position: relative;
}
.dg-wrapper{
	/* width: 45%; */
	height: 316px;
	margin: 5px 30.2%;
	position: relative;
	-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;
}
.dg-wrapper a{
	width: 482px;
	height: 316px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border: 2px solid #efefef;
  	border-radius: 10px;
	margin:20px 0;
	/*background: transparent url(../images/browser.png) no-repeat top left;*/
	/* box-shadow: 0px 10px 20px rgba(0,0,0,0.3); */
	text-decoration: none;
}
.dg-wrapper a.dg-transition{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.dg-wrapper a img{
	display: block;
	/*padding: 41px 0px 0px 1px;*/
}
.dg-wrapper a div{
  font-style: normal;
  text-align: center;
  line-height: 25px;
  /* text-shadow: 1px 1px 1px rgba(255,255,255,0.5); */
  color: #fff;
  font-size: 23px;
  width: 100%;
  display: none;
  margin-top: 25px;

}
.dg-wrapper a.dg-center div{
	display: block;
}
.dg-container nav{
	width: 58px;
	position: absolute;
	z-index: 1000;
	bottom: 10px;
	left: 47%;
	/* margin-left: -29px; */
}
.dg-container nav span{
	text-indent: -9000px;
	float: left;
	cursor:pointer;
	width: 24px;
	height: 25px;
	opacity: 0.8;
	background: transparent url(../images/arrows.png) no-repeat top left;
}
.dg-container nav span:hover{
	opacity: 1;
}
.dg-container nav span.dg-next{
	background-position: top right;
	margin-left: 10px;
}
.dg-image {
	border-radius:8px;
}