.responsive-slider {
  width: 1121px;
  position: relative;
}
.responsive-slider .touch-surface {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-slider .slides {
  position: relative;
  overflow: hidden;
}
.responsive-slider .slides ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  font-size: 0;
}
.responsive-slider .slides ul li {
  display: inline-block;
  max-width: 100%; 
  
}
.responsive-slider .slides ul li .slide-body {
  display: inline-block;
  position: relative;

}
.slide-body img {max-width: 100%;}

.responsive-slider .slides ul li .slide-body .caption {
  position: absolute; display:inline; color:#fff;
  -webkit-text-shadow: 4px 4px 4px rgba(0,0,0,.29);
	-moz-text-shadow: 4px 4px 4px rgba(0,0,0,.29);
	text-shadow: 1px 1px 4px rgba(255,255,255,.5);
}

.caption.sub { font-size:15px; left: 0; font-weight: bold; background-color: rgba(255, 255, 255, 0.6); padding:10px 14px; border-radius:15px;}

.caption.header{top:20px;left:310px;}


.responsive-slider .slides ul li .slide-body .caption.header h2 {
  font-size: 24px;  color: #004276; border:none; margin-top:25px; font-family: 'Ubuntu', sans-serif; font-weight:400;background-color: rgba(255, 255, 255, 0.6); padding:3px 10px; border-radius:10px;text-shadow: 2px 2px 3px rgba(255,255,255,1);
  
}

@media (max-width: 900px) {
.header h2 {font-size: 28px !important;}
.caption.sub { font-size:12px !important;}

}

@media (max-width: 800px) {
.header h2 {font-size: 22px !important;}
.caption.sub { font-size:13px !important;}
}



@media (max-width: 600px) {
.header h2 {font-size: 18px !important; padding:0;}


}

@media (max-width: 500px) {
.caption.sub { font-size:11px !important;}
}


@media (max-width: 350px) {
.caption.header {top: 15%;}

.caption.sub { display:none !important;}

.slide-body { min-height:50px !important;}

}


.img-html5 {
  top: 1px;
  left: -10px;
  width: 100%;
}


.img-rev {
  top: 30%;
  right: 1%;
  width: 35%;
}


.img-rev2 {
  top: 2px;
  left: 0;
  width: 35%;
}

.img-rev2 img { max-height:112px !important;}



@media (max-width: 480px) {
  .responsive-slider .slider-control.left,
  .responsive-slider .slider-control.right {display: none;}
}

.responsive-slider .pages {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.responsive-slider .pages .page {
  display: inline-block;
  color: transparent;
  width: 17px;
  height: 17px;
  border: 3px solid #fff;
  border-radius: 50%;
  opacity: 0.5; margin-bottom:14px;
}
.responsive-slider .pages .page.active {
  opacity: 1;
}