/* Tiny Carousel */
#slider1 { height: 1%; margin: 30px 0 0; overflow:hidden; position: relative;}
#slider1 .viewport { height: 320px; overflow: hidden; position: relative; }
#slider1 .buttons {
  
width: 50px;
height: 50px;
line-height: 50px;
margin-top: -17px;
border: 1px solid #e9e9e9;
position: absolute;
top: 40%;
cursor: pointer;
z-index:9999;
opacity:0.6;
}
    #slider1 .prev {
        background: url(../../images/arrows1.png) #eee no-repeat 0 -54px;
        left:0px;
    }
#slider1 .next {
     background: url(../../images/arrows1.png) #eee no-repeat 0 -3px;
    right: 0;
    left: auto;
    top: 40%;
}
#slider1 .buttons:hover{
    opacity:1;
}
#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 ;top: 0; }
#slider1 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 218px;width: 218px;}

#slider2 { height: 1%; margin: 30px 0 0; overflow:hidden; position: relative;}
#slider2 .viewport { height: 350px; overflow: hidden; position: relative; }
#slider2 .buttons {
      transform: translateY(-50%);
width: 50px;
height: 50px;
line-height: 50px;
margin-top: -17px;
border: 1px solid #e9e9e9;
position: absolute;
top: 50%;
cursor: pointer;
z-index:9999;
opacity:0.6;
}
    #slider2 .prev {
        text-align:center;
        background: url(../../images/arrows1.png) white no-repeat 0 -54px;
        left:0px;
    }
#slider2 .next {
        text-align: center;
     background: url(../../images/arrows1.png) white no-repeat 0 -3px;
    right: 0;
    left: auto;
}
.fa-angle-right{font-size: 32px;
    margin-top: 8px;}
.fa-angle-left{font-size: 32px;
    margin-top: 8px;}
#slider2 .buttons:hover{
    opacity:1;
}
#slider2 .disable { visibility: hidden; }
#slider2 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 ;top: 0; }
#slider2 .overview li{ float: left; margin: 0 13px 0 0; padding: 1px; height: 285px;width: 223px;}

/* Tiny Carousel 3 */
#slider3 { position: relative; }
    #slider3 .viewport { height: 100px; overflow: hidden; position: relative; width: 100%; margin: 15px 0; }
    #slider3 .buttons { background: rgba(255,255,255,0.7); border-radius: 35px; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: -15px; width: 35px; height: 35px; color: #000; font-weight: bold; text-align: center; line-height: 35px; text-decoration: none; font-size: 22px; z-index: 999; transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; }
    #slider3 .next { right: -16px; left: auto; }
    #slider3 .buttons:hover { color: #C01313; background: #fff; transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; }
    #slider3 .disable { visibility: hidden; }
    #slider3 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 1300px; left: 0; top: 0; }
        #slider3 .overview li { float: left; margin: 0 20px 0 7px; padding: 0px; height: 100px; width: 165px; }

@media(max-width:767px) {

}

@media(min-width:768px) {
   
}

@media(min-width:992px) {
   .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 1050px; left: 0; top: 0; }
}

@media(min-width:1200px) {
}