@media only screen and (min-width:1200px) {

/*
.animation-element1, .animation-element2, .animation-element3, .animation-element4 {
  opacity: 1;
  position: relative;
}
animation element sliding left*/

.animation-element.slide-left {
	opacity: 0;
	-moz-transition: all 1000ms ease-in-out;
	-webkit-transition: all 1000ms ease-in-out;
	-o-transition: all 1000ms ease-in-out;
	transition: all 1000ms ease-in-out;
	-moz-transform: translate3d(-100px, 0px, 0px);
	-webkit-transform: translate3d(-100px, 0px, 0px);
	-o-transform: translate(-100px, 0px);
	-ms-transform: translate(-100px, 0px);
	transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
	z-index: 2;
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}


.animation-element.slide-right {
	opacity: 0;
	-moz-transition: all 1000ms ease-in-out;
	-webkit-transition: all 1000ms ease-in-out;
	-o-transition: all 1000ms ease-in-out;
	transition: all 1000ms ease-in-out;
	-moz-transform: translate3d(1000px, 0px, 0px);
	-webkit-transform: translate3d(1000px, 0px, 0px);
	-o-transform: translate(1000px, 0px);
	-ms-transform: translate(1000px, 0px);
	transform: translate3d(1000px, 0px, 0px);
}

.animation-element.slide-right.in-view {
	z-index: 2;
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}


.animation-element.slide-down {
	opacity: 0;
	-moz-transition: all 1000ms  ease-in-out;
	-webkit-transition: all 1000ms  ease-in-out;
	-o-transition: all 1000ms  ease-in-out;
	transition: all 1000ms  ease-in-out;
	-moz-transform: translate3d(0px, -120px, 0px);
	-webkit-transform: translate3d(0px, -120px, 0px);
	-o-transform: translate(0px, -120px);
	-ms-transform: translate(0px, -120px);
	transform: translate3d(0px, -120px, 0px);
}

.animation-element.slide-down.in-view {
	z-index: 1;
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}




.animation-element.slide-up {
	opacity: 0;
	-moz-transition: all 1000ms  ease-in-out;
	-webkit-transition: all 1000ms  ease-in-out;
	-o-transition: all 1000ms  ease-in-out;
	transition: all 1000ms  ease-in-out;
	-moz-transform: translate3d(0px, 100px, 0px);
	-webkit-transform: translate3d(0px, 100px, 0px);
	-o-transform: translate(0px, 100px);
	-ms-transform: translate(0px, 100px);
	transform: translate3d(0px, 100px, 0px);
}

.animation-element.slide-up.in-view {
	z-index: 2;
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}






.animation-element.slide-up1 {
	opacity: 0;
	-moz-transition: all 500ms  ease-in-out;
	-webkit-transition: all 500ms  ease-in-out;
	-o-transition: all 500ms  ease-in-out;
	transition: all 500ms  ease-in-out;
	-moz-transform: translate3d(0px, 200px, 0px);
	-webkit-transform: translate3d(0px, 200px, 0px);
	-o-transform: translate(0px, 200px);
	-ms-transform: translate(0px, 200px);
	transform: translate3d(0px, 200px, 0px);
}

.animation-element.slide-up1.in-view {
	z-index: 2;
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}



.animation-element.slide-up2 {
	opacity: 0;
	-moz-transition: all 700ms  ease-in-out;
	-webkit-transition: all 700ms  ease-in-out;
	-o-transition: all 700ms  ease-in-out;
	transition: all 700ms  ease-in-out;
	-moz-transform: translate3d(0px, 200px, 0px);
	-webkit-transform: translate3d(0px, 200px, 0px);
	-o-transform: translate(0px, 200px);
	-ms-transform: translate(0px, 200px);
	transform: translate3d(0px, 200px, 0px);
}

.animation-element.slide-up2.in-view {
	z-index: 2;
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}




.animation-element.slide-up3 {
	opacity: 0;
	-moz-transition: all 900ms  ease-in-out;
	-webkit-transition: all 900ms  ease-in-out;
	-o-transition: all 900ms  ease-in-out;
	transition: all 900ms  ease-in-out;
	-moz-transform: translate3d(0px, 200px, 0px);
	-webkit-transform: translate3d(0px, 200px, 0px);
	-o-transform: translate(0px, 200px);
	-ms-transform: translate(0px, 200px);
	transform: translate3d(0px,200px, 0px);
}

.animation-element.slide-up3.in-view {
	z-index: 2;
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}


 /*******1200 end******* */
}