.panel-pane .views_slideshow_cycle_slide .views-row{
  padding: 0;
}

.slide-page{
  height:360px;
  position: relative;
  width: 570px;
}
.slide-back{
  position: absolute;
  top: 0px;
  left: 0;
}
.slide-back img{
  position: absolute;
  top:0;
}
.slide-back .slide-back-black img{
  opacity: 0.6;
}
.slide-back .slide-back-color img{
  opacity:0;
}

.slide-page:hover .slide-back-black img{
  opacity: 0;
}
.slide-page:hover .slide-back-color img{
  opacity: 1.0;
}

.slide-front-up{
  position: absolute;
  top: 0px;
  width:570px;
}
.slide-front-down{
  position: absolute;
  bottom: 0;
  width:570px;
}
.slide-header{
  top: 0px;
  position: absolute;
  width:570px;
}

.slide-header .inside{
  margin-left: 10px;
  margin-bottom: 8px;
  margin-top: 8px;
  font-size: 12px;
  line-height: 20px;
  font-family: 'Droid Sans Mono', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px;
}

.slide-front-up .inside{
  padding: 0 10px;
}
.slide-front-up .inside div{
  margin-left: 0;
}
.slide-front-down .inside{
  padding: 10px 10px 20px 10px
}
.slide-front-down .inside div{
  margin-left: 0;
  margin-bottom: 0;
  margin-top: 20px;
}

#slider-panel .pane-title{
  display: none;
}

.slide-page:hover .slide-front-up,
.slide-page:hover .slide-front-down{
  opacity: 0;
  display: none;
}

/*    Tablet Layout: 770px.
    Gutters: 24px.
    Outer margins: 28px.
    Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 770px) and (max-width: 991px) {
  .slide-front-up{
    position: absolute;
    top: 0px;
    width:570px;
  }
  .slide-front-down{
    position: absolute;
    bottom: 0;
    width:570px;
  }
  .slide-header{
    top: 0px;
    position: absolute;
    width:570px;
  }
  .slide-page{
  height:360px;
  position: relative;
  width: 570px;
  }


}

@media only screen and (min-width: 570px) and (max-width: 769px) {
  .slide-front-up{
    position: absolute;
    top: 0px;
    width:370px;
  }
  .slide-front-down{
    position: absolute;
    bottom: 0;
    width:370px;
  }
  .slide-header{
    top: 0px;
    position: absolute;
    width:370px;
  }
  .slide-page{
  height:240px;
  position: relative;
  width: 370px;
  }

}