.responsive-slider { width: 100%; position: relative; }
    .responsive-slider [data-animate] { opacity: 0; }
    .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; max-width: 100%; font-size: 14px; }
                    .responsive-slider .slides ul li .slide-body img { max-width: 100%; }
                    .responsive-slider .slides ul li .slide-body .caption { position: absolute; color: #fff; text-shadow: 0px 1px 0px #000000; }
                        .responsive-slider .slides ul li .slide-body .caption.header { left: 0; top: 0; }
                            .responsive-slider .slides ul li .slide-body .caption.header h2 { font-size: 50px; }
                                .responsive-slider .slides ul li .slide-body .caption.header h2 i { font-size: 35px; }

.slider-container { background-image: url("images/3dz_sfondo_home_2.jpeg"); background-position: center center; background-size: 100% auto; padding-bottom: 281px; background-repeat: no-repeat; }
.slide1 .caption.sub > span { color: #ccff00; display: inline-block; font-size: 50px; left: 220px; position: absolute; top: 51px; }

.slide2 .caption.header { width: 100%; }
.slide2 h2, .slide2 .caption.sub { margin-top: 40px; text-align: center; width: 100%; }

.slide3 .img-html5 img { margin: 0 !important; }
.slide3 .caption.header { padding-left: 251px; }

.slide4 .img-html5 { left: 568px !important; top: 0; width: 100%; }
    .slide4 .img-html5 img { margin: 0 !important; }

.slide5 .img-html5 { left: 568px !important; top: 0; width: 100%; }
.slide5 .caption.header { font-size: 1.7em; line-height: 1.4em; z-index: 1; }
.slide5 .img-html5 img { margin: 0 !important; }



@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; }
    .slide1 .caption.sub > span { font-size: 25px; }
}

@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; }
    .slide1 .caption.sub > span { font-size: 16px; }
    .slider-container { padding-bottom: 0; }
}

.responsive-slider .slides ul li .slide-body .caption.sub { /*bottom: -8px;
  right: -20px;*/ font-weight: bold; font-size: 30px; }

@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: 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 { bottom: 0; left: 0; width: 100%; }
    .responsive-slider .slides ul li .slide-body .caption.img-html5 img { display: block; margin: auto; }
.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-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; font-size: 20px; color: #000; top: 40%; /*background-color: #fff;*/ padding: 10px; background-image: url(images/slider-nav.png); width: 42px; height:42px; }
    .responsive-slider .slider-control.left { left: 0; padding-left: 0; -webkit-border-radius: 0px 6px 6px 0px; border-radius: 0px 6px 6px 0px; }
        .responsive-slider .slider-control.left:hover { text-decoration: none; padding-left: 10px; }
    .responsive-slider .slider-control.right { right: 0; padding-right: 0; -webkit-border-radius: 6px 0px 0px 6px; border-radius: 6px 0px 0px 6px; background-position: right center; }
        .responsive-slider .slider-control.right:hover { text-decoration: none; padding-right: 10px; }

@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: 5px; height: 5px; border: 3px solid #fff; border-radius: 50%; opacity: 0.5; }
        .responsive-slider .pages .page.active { opacity: 1; }