.sl-slider-wrapper{width:100%;height:800px;overflow:hidden;position:relative;}
.sl-slider { position: absolute; top: 0; left: 0; }
/* Slide wrapper and slides */
.sl-slide, .sl-slides-wrapper, .sl-slide-inner {position:absolute;width:100%;height:100%;top:0;left:0;}
.sl-slide{z-index:1;}
/* The duplicate parts/slices */

.sl-content-slice { overflow: hidden; position: absolute; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background: #fff; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; opacity : 1; }
/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice { width: 100%; height: 50%; left: -200px; -webkit-transform: translateY(0%) scale(1); -moz-transform: translateY(0%) scale(1); -o-transform: translateY(0%) scale(1); -ms-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1); }
.sl-slide-horizontal .sl-content-slice:first-child { top: -200px; padding: 200px 200px 0px 200px; }
.sl-slide-horizontal .sl-content-slice:nth-child(2) { top: 50%; padding: 0px 200px 200px 200px; }
/* Vertical slice */

.sl-slide-vertical .sl-content-slice { width: 50%; height: 100%; top: -200px; -webkit-transform: translateX(0%) scale(1); -moz-transform: translateX(0%) scale(1); -o-transform: translateX(0%) scale(1); -ms-transform: translateX(0%) scale(1); transform: translateX(0%) scale(1); }
.sl-slide-vertical .sl-content-slice:first-child { left: -200px; padding: 200px 0px 200px 200px; }
.sl-slide-vertical .sl-content-slice:nth-child(2) { left: 50%; padding: 200px 200px 200px 0px; }
/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper { position: absolute; }
.sl-content { width: 100%; height: 100%; background: #fff; }
/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner { background: #ddd; }
.sl-slide-vertical .sl-slide-inner { background: #ccc; }

@media screen and (min-height: 801px) and (max-height: 900px) {
	.sl-slider-wrapper{height:700px;}
}
@media screen and (min-height: 701px) and (max-height: 800px) {
	.sl-slider-wrapper{height:700px;}
}
@media screen and (min-height: 601px) and (max-height: 700px) {
	.sl-slider-wrapper{height:600px;}
}
@media screen and (min-height: 501px) and (max-height: 600px) {
	.sl-slider-wrapper{height:500px;}
}