@media 
	only screen and (max-width:319px),
	only screen and (min-width:320px) and (max-width:480px) and (orientation:portrait),
	only screen and (min-width:320px) and (max-width:480px) and (orientation:landscape) ,
	only screen and (min-width:481px) and (max-width:767px)  
{	/* x319 i320-x480-P i320-x480-L i481-x767 */	}


@media only screen and (min-width:360px) and (max-width:767px) {}

@media only screen and (min-width:992px) and (max-width:1199px) {/******* i992-x1199 ******* */}

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

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

.animation-element1.slide-left {
	opacity: 0;
	-moz-transition: all 800ms ease-in-out;
	-webkit-transition: all 800ms ease-in-out;
	-o-transition: all 800ms ease-in-out;
	transition: all 800ms 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-element1.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-element2.slide-left {
	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(-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-element2.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-element3.slide-left {
	opacity: 0;
	-moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms 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-element3.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-element4.slide-left {
	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(-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-element4.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-element5.slide-left {
	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, -80px, 0px);
	-webkit-transform: translate3d(0px, -80px, 0px);
	-o-transform: translate(0px, -80px);
	-ms-transform: translate(0px, -80px);
	transform: translate3d(0px, -80px, 0px);
}

.animation-element5.slide-left.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);
}

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