/*
	JU Slideshow Custom Animation
	We use 3 css classes in an animation
	Show: 		.show-from -> .show-to
	Hide: 		.show-to   -> .hide-to 		-> .hide-complete
	All css property need to set !important, so it can overwrite all other css, even style="..." once it's set
*/

/* Large desktop */
@media (min-width: 1200px) {

}

/* Landscape tablet to desktop */
@media (min-width: 980px) and (max-width: 1199px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}

/* Landscape phones to portrait phones */
@media (max-width: 480px) {

}

/* Portrait phones and down */
@media (max-width: 320px) {

}