#slider-box { position: relative; width: 100%; z-index: 0; max-height: 500px; padding: 0; margin: 0 auto; margin-top: 0px; overflow: hidden; }
#slider-inner { position: relative; display: block; width: 100%; min-height: 500px; padding: 0; margin: 0; z-index: 900; }
.slider-image { position: absolute; top: 0; left: 0; background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; width: 100%; min-height: 500px; padding: 0; margin: 0; }
.slider-image a.slidelink { position: absolute; top: 0; left: 0; width: 100%; min-height: 500px; line-height: 500px; text-align: center; text-decoration: none; opacity: 0; filter: alpha(opacity=0); background-color: #fff; color: #333; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
.slider-image a.slidelink:hover { opacity: 0.9; filter: alpha(opacity=90); }
.slider-image a.slidelink .inner { padding: 15px 20px; background-color: #fff; }

/* CAPTION */
#caption { position: absolute; bottom: 0; left: 0; width: 100%; min-height: 110px; background-color: #E42322; opacity: 0.80; filter: alpha(opacity=80); background-position: center center }
#caption-text1 { font-size: 26px; color: #fff; margin-top: 20px; font-weight:700 }
#caption-text2 { font-size: 18px; color: #fff; margin-bottom: 10px; }

/* CONTROLLI */
.slider-nav { width: 100%; height: 50px; position: absolute; bottom: 45%; left: 0; z-index: 999;  display:;}
.slider-nav .btnPrevNext { height: 45px; width: 45px; padding: 0; cursor: pointer; color: #fff; text-align: center; opacity: 0.7; filter: alpha(opacity=70); }
.slider-nav .btnPrevNext i { font-size: 40px; }
.slider-nav .btnPrevNext:hover { opacity: 1; filter: alpha(opacity=100); }
.slider-nav .btnPrevNext.prev { float: left; margin-left: 5px; }
.slider-nav .btnPrevNext.prev:hover { }
.slider-nav .btnPrevNext.next { float: right; margin-right: 5px; }
.slider-nav .btnPrevNext.next:hover { }

/* DOTS */
.caption-dots-box { position: relative; width: 100%; height: 80px; position: absolute !important; bottom: 5px; right: 20px; width: 100%; height: 20px; }
#caption-dots { position: relative; /*float:left;*/margin: 30px auto; height: 80px; display: block; text-align: center; }
#caption-dots a { display: inline-block; position: relative; width: 20px; height: 20px; background-color: transparent; color: #3C3830; margin: 0 3px; padding: 0; cursor: pointer; text-decoration: none; }
#caption-dots a:hover { opacity: 1; filter: alpha(opacity=100); }
#caption-dots a.active { color: #93B546; }
#caption-dots i { position: absolute; top: -10px; width: 20%; color: #fff; opacity: 0.85; filter: alpha(opacity=85); }
#caption-dots i.active { color: #D88920; opacity: 1; filter: alpha(opacity=100); }

@media screen and (max-width: 768px) {
#slider-inner, #slider-box, .slider-image { min-height: 340px; }
.slider-image a.slidelink { min-height: 340px; line-height: 340px; }
#caption { min-height: 80px }
#caption-text1 { font-size: 24px; overflow: hidden; }
#caption-text2 { font-size: 100%; font-size: 20px; overflow: hidden; }
.slider-nav { display: none; }
}

@media screen and (max-width: 480px) {
.slider-nav { display: none; }
#slider-inner, #slider-box, .slider-image { min-height: 440px; }
.slider-image a.slidelink { min-height: 440px; line-height: 440px; }
}

@media screen and (max-width: 320px) {
.slider-nav { display: none; }
#slider-inner, #slider-box, .slider-image { min-height: 240px; }
.slider-image a.slidelink { min-height: 240px; line-height: 240px; }
}