.ss_slide, .cycle-slide img{ width:100%;height: auto }
.cycle-sentinel{margin-bottom:0px}
/* Loader */
.cycle-slideshow {min-height:75px;}


/* in case script does not load */
.cycle-slideshow img:first-child {position: static; z-index: 100;margin-bottom: 0px;}

/* Buttons */
.ssprev,.ssnext {width:34px !important;height:34px !important;background:transparent;border:none;z-index:1024;opacity:.4}
.ssprev:hover,.ssnext:hover {opacity:1}
.ssprev img,.ssnext  img{border: 0;}
#navleft{position:absolute;bottom:7px;left:3px;z-index:1000}
#navright{position:absolute;bottom:7px;right:3px;z-index:1000}



* Caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* Overlay - Other CSS in PHP file */
.descout {  width:100%;text-align:center;position: absolute;z-index: 600;bottom:40px;}


/* Pager */
.cycle-pager { text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 5px; padding-top:12px;overflow: hidden;height:24px}
.cycle-pager span { font-family: arial; margin:0px 2px;font-size: 65px; width: 25px; height: 25px;  color: #ffffff; text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000; cursor: pointer;}
.cycle-pager span.cycle-pager-active { color: #000000;text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;}
.cycle-pager > * { cursor: pointer;}


/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding:10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .7; filter: alpha(opacity=50);
}


@media screen and (max-width: 650px) {
  .cycle-pager {
    bottom: 8px!important;
    height: 65px!important;
    
}
  }
  
  .cycle-slideshow { 
    -webkit-perspective: 1000;
    -webkit-transform-style: preserve-3d;
    -moz-perspective: 1000;
    -moz-transform-style: preserve-3d;
    -o-perspective: 1000;
    -o-transform-style: preserve-3d;
    perspective: 1000;
    transform-style: preserve-3d;  
}