.mobileHide { display: inline;}

   /* Smartphone Portrait and Landscape */

   @media only screen

   and (min-device-width : 320px)

   and (max-device-width : 767px){  .mobileHide { display: none;}}

	@media screen and (min-width: 768px) {	
	/* Move it (define the animation) */
	@keyframes slide-up {
	 0%   { 
		 transform: translateY(200%); 		
		 }
		 100% { 
		 transform: translateY(0%); 
		 }
	}
	
	 /* Apply animation to this element */	
	.slide-up {
	animation: slide-up 2s ease-out;
	}
	
	@keyframes slide-left {
	 0%  {
	 	transform: translateX(200%);
		 }
		 100% {
		Tramsform: translateX(0%);
		 }
	}
	
	.slide-left {
	animation: slide-left 2s ease-out;
	}
	
	@keyframes fadeIn {
	  0% {opacity:0;}
	  100% {opacity:1;}
	}
	
	.fadein {
	animation: fadeIn linear 4s;
	}
}