/* Tiny Carousel */
#slider1 {
    position: relative;
    clear: left;
    height: 1%;
    padding: 0px 0px 10px;
}

#slider1 .viewport {
    height: 240px;
    overflow: hidden;
    position: relative;
    margin:0 auto;
}

#slider1 .buttons {

    line-height: 32px;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 27px;
    font-weight: bold;
    color: #000;
    margin-right: 5px;
    position: absolute;
   top: 41%;
    text-decoration: none;
    left: -40px;
    width: 35px;
    height: 35px;
    color: #FFF;
    z-index: 1234567890;
    font-size: 20px;
    border: 1px solid #000;

}

#slider1 a.prev::before {
    content: "\f104";
    font: normal normal normal 65px/0 FontAwesome ;
    width: 24px;
    height: 67px;
}

#slider1 a.next::before {
    content:"\f105";
    font: normal normal normal 65px/0 FontAwesome ;
}
#slider1 .next {
    right: -40px;
    left: auto;
    top: 41%;
}

#slider1 .buttons:hover {
    color: #FFF;
    text-decoration: none;
}

#slider1 .disable {
    visibility: hidden;
}

#slider1 .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 240px;
    left: 0px;
    top: 0;
}

#slider1 .overview li {
    float: left;
    margin: 0 0 0 0;
    padding: 1px;
    height: 350px;
    width: 287px;
    height: 350px;
 }
@media(max-width: 767px){
    #slider1 .viewport {

        width: 85%;
    }
    #slider1 .prev {
        left: 0 !important;
     }
     #slider1 .next { 
        right: 0 !important;
     }
}
@media(max-width: 480px){
    #slider1 .viewport {
        width: 290px;
    }
}