/* Tiny Carousel */
#slider1 { height: 1%; overflow: hidden; position: relative; margin-bottom: 20px; }
#slider1 .viewport { height: 400px; overflow: hidden; position: relative;display: inline-block; vertical-align: top;width:100%; }
    #slider1 .buttons { background: #ffffff; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: auto; width: 25px; right: 38px; height: 25px; color: #000; font-weight: bold; text-align: center; line-height: 25px; text-decoration: none; font-size: 22px; transition: all .2s ease-in; z-index: 1; }
    #slider1 .next { right: 10px; left: auto; top: 50%; }
    #slider1 .buttons:hover { color: #fff; background: #000; transition: all .2s ease-in; }
    #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; padding: 1px; height: 500px; width: 295px; }

/* Tiny Carousel 2 */
#slider2 { height: 1%; overflow: hidden; position: relative;margin: 30px 0; }
 #slider2 .viewport { height: 160px; overflow: hidden; position: relative;width:95%;margin:0 auto;}
    #slider2 .buttons { background: #ffffff; display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 24px; left:1%; height: 24px; color: #000; font-weight: bold; text-align: center; line-height: 22px; text-decoration: none; font-size: 20px; transition: all .2s ease-in; z-index: 1;border: 1px solid;border-radius: 5px; }
    #slider2 .next { right: 1%; top: 50%;left: auto; }
    #slider2 .buttons:hover { color: #fff; background: #000; transition: all .2s ease-in; }
    #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: 10px; height: 150px; width: 206px;border:1px solid #d1d1d1; }
           #slider2 .overview li img{max-height:145px;min-height:145px;margin: 0 auto;}

@media(max-width:767px) {
    #slider1 .overview li {margin-left:35px;}#slider2 .overview li {margin-left:65px;}
}

@media(min-width:768px) {
    #slider1 .overview li {margin:35px;}#slider2 .overview li {margin-left:50px;}
}

@media(min-width:992px) {
        #slider1 .overview li {margin:15px;}#slider2 .overview li {margin-left:20px;}
}

@media(min-width:1200px) {
        #slider1 .overview li {margin:0px;}#slider2 .overview li {margin-left:0px;}
}