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

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

/* Tiny Carousel Benzer */
#sliderBenzer { height: 1%; overflow: hidden; position: relative; margin-bottom: 20px; }
 #sliderBenzer .viewport { height: 360px; overflow: hidden; position: relative;width:100%;display: inline-block; vertical-align: top; }
    #sliderBenzer .buttons { background: #000; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: auto; width: 25px; right: 38px; height: 25px; color: #fff; font-weight: bold; text-align: center; line-height: 25px; text-decoration: none; font-size: 22px; transition: all .2s ease-in; z-index: 1; }
    #sliderBenzer .next { right: 0px; left: auto; top: 50%; }
    #sliderBenzer .buttons:hover { color: #000; background: #fff; transition: all .2s ease-in; }
    #sliderBenzer .disable { visibility: hidden; }
    #sliderBenzer .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }
        #sliderBenzer .overview li { float: left; padding: 1px; height: 360px; width: 294px; }

@media(max-width:767px) {
    #slider1 .viewport, #slider2 .viewport {width:100%;}
}