.container.demo-1{height:500px;position:relative;top:91px;}
.demo-1 .sl-slider-wrapper{position:absolute;width:100%;height:500px;top:0;left:0;}
.nav-arrows span{position:absolute;z-index:200;top:50%;width:40px;height:40px;border:8px solid #ddd;border:8px solid rgba(150,150,150,0.4);text-indent:-90000px;margin-top:-40px;cursor:pointer;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.nav-arrows span:hover{border-color:rgba(150,150,150,0.9);}
.nav-arrows span.nav-arrow-prev{left:5%;border-right:none;border-top:none;}
.nav-arrows span.nav-arrow-next{right:5%;border-left:none;border-bottom:none;}
.nav-dots{text-align:center;position:absolute;bottom:2%;height:30px;width:100%;left:0;z-index:100;}
.nav-dots span{display:inline-block;position:relative;width:50px;height:7px;margin:3px;background:#ddd;background:rgba(44,44,44,0.9);cursor:pointer;transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;}
.nav-arrows{display:none;}
.demo-1 .nav-dots span.nav-dot-current,
.demo-1 .nav-dots span:hover{background:rgba(30,197,238,1);height:14px;}
.demo-1 .deco{width:260px;height:260px;background:url(../slider/circle.png) center center no-repeat;border-radius:50%;position:absolute;top:5%;left:50%;margin:0 0 0 -130px;}
.demo-1 #sl1:after{content:"";position:absolute;width:220px;height:220px;line-height:220px;text-align:center;top:50%;left:50%;margin:-110px 0 0 -110px;border:2px dashed #ddd;border:2px dashed rgba(150,150,150,0.4);border-radius:50%;background:url(../slider/webtasarim.png) center center no-repeat;}
.demo-1 #sl2:after{content:"";position:absolute;width:220px;height:220px;line-height:220px;text-align:center;top:50%;left:50%;margin:-110px 0 0 -110px;border:2px dashed #ddd;border:2px dashed rgba(150,150,150,0.4);border-radius:50%;background:url(../slider/webtasarim.png) center center no-repeat;}
.demo-1 #sl3:after{content:"";position:absolute;width:220px;height:220px;line-height:220px;text-align:center;top:50%;left:50%;margin:-110px 0 0 -110px;border:2px dashed #fff;border:2px dashed rgba(255,255,255,0.4);border-radius:50%;background:url(../slider/ozguntasarim.png) center center no-repeat;}
.demo-1 #sl4:after{content:"";position:absolute;width:220px;height:220px;line-height:220px;text-align:center;top:50%;left:50%;margin:-110px 0 0 -110px;border:2px dashed #fff;border:2px dashed rgba(255,255,255,0.4);border-radius:50%;background:url(../slider/yonetimpaneli.png) center center no-repeat;}
.demo-1 #sl5:after{content:"";position:absolute;width:220px;height:220px;line-height:220px;text-align:center;top:50%;left:50%;margin:-110px 0 0 -110px;border:2px dashed #000;border:2px dashed rgba(0,0,0,0.4);border-radius:50%;background:url(../slider/eticaret.png) center center no-repeat;}

.demo-1 .sl-slide span{color:#000;text-shadow:0 0 1px #000;position:absolute;font-size:34px;font-weight:700;letter-spacing:1px;text-transform:uppercase;width:80%;left:10%;text-align:center;line-height:50px;bottom:50%;margin:0 0 -100px 0;}
.demo-1 .bg-1 span{color:#192d2b;text-shadow:0 0 1px #000;padding:20px;position:absolute;font-size:40px;font-weight:700;letter-spacing:1px;
width:80%;left:10%;text-align:center;top:10%;margin:0;bottom:auto;}
.demo-1 .sl-slide blockquote{position:absolute;width:100%;text-align:center;left:0;font-weight:700;font-size:25px;line-height:35px;color:#192d2b;z-index:2;bottom:50%;margin:0 0 -190px 0;padding:0;}
.demo-1 .bg-1 blockquote{position:absolute;width:100%;text-align:center;left:0;font-weight:700;font-size:30px;line-height:35px;
color:#fff;z-index:2;bottom:60%;margin:0;padding:0;}

.demo-1 .sl-slide blockquote p{margin:0 auto;width:60%;position:relative;font-size: 0.9em;}
.demo-1 .bg-1 blockquote p{margin: 0 auto;
width:auto;
max-width: none;
position: relative;
line-height: 40px;
text-shadow:0 0 1px #fff;
}

.demo-1 .sl-slide blockquote cite{font-size:10px;padding-top:10px;display:inline-block;font-style:normal;text-transform:uppercase;letter-spacing:4px;}
.demo-1 .bg-1 .sl-slide-inner,
.demo-1 .bg-1 .sl-content-slice{background:#fff;}
.demo-1 .bg-1 .sl-slide-inner {
	background-repeat:no-repeat;
	background-size:cover;background-position:top center;
}
.demo-1 .bg-2 .sl-slide-inner,
.demo-1 .bg-2 .sl-content-slice{background:#fff;}
.demo-1 .bg-2 [data-icon]:after,
.demo-1 .bg-2 span{color:#192d2b;letter-spacing:1px;}
.demo-1 .bg-2 blockquote:before{color:#222;}
.demo-1 .bg-3 .sl-slide-inner,
.demo-1 .bg-3 .sl-content-slice{background:#000;}
.demo-1 .bg-3 .deco{border-color:#fff;border-color:rgba(255,255,255,0.5);}
.demo-1 .bg-3 [data-icon]:after{color:#fff;text-shadow:0 0 1px #fff;box-shadow:inset 0 0 0 10px #b55381;}
.demo-1 .bg-3 span{color:#fff;text-shadow:0px 0px 1px rgba(0,0,0,1);font-weight:700;}
.demo-1 .bg-3 blockquote{color:#fff;text-shadow:0px 0px 0px rgba(0,0,0,1);font-weight:700;}
.demo-1 .bg-3 blockquote:before{color:#c46c96;}
.demo-1 .bg-4 .sl-slide-inner,
.demo-1 .bg-4 .sl-content-slice{background:#5bc2ce;}
.demo-1 .bg-4 .deco{border-color:#379eaa;}
.demo-1 .bg-4 [data-icon]:after{text-shadow:0 0 1px #277d87;color:#277d87;}
.demo-1 .bg-4 span,
.demo-1 .bg-4 blockquote{color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.2);}
.demo-1 .bg-4 blockquote:before{color:#379eaa;}
.demo-1 .bg-5 .sl-slide-inner,
.demo-1 .bg-5 .sl-content-slice{background:#ffeb41;}
.demo-1 .bg-5 .deco{border-color:#ECD82C;}
.demo-1 .bg-5 .deco:after{color:#000;text-shadow:0 0 1px #000;}
.demo-1 .bg-5 span,
.demo-1 .bg-5 blockquote{color:#192d2b;text-shadow:0px 0px 1px rgba(0,0,0,1);}
.demo-1 .bg-5 blockquote:before{color:#ecd82c;}
.sl-trans-elems .deco{-webkit-animation:roll 1s ease-out both, fadeIn 1s ease-out both;-moz-animation:roll 1s ease-out both, fadeIn 1s ease-out both;-o-animation:roll 1s ease-out both, fadeIn 1s ease-out both;-ms-animation:roll 1s ease-out both, fadeIn 1s ease-out both;animation:roll 1s ease-out both, fadeIn 1s ease-out both;}
.sl-trans-elems span{-webkit-animation:moveUp 1s ease-in-out both;-moz-animation:moveUp 1s ease-in-out both;-o-animation:moveUp 1s ease-in-out both;-ms-animation:moveUp 1s ease-in-out both;animation:moveUp 1s ease-in-out both;}
.sl-trans-elems blockquote{-webkit-animation:fadeIn 0.5s linear 0.5s both;-moz-animation:fadeIn 0.5s linear 0.5s both;-o-animation:fadeIn 0.5s linear 0.5s both;-ms-animation:fadeIn 0.5s linear 0.5s both;animation:fadeIn 0.5s linear 0.5s both;}
.sl-trans-back-elems .deco{-webkit-animation:scaleDown 1s ease-in-out both;-moz-animation:scaleDown 1s ease-in-out both;-o-animation:scaleDown 1s ease-in-out both;-ms-animation:scaleDown 1s ease-in-out both;animation:scaleDown 1s ease-in-out both;}
.sl-trans-back-elems span{-webkit-animation:fadeOut 1s ease-in-out both;-moz-animation:fadeOut 1s ease-in-out both;-o-animation:fadeOut 1s ease-in-out both;-ms-animation:fadeOut 1s ease-in-out both;animation:fadeOut 1s ease-in-out both;}
.sl-trans-back-elems blockquote{-webkit-animation:fadeOut 1s linear both;-moz-animation:fadeOut 1s linear both;-o-animation:fadeOut 1s linear both;-ms-animation:fadeOut 1s linear both;animation:fadeOut 1s linear both;}
@-webkit-keyframes roll{0%{-webkit-transform:translateX(500px) rotate(360deg);}
100%{-webkit-transform:translateX(0px) rotate(0deg);}
}
@-moz-keyframes roll{0%{-moz-transform:translateX(500px) rotate(360deg);opacity:0;}
100%{-moz-transform:translateX(0px) rotate(0deg);opacity:1;}
}
@-o-keyframes roll{0%{-o-transform:translateX(500px) rotate(360deg);opacity:0;}
100%{-o-transform:translateX(0px) rotate(0deg);opacity:1;}
}
@-ms-keyframes roll{0%{-ms-transform:translateX(500px) rotate(360deg);opacity:0;}
100%{-ms-transform:translateX(0px) rotate(0deg);opacity:1;}
}
@keyframes roll{0%{transform:translateX(500px) rotate(360deg);opacity:0;}
100%{transform:translateX(0px) rotate(0deg);opacity:1;}
}
@-webkit-keyframes moveUp{0%{-webkit-transform:translateY(40px);}
100%{-webkit-transform:translateY(0px);}
}
@-moz-keyframes moveUp{0%{-moz-transform:translateY(40px);}
100%{-moz-transform:translateY(0px);}
}
@-o-keyframes moveUp{0%{-o-transform:translateY(40px);}
100%{-o-transform:translateY(0px);}
}
@-ms-keyframes moveUp{0%{-ms-transform:translateY(40px);}
100%{-ms-transform:translateY(0px);}
}
@keyframes moveUp{0%{transform:translateY(40px);}
100%{transform:translateY(0px);}
}
@-webkit-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@-o-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@-ms-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes scaleDown{0%{-webkit-transform:scale(1);}
100%{-webkit-transform:scale(0.5);}
}
@-moz-keyframes scaleDown{0%{-moz-transform:scale(1);}
100%{-moz-transform:scale(0.5);}
}
@-o-keyframes scaleDown{0%{-o-transform:scale(1);}
100%{-o-transform:scale(0.5);}
}
@-ms-keyframes scaleDown{0%{-ms-transform:scale(1);}
100%{-ms-transform:scale(0.5);}
}
@keyframes scaleDown{0%{transform:scale(1);}
100%{transform:scale(0.5);}
}
@-webkit-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@-moz-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@-o-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@-ms-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-device-width: 320px) and (max-device-width:1024px)
 {
/* Styles */
.demo-1 .bg-1 span {top:10px;font-size:1.2em;width:100%;left:0;}
.demo-1 .bg-1 blockquote {font-size:1.2em;line-height:1.5em;margin:0 !important;}
.demo-1 .bg-1 blockquote p {line-height:1.5em;}
.container.demo-1{height:300px;}
.demo-1 .sl-slider-wrapper{height:300px;}
.demo-1 .sl-slide span {font-size:1.2em;margin:0 0 -63px 0;}
.demo-1 .deco {width:150px;height:150px;background-size:100%;left:64%;top:3%;}
.demo-1 #sl2:after {width:120px;height:120px;background-size: 100%;    top: 72%;
    left: 78%;    margin: -95px 0 0 -104px;}
.demo-1 #sl3:after {width:120px;height:120px;background-size: 100%;    top: 72%;
    left: 78%;    margin: -95px 0 0 -104px;}
.demo-1 #sl4:after {width:120px;height:120px;background-size: 100%;    top: 72%;
    left: 78%;    margin: -95px 0 0 -104px;}
.demo-1 #sl5:after {width:120px;height:120px;background-size: 100%;    top: 72%;
    left: 78%;    margin: -95px 0 0 -104px;}
.demo-1 .sl-slide blockquote {font-size:0.9em;line-height:1.4em;margin:0 0 -105px 0;}
.demo-1 .sl-slide blockquote p {width:90%;}

}

@media screen and (min-device-width:667px) and (max-device-width:1335px) and (orientation: landscape) 
{
	.demo-1 .deco { left:58%;}
}

@media screen and (max-device-width:1334px) and (orientation: landscape)
{
	.demo-1 .deco { left:58%;}
}

/* Tablet Dikey */
@media only screen  and (min-device-width: 768px)   and (max-device-width: 1024px) and (orientation: portrait) 
{ 
.demo-1 .deco { left:57%;}
}
/* Tablet Yatay */

@media only screen  and (min-device-width: 768px)   and (max-device-width: 1024px) and (orientation: landscape) 
{ 
.demo-1 .deco { left:56%;}
.container.demo-1{height:400px;}
.demo-1 .sl-slider-wrapper{height:400px;}
}