.panning-content{
	position: relative;
	margin: 0px;
	width: 100%;
	padding: 0px;
	overflow: auto;
	resize: both;
}
.panning-content.img1{
	height: 560px;
}
.panning-content.img2{
	height: 640px;
}
.panning-content.img3{
	height: 690px;
}



.panning-content img{
	opacity: 0;
	transition: opacity .6s linear .85s;
	max-width:none;
}

.panning-content img.loaded{ opacity: 1; }

/* panning css */

.img-pan-container, .img-pan-container img{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.img-pan-container{
	position: relative;
	overflow: hidden;
	cursor: crosshair;
	height: 100%;
	width: 100%;
}

.img-pan-container img{
	-webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);
	position: absolute;
	top: 0;
	left: 0;
}



@media (max-width: 768px) {
	.panning-content.img1{
		height: 380px;
	}
	.panning-content.img1 img{
		width:700px;
	}
	.panning-content.img2{
		height: 440px;
	}
	.panning-content.img2 img{
		width:700px;
	}
        .panning-content.img3{
		height: 470px;
	}
	.panning-content.img3 img{
		width:700px;
	}

}