/* Tiny Carousel */
#slider1 { height: 1%; margin: 15px 0 0; overflow:hidden; position: relative; padding: 20px 35px 10px; background:#FFFFFF;  -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    0px 0px 4px 0px rgba(50, 50, 50, 0.55);
box-shadow:         0px 0px 4px 0px rgba(50, 50, 50, 0.55);}
#slider1 .viewport { height: 137px; overflow: hidden; position: relative; }
#slider1 .buttons {
    border-radius: 35px;
    display: block;
    position: absolute;
    top: 45%;
    left: 0;
    width: 35px;
    height: 35px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 35px;
    text-decoration: none;
    font-size: 22px;
}
#slider1 .next {
    right: 0;
    left: auto;
    top: 45%;
}
#slider1 .buttons:hover{
    color: #C01313;
}
#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 190px; left: 0 top: 0; }
#slider1 .overview li{ float: left; margin: 0 5px 0 0; padding: 1px; height: 135px; width: 190px;}


@media only screen and (min-width: 320px) and (max-width: 768px) {
#slider1 { height: 1%; margin: 30px 0 0; overflow:hidden; position: relative;  padding: 20px 35px 10px;   }

#slider1 .overview li{ float: left; margin: 0 5px 0 0; padding: 1px; height: 139px; width: 210px;}
#slider1 .overview li img{ width:100%;}

#slider1 { height: 1%; margin: 0 0 0; overflow:hidden; position: relative;  padding: 20px 35px 10px;   }
#slider1 .viewport { height: 135px; overflow: hidden; position: relative; }

}

@media only screen and (min-width: 360px) and (max-width: 640px) {
#slider1 .viewport { height: 160px; overflow: hidden; position: relative; }
#slider1 .overview li{ float: left; margin: 0 5px 0 0; padding: 1px; height: 149px; width: 248px;}
#slider1 .overview li img{ width:100%;}
}
@media only screen and (min-width: 767px) and (max-width: 900px) {
#slider1 { height: 1%; margin: 30px 0 0; overflow:hidden; position: relative;  padding: 20px 35px 10px;   }
#slider1 .viewport { height: 160px; overflow: hidden; position: relative; }
#slider1 .overview li{ float: left; margin: 0 5px 0 0; padding: 1px; height: 149px; width: 201px;}
#slider1 .overview li img{ width:100%;}
}

@media only screen and (min-width: 800px) and (max-width: 900px) {
#slider1 .viewport { height: 160px; overflow: hidden; position: relative; }
#slider1 .overview li{ float: left; margin: 0 5px 0 0; padding: 1px; height: 149px; width: 211px;}
#slider1 .overview li img{ width:100%;}
}