@media (min-width:767px) {
	.wrapper-3d {
		display:inline-block;
		width:100%;
		height:320px;
		vertical-align:top;
		margin:1em 1.5em 2em 0;
		cursor:pointer;
		position:relative;
		font-family:Tahoma, Arial;
		-webkit-perspective:4000px;
		-moz-perspective:4000px;
		-ms-perspective:4000px;
		-o-perspective:4000px;
		perspective:4000px;
	}
	.item-3d {
		height:320px;
		-webkit-transform-style:preserve-3d;
		-moz-transform-style:preserve-3d;
		-ms-transform-style:preserve-3d;
		-o-transform-style:preserve-3d;
		transform-style:preserve-3d;
		-webkit-transition:-webkit-transform .6s;
		-moz-transition:-moz-transform .6s;
		-ms-transition:-ms-transform .6s;
		-o-transition:-o-transform .6s;
		transition:transform .6s;
	}
	.item-3d:hover {
		-webkit-transform:translateZ(-176px) rotateX(95deg);
		-moz-transform:translateZ(-176px) rotateX(95deg);
		-ms-transform:translateZ(-176px) rotateX(95deg);
		-o-transform:translateZ(-176px) rotateX(95deg);
		transform:translateZ(-176px) rotateX(95deg);
	}
	.item-3d .img1 {
		display:block;
		position:absolute;
		top:5px;
		border-radius:15px;
		box-shadow:0px 3px 8px rgba(0,0,0,0.3);
		-webkit-transform:translateZ(176px);
		-moz-transform:translateZ(176px);
		-ms-transform:translateZ(176px);
		-o-transform:translateZ(176px);
		transform:translateZ(176px);
		-webkit-transition:all .6s;
		-moz-transition:all .6s;
		-ms-transition:all .6s;
		-o-transition:all .6s;
		transition:all .6s;
		width:100%;
		height:320px;
	}
	.item-3d .txt-3d {
		display:block;
		position:absolute;
		top:5px;
		height:320px;
		width:100%;
		text-align:left;
		border-radius:15px;
		/* padding:10px; */
		/* font-size:12px; */
		text-shadow:1px 1px 1px rgba(255,255,255,0.5);
		box-shadow:none;
		background:rgb(236,241,244);
		background:-webkit-linear-gradient(to bottom,  rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%);
		background:-ms-linear-gradient(to bottom,  rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%);
		background:linear-gradient(to bottom,  rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%);
		
		-webkit-transform:rotateX(-90deg) translateZ(176px);
		-moz-transform:rotateX(-90deg) translateZ(176px);
		-ms-transform:rotateX(-90deg) translateZ(176px);
		-o-transform:rotateX(-90deg) translateZ(176px);
		transform:rotateX(-90deg) translateZ(176px);
		
		-webkit-transition:all .6s;
		-moz-transition:all .6s;
		-ms-transition:all .6s;
		-o-transition:all .6s;
		transition:all .6s;
	}

	.item-3d:hover .img1 {box-shadow:none;border-radius:15px;}
	.item-3d:hover .txt-3d {
		box-shadow:0px 3px 8px rgba(0,0,0,0.3);
		border-radius:15px;
	}
}
@media (max-width:768px) {
	.txt-3d{display: none;}
}