.responsive-slider { width: 100%; position: relative; cursor:move; }
.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%; min-width:100%; width:100%; text-align:center;}
.responsive-slider .slides ul li .slide-body { display: inline-block; position: relative; max-width: 100%; min-width:100%; width:100%; font-size: 14px;  }
/*.responsive-slider .slides ul li.slide_1{ background-image:url(../images/slide-4.jpg); background-repeat:no-repeat; background-size:cover;}
.responsive-slider .slides ul li.slide_2{ background-image:url(../images/slide-5.jpg); background-repeat:no-repeat; background-size:cover;}
.responsive-slider .slides ul li.slide_3{ background-image:url(../images/slide-6.jpg); background-repeat:no-repeat; background-size:cover;}*/

.responsive-slider .slides ul li .slide-body img { max-width: 100%; min-width:100%; width:100%; }
.responsive-slider .slides ul li .slide-body .caption { position: absolute; }
.responsive-slider .slides ul li .slide-body .caption.header {    top: 17%;
    width: 50%;
    left: 7%;}
.responsive-slider .slides ul li .slide-body .caption.header h2 { font-size: 30px; }
.responsive-slider .slides ul li .slide-body .caption.header h2 > span { font-size: 23px; }
.responsive-slider .slides ul li .slide-body .caption.header h2 i { font-size: 35px; }
.responsive-slider .slides ul li .slide-body .caption1 { position: absolute; color: #fff; text-shadow: 0px 1px 0px #000000; width: 100%; font-size: 23px; margin-top: 5px; }

@media screen and (-webkit-min-device-pixel-ratio:0) { 

    /* Safari only override */
    ::i-block-chrome,.responsive-slider .slides ul li .slide-body .caption.header {
     bottom: 210px;
    }
}
.responsive-slider .slides ul li .slide-body .caption1.header1 { top: 8%; width: 100%; text-align: center; }
.responsive-slider .slides ul li .slide-body .caption1.header1 h2 { font-size: 30px; }
.responsive-slider .slides ul li .slide-body .caption1.header1 h2 > span { font-size: 23px; }
.responsive-slider .slides ul li .slide-body .caption1.header1 h2 i { font-size: 35px; }
.bnr_ctnt_cntr { font-size: 30px; line-height: 48px; white-space:normal; text-transform:uppercase; font-family: 'open_sansextrabold'; color:#000; text-align:left;}
.bnr_ctnt_cntr span{ font-size: 24px; font-family:'open_sanslight'; line-height:30px; position: absolute; text-transform: none; margin-top: 10px;}



@media (min-width: 481px) and (max-width: 767px) {
.responsive-slider .slides ul li .slide-body .caption.header h2 { font-size: 25px; }
.responsive-slider .slides ul li .slide-body .caption.header h2 i { font-size: 20px; }
}
@media (max-width: 480px) {
.responsive-slider .slides ul li .slide-body .caption.header h2 { font-size: 16px; }
.responsive-slider .slides ul li .slide-body .caption.header h2 i { font-size: 14px; }
}
.responsive-slider .slides ul li .slide-body .caption.sub { /*bottom: -8px;
  right: -20px;
  font-weight: bold;*/
line-height: 1.5em; margin-top: 12px; }
@media (min-width: 481px) and (max-width: 767px) {
.responsive-slider .slides ul li .slide-body .caption.sub { font-size: 11px; bottom: 0px; right: -10px; }
}
@media (max-width: 800px) {
.responsive-slider .slides ul li .slide-body, .responsive-slider .slides { height: auto; }
}
@media (max-width: 480px) {
.responsive-slider .slides ul li .slide-body .caption.sub { font-size: 10px; bottom: 5px; right: 0; }
}
.responsive-slider .slides ul li .slide-body .caption.img-html5 { top: 13%; right: 8%; width: 30%; }
.responsive-slider .slides ul li .slide-body .caption.img-html5 img { max-width: 100%; }
.responsive-slider .slides ul li .slide-body .caption.img-css3 { top: 57%; right: 12%; width: 10%; }
.responsive-slider .slides ul li .slide-body .caption.img-css3 img { max-width: 100%; }
.responsive-slider .slides ul li .slide-body .caption.img-temp1 { bottom: 0%; left: 8%; width: 39%; }
.responsive-slider .slides ul li .slide-body .caption.img-temp1 img { max-width: 100%; width: 80%; }
.responsive-slider .slides ul li .slide-body .caption.img-temp2 { bottom: 0%; right: 0%; width: 40%; }
.responsive-slider .slides ul li .slide-body .caption.img-temp2 img { max-width: 100%; width: 80%; }
.responsive-slider .slides ul li .slide-body .caption.img-temp3 { bottom: 0%; right: 25%; width: 50%; }
.responsive-slider .slides ul li .slide-body .caption.img-temp3 img { max-width: 100%; width: 100%; }
.responsive-slider .slides ul li .slide-body .caption.img-desktop { top: 0; right: 5%; width:35% }
.responsive-slider .slides ul li .slide-body .caption.img-think_cloud { top: 7%; right: 12.5%; width:20%;  }



.responsive-slider .slides ul li .slide-body .caption.omr_sheet{ top: 13%; right: 35%; width:12%;}
.responsive-slider .slides ul li .slide-body .caption.sheet_scanning{ top: 3%; right: 16%; width:18%;}
.responsive-slider .slides ul li .slide-body .caption.sheet_checking{ top: 32%; right: 9%; width:14%;}
.responsive-slider .slides ul li .slide-body .caption.sheet_result{ top: 64%; right: 25%; width:11%;}

.responsive-slider .slides ul li .slide-body .caption.asses_1{ top: 8%; right: 36.8%; width:12.1%;}
.responsive-slider .slides ul li .slide-body .caption.asses_2{ top: 8%; right: 22%; width:13.8%;}
.responsive-slider .slides ul li .slide-body .caption.asses_3{ top: 8%; right: 8%; width:13%;}

.responsive-slider .slides ul li .slide-body .caption.asses_4{ top: 37%; right: 38.8%; width:13.2%;}
.responsive-slider .slides ul li .slide-body .caption.asses_5{ top: 37%; right: 27%; width:10.7%;}
.responsive-slider .slides ul li .slide-body .caption.asses_6{ top: 37%; right: 8%; width:18%;}

.responsive-slider .slides ul li .slide-body .caption.asses_7{ top: 65%; right: 40.3%; width:13.2%;}
.responsive-slider .slides ul li .slide-body .caption.asses_8{ top: 65%; right: 25%; width:14.3%;}
.responsive-slider .slides ul li .slide-body .caption.asses_9{ top: 65%; right: 8%; width:16%;}







.responsive-slider .slides ul li .slide-body .caption.img-desktop img { max-width: 100%; }
.responsive-slider .slides ul li .slide-body .caption.img-tab { bottom: 22%; right: 4%; width: 30%; }
.responsive-slider .slides ul li .slide-body .caption.img-tab img { max-width: 100%; }
.responsive-slider .slides ul li .slide-body .caption.img-mob { bottom: 17%; right: 0%; width: 26%; }
.responsive-slider .slides ul li .slide-body .caption.img-mob img { max-width: 100%; }
.responsive-slider .slides ul li .slide-body .caption.img-bootstrap { top: 48%; right: 12%; width: 11%; }
.responsive-slider .slides ul li .slide-body .caption.img-bootstrap img { max-width: 100%; }
.responsive-slider .slides ul li .slide-body .caption.img-twitter { top: 19%; right: 12%; width: 11%; }
.responsive-slider .slides ul li .slide-body .caption.img-twitter img { max-width: 100%; }
.responsive-slider .slides ul li .slide-body .caption.img-jquery { top: 66%; right: 12%; width: 33%; }
.responsive-slider .slides ul li .slide-body .caption.img-jquery img { max-width: 100%; }
.responsive-slider .slider-control { position: absolute; top: 40%; transition:linear; width: 55px; height: 55px; text-align: center; text-decoration:none; line-height: 55px; border:3px solid #fff; color:#fff; opacity:0.5; border-radius:100%; font-family: "Flaticon"; font-size: 45px; transition:0.3s ease;}
.responsive-slider:hover .slider-control { opacity:0.7;  }
.responsive-slider .slider-control.left { left: 10px;}
.responsive-slider .slider-control.left:before{ content: "\e009"; margin-left:-7px;}
.responsive-slider .slider-control.right { right: 10px;}
.responsive-slider .slider-control.right:before{ content: "\e008"; margin-left:-4px;}
.responsive-slider .slider-control.left:hover, .responsive-slider .slider-control.right:hover{ opacity:1;}
@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; z-index: 9; }
.responsive-slider .pages .page { display: inline-block; color: transparent; width: 5px; height: 5px; border: 3px solid #000; border-radius: 50%; opacity: 0.5; }
.responsive-slider .pages .page.active { opacity: 1; }