.rolling-bycicle {
	position: relative;
	top: 0;
	left: 0;
	width: 500px;
}

img.bycicle, img.wheel1, img.wheel2 {
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	transition: all 1s ease-out;
	margin-left: -600px;
}

img.bycicle { z-index: 20; }

img.wheel1 {
	position: absolute;
	left: 303px;
	bottom:0px;
	z-index: 19;
}

img.wheel2 {
	position: absolute;
	left: 20px;
	bottom:0px;
	z-index: 19;
}

.rolling-bycicle.in-view img.bycicle {
	-webkit-transform: translate(800px,0px) rotate(0deg);
	-moz-transform: translate(800px,0px) rotate(0deg);
	transform: translate(800px,0px) rotate(0deg);
}
.rolling-bycicle.in-view img.wheel1, .rolling-bycicle.in-view img.wheel2 {
	-webkit-transform: translate(800px,0px) rotate(600deg);
	-moz-transform: translate(800px,0px) rotate(600deg);
	transform: translate(800px,0px) rotate(600deg);
}

.device-sm .rolling-bycicle.in-view img.bycicle {
	-webkit-transform: translate(700px,0px) rotate(0deg);
	-moz-transform: translate(700px,0px) rotate(0deg);
	transform: translate(700px,0px) rotate(0deg);
}
.device-sm .rolling-bycicle.in-view img.wheel1, .device-sm .rolling-bycicle.in-view img.wheel2 {
	-webkit-transform: translate(700px,0px) rotate(600deg);
	-moz-transform: translate(700px,0px) rotate(600deg);
	transform: translate(700px,0px) rotate(600deg);
}

.device-xs .rolling-bycicle.in-view img.bycicle {
	-webkit-transform: translate(600px,0px) rotate(0deg);
	-moz-transform: translate(600px,0px) rotate(0deg);
	transform: translate(600px,0px) rotate(0deg);
}
.device-xs .rolling-bycicle.in-view img.wheel1, .device-xs .rolling-bycicle.in-view img.wheel2 {
	-webkit-transform: translate(600px,0px) rotate(600deg);
	-moz-transform: translate(600px,0px) rotate(600deg);
	transform: translate(600px,0px) rotate(600deg);
}