.zs-enabled {
	position: relative
}
.zs-enabled .zs-slideshow .zs-slides .zs-slide {
	background: transparent none no-repeat 50% 50%;
	background-size: cover;
	position: absolute;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2)
}
.zs-enabled .zs-slideshow .zs-slides .zs-slide.active {
	visibility: visible;
	opacity: 1
}
.zs-enabled .zs-slideshow .zs-bullets {
	position: absolute;
	z-index: 4;
	bottom: 20px;
	left: 0;
	width: 100%;
	text-align: center
}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet {
	display: inline-block;
	cursor: pointer;
	width: 0px;
	height: 0px;
	border-radius: 8px;
	margin: 10px;
	background-color: #fff
}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet.active {
	background-color: #ccc
}
.zs-enabled .zs-slideshow:after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	background: transparent none repeat 0 0
}
#demo-1 {
	position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
	overflow: hidden; /* to bound the empty top space created by inner element's top margin */
	width: 100%;
	min-height: 100%;
}
.zs-enabled.overlay-plain .zs-slideshow:after {
	background-image: url(plain.png)
}
.zs-enabled.overlay-dots .zs-slideshow:after {
	background-image: url(dots.png)
}
 @media (min-width: 768px) {
.zs-enabled .zs-slideshow, .zs-enabled .zs-slides, .zs-enabled .zs-slide {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.demo-inner-content {
	position: relative;
	z-index: 2;
	margin: 180px auto;
	padding: 40px;
	max-width: 1300px;
	color: #fff;
	text-align: left;
}
.demo-inner-content h1 {
	font-size: 6.5em;
	margin: 0;
	line-height: 1em
}
.demo-inner-content p {
	font-size: 1.6em;
}
}
 @media (max-width: 767px) {
.zs-enabled .zs-slideshow, .zs-enabled .zs-slides, .zs-enabled .zs-slide {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 600px;
	overflow: hidden
}
.demo-inner-content {
	position: relative;
	z-index: 2;
	margin: 120px auto 320px;
	padding: 40px;
	max-width: 780px;
	color: #fff;
	text-align: center;
}
.demo-inner-content h1 {
	font-size: 3.5em;
	margin: 0;
	line-height: 1em
}
.demo-inner-content p {
	font-size: 1.3em;
	padding-bottom: 30px
}
}