.royalSlider {
  width: 100%;
  color: #FFF;
}

/* Vertical slider */
.slider_vertical .rsCloseVideoBtn {
  display: none;
} 
/* Styling thumbnails */
.slider_vertical h2,  .slider_vertical h5 {
  margin: 0!important;
}
.slider_vertical .rsTmb {
  padding: 20px;
}

.slider_vertical .rsNavItem {
  /* Need to overwrite these */
  width:100%;
  height:auto;
  border-bottom: 1px solid #ECECEC;
}
.slider_vertical .rsNav {
  width: 33.333%;
  padding: 0;
}
.slider_vertical .rsThumb:hover {
  background: #EFEFEF;
}
.slider_vertical .rsThumb.rsNavSelected {
  background-color: #7F8080;
  color:#fff;
}

.slider_vertical .rsThumb.rsNavSelected h2, .slider_vertical .rsThumb.rsNavSelected h5, .slider_vertical .rsThumb.rsNavSelected p {
	color: #FFF;
}


.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
  background: #202020;
}

.sampleBlock {
  left: 3%; 
  top: 1%; 
  width: 100%;
  max-width: 400px;
}




@media screen and (min-width: 0px) and (max-width: 719px) {
  .slider_vertical .rsTmb {
    padding: 6px 8px;
  }
  .slider_vertical h5 {
    font-size: 13px;
    line-height: 17px;
  }
  .slider_vertical .rsNav{
    padding: 0;
  }
  .slider_vertical .rsNavItem {
  }
  .slider_vertical .rsTmb p {
    display: none;
  }
  .slider_vertical .rsOverflow,
  .royalSlider.slider_vertical {
    /*height: 300px !important;*/
  }
  .sampleBlock {
    font-size: 14px;
  }
}





/* Horizontal */ 
.slider_horizontal {
  font-weight: bold;
}
.slider_horizontal .rsThumbsHor {
  height: 44px;
  padding: 0;
}
.slider_horizontal .example-link {
  padding: 5px 12px 6px;
  background: #FFF;
  position: absolute;
  color: #BB0202;
  right: 12px;
  bottom: 12px;
  text-decoration: none;
  font-weight: normal;
}
.slider_horizontal .example-link:hover {
  text-decoration: none;
    background: #C00;
    color: #FFF;
}
.rsWebkit3d .example-link {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
.slider_horizontal .rsThumb {
  width: 172px;
  height: 44px;
  cursor: pointer;
}
.slider_horizontal .rsTmb {
  text-align: center;
  margin-top: 11px;
  vertical-align: center;
}
.slider_horizontal .rsThumb span {
  background: url('sprite.png');
  background-color:#000;
  width: 20px;
  height: 10px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: -10px;
  opacity: 0;
  -webkit-transition: opacity 700ms ease;
}

.rsSlideTitle {
  font-size: 24px;
  padding: 11px 13px 14px;
  background: #000000;
  background: rgba(0,0,0,0.6);
  color: #FFF;
  font-weight: normal;
}
.rsFirstSlideTitle {
  left: 8%;
  top: 44px;
}
.rsSecondSlideTitle {
 left: 8%;
  top: 94px;
}

/* Caption stylising */

.infoBlock {
	position: absolute;
	top: 30px;
	left: 30px;
	auto: auto;
	min-width: 40%;
	padding-bottom: 0;
	background: black;
	background: rgba(0, 0, 0, 0.8);
	overflow: hidden;
	padding: 20px;
}
.infoBlock h4 {
	margin-top: 0!important;
}
.infoBlockLeftBlack {
	color: white;
	background: black;
	background: rgba(0, 0, 0, 0.75);
	left: 30px;
	right: auto;
}
.infoBlockLeftBlack h1 {
	color: #FFF!important;
}
.infoBlockLeftBlack h2 {
	color: #FFF!important;	
}
.m  .infoBlockLeftBlack h2 {
	color: #FFF!important;
	line-height: 1em;
	margin-top: 0;
}
.infoBlockLeftBlack h3 {
	color: #FFF!important;
}
.infoBlockLeftBlack h4 {
	color: #FFF!important;
}

.rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {
background: rgba(236, 236, 236, 0.5);
}


@media screen and (min-width: 0px) and (max-width: 960px) {
  .rsSlideTitle {
    font-size: 18px;
    padding: 10px 12px 12px;
  }
  .rsFirstSlideTitle {
    left: 8%;
    top: 54px;
  }
  .rsSecondSlideTitle {
   left: 8%;
    top: 99px;
  }
  .slider_horizontal .rsThumb {
    font-size: 12px;
    width: 115px;
    height: 44px;
    cursor: pointer;
  }
  .slider_horizontal .rsTmb {
   margin-top: 12px;
  }
}
@media screen and (min-width: 0px) and (max-width: 500px) {

    .rsSlideTitle {
    font-size: 14px;
    padding: 8px 10px 8px;
  }
   .rsFirstSlideTitle {
      left: 24px;
      top: 24px;
    }
    .rsSecondSlideTitle {
     left: 24px;
      top: 63px;
    }
 }