.katResim{position:relative;overflow:hidden;height:336px;border-top: 3px solid #282828;border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;}
.katResim img{position:absolute;height:100%;left:50%;transform:translateX(-50%);padding: 5px;

}

/* Tiny Carousel */
#slider0 { height: 1%; overflow: hidden; position: relative; margin-bottom: 20px; }
    #slider0 .viewport { height: 360px; overflow: hidden; position: relative; border-top: 3px solid #282828; }
    .UrunTop > div{width:49.8%;display:inline-block;vertical-align:middle;}
    #slider0 .buttons { display: inline-block; border: 1px solid #dedede; width: 31px; height: 31px; cursor: pointer; z-index: 9; color: #666; text-align: center; font-size: 0; font-family: FontAwesome; line-height: 29px; border-radius: 50px; -webkit-transition: 0.5s; transition: 0.5s; }
        #slider0 .buttons .fa { display: block; font-size: 21px; line-height: 27px; }
    #slider0 .next { right: 0; left: auto; top: 50%; }
    #slider0 .buttons:hover { color: #de2626; background: #fff; transition: all .2s ease-in; border: 1px solid #de2626; }
    #slider0 .disable { visibility: hidden; }
    #slider0 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }
        #slider0 .overview > li { float: left; height: 310px; width: 234.9px; margin:  5px; }

/* Tiny Carousel */
#slider1 { height: 1%; overflow: hidden; position: relative; margin-bottom: 20px; }
    #slider1 .viewport { height: 360px; overflow: hidden; position: relative; border-top: 3px solid #282828; }
    .UrunTop > div{width:49.8%;display:inline-block;vertical-align:middle;}
    #slider1 .buttons { display: inline-block; border: 1px solid #dedede; width: 31px; height: 31px; cursor: pointer; z-index: 9; color: #666; text-align: center; font-size: 0; font-family: FontAwesome; line-height: 29px; border-radius: 50px; -webkit-transition: 0.5s; transition: 0.5s; }
        #slider1 .buttons .fa { display: block; font-size: 21px; line-height: 27px; }
    #slider1 .next { right: 0; left: auto; top: 50%; }
    #slider1 .buttons:hover { color: #de2626; background: #fff; transition: all .2s ease-in; border: 1px solid #de2626; }
    #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; height: 310px; width: 234.9px; margin:  5px; }

/* Tiny Carousel 2 */
#slider2 { height: 1%; overflow: hidden; position: relative; margin-bottom: 20px; }
    #slider2 .viewport { height: 360px; overflow: hidden; position: relative; border-top: 3px solid #282828; }
    .UrunTop > div{width:49.8%;display:inline-block;vertical-align:middle;}
    #slider2 .buttons { display: inline-block; border: 1px solid #dedede; width: 31px; height: 31px; cursor: pointer; z-index: 9; color: #666; text-align: center; font-size: 0; font-family: FontAwesome; line-height: 29px; border-radius: 50px; -webkit-transition: 0.5s; transition: 0.5s; }
        #slider2 .buttons .fa { display: block; font-size: 21px; line-height: 27px; }
    #slider2 .next { right: 0; left: auto; top: 50%; }
    #slider2 .buttons:hover { color: #de2626; background: #fff; transition: all .2s ease-in; border: 1px solid #de2626; }
    #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; height: 310px; width: 234.9px; margin:  5px; }

#slider3 { height: 1%; overflow: hidden; position: relative; margin-bottom: 20px; }
    #slider3 .viewport { height: 360px; overflow: hidden; position: relative; border-top: 3px solid #282828; }
    .UrunTop > div{width:49.8%;display:inline-block;vertical-align:middle;}
    #slider3 .buttons { display: inline-block; border: 1px solid #dedede; width: 31px; height: 31px; cursor: pointer; z-index: 9; color: #666; text-align: center; font-size: 0; font-family: FontAwesome; line-height: 29px; border-radius: 50px; -webkit-transition: 0.5s; transition: 0.5s; }
        #slider3 .buttons .fa { display: block; font-size: 21px; line-height: 27px; }
    #slider3 .next { right: 0; left: auto; top: 50%; }
    #slider3 .buttons:hover { color: #de2626; background: #fff; transition: all .2s ease-in; border: 1px solid #de2626; }
    #slider3 .disable { visibility: hidden; }
    #slider3 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }
        #slider3 .overview > li { float: left; height: 310px; width: 234.9px; margin:  5px; }

#slider4 { height: 1%; overflow: hidden; position: relative; margin-bottom: 20px; }
    #slider4 .viewport { height: 360px; overflow: hidden; position: relative; border-top: 3px solid #282828; }
    .UrunTop > div{width:49.8%;display:inline-block;vertical-align:middle;}
    #slider4 .buttons { display: inline-block; border: 1px solid #dedede; width: 31px; height: 31px; cursor: pointer; z-index: 9; color: #666; text-align: center; font-size: 0; font-family: FontAwesome; line-height: 29px; border-radius: 50px; -webkit-transition: 0.5s; transition: 0.5s; }
        #slider4 .buttons .fa { display: block; font-size: 21px; line-height: 27px; }
    #slider4 .next { right: 0; left: auto; top: 50%; }
    #slider4 .buttons:hover { color: #de2626; background: #fff; transition: all .2s ease-in; border: 1px solid #de2626; }
    #slider4 .disable { visibility: hidden; }
    #slider4 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }
        #slider4 .overview > li { float: left; height: 310px; width: 234.9px; margin:  5px; }

#slider5 { height: 1%; overflow: hidden; position: relative; margin-bottom: 20px; }
    #slider5 .viewport { height: 360px; overflow: hidden; position: relative; border-top: 3px solid #282828; }
    .UrunTop > div{width:49.8%;display:inline-block;vertical-align:middle;}
    #slider5 .buttons { display: inline-block; border: 1px solid #dedede; width: 31px; height: 31px; cursor: pointer; z-index: 9; color: #666; text-align: center; font-size: 0; font-family: FontAwesome; line-height: 29px; border-radius: 50px; -webkit-transition: 0.5s; transition: 0.5s; }
        #slider5 .buttons .fa { display: block; font-size: 21px; line-height: 27px; }
    #slider5 .next { right: 0; left: auto; top: 50%; }
    #slider5 .buttons:hover { color: #de2626; background: #fff; transition: all .2s ease-in; border: 1px solid #de2626; }
    #slider5 .disable { visibility: hidden; }
    #slider5 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }
        #slider5 .overview > li { float: left; height: 310px; width: 234.9px; margin:  5px; }

#slider6 { height: 1%; overflow: hidden; position: relative; margin-bottom: 20px; }
    #slider6 .viewport { height: 360px; overflow: hidden; position: relative; border-top: 3px solid #282828; }
    .UrunTop > div{width:49.8%;display:inline-block;vertical-align:middle;}
    #slider6 .buttons { display: inline-block; border: 1px solid #dedede; width: 31px; height: 31px; cursor: pointer; z-index: 9; color: #666; text-align: center; font-size: 0; font-family: FontAwesome; line-height: 29px; border-radius: 50px; -webkit-transition: 0.5s; transition: 0.5s; }
        #slider6 .buttons .fa { display: block; font-size: 21px; line-height: 27px; }
    #slider6 .next { right: 0; left: auto; top: 50%; }
    #slider6 .buttons:hover { color: #de2626; background: #fff; transition: all .2s ease-in; border: 1px solid #de2626; }
    #slider6 .disable { visibility: hidden; }
    #slider6 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }
        #slider6 .overview > li { float: left; height: 310px; width: 234.9px; margin:  5px; }

#slider7 { height: 1%; overflow: hidden; position: relative; margin-bottom: 20px; }
    #slider7 .viewport { height: 360px; overflow: hidden; position: relative; border-top: 3px solid #282828; }
    .UrunTop > div{width:49.8%;display:inline-block;vertical-align:middle;}
    #slider7 .buttons { display: inline-block; border: 1px solid #dedede; width: 31px; height: 31px; cursor: pointer; z-index: 9; color: #666; text-align: center; font-size: 0; font-family: FontAwesome; line-height: 29px; border-radius: 50px; -webkit-transition: 0.5s; transition: 0.5s; }
        #slider7 .buttons .fa { display: block; font-size: 21px; line-height: 27px; }
    #slider7 .next { right: 0; left: auto; top: 50%; }
    #slider7 .buttons:hover { color: #de2626; background: #fff; transition: all .2s ease-in; border: 1px solid #de2626; }
    #slider7 .disable { visibility: hidden; }
    #slider7 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }
        #slider7 .overview > li { float: left; height: 310px; width: 234.9px; margin:  5px; }

#slider8 { height: 1%; overflow: hidden; position: relative; margin-bottom: 20px; }
    #slider8 .viewport { height: 360px; overflow: hidden; position: relative; border-top: 3px solid #282828; }
    .UrunTop > div{width:49.8%;display:inline-block;vertical-align:middle;}
    #slider8 .buttons { display: inline-block; border: 1px solid #dedede; width: 31px; height: 31px; cursor: pointer; z-index: 9; color: #666; text-align: center; font-size: 0; font-family: FontAwesome; line-height: 29px; border-radius: 50px; -webkit-transition: 0.5s; transition: 0.5s; }
        #slider8 .buttons .fa { display: block; font-size: 21px; line-height: 27px; }
    #slider8 .next { right: 0; left: auto; top: 50%; }
    #slider8 .buttons:hover { color: #de2626; background: #fff; transition: all .2s ease-in; border: 1px solid #de2626; }
    #slider8 .disable { visibility: hidden; }
    #slider8 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }
        #slider8 .overview > li { float: left; height: 310px; width: 234.9px; margin:  5px; }

#slider9 { height: 1%; overflow: hidden; position: relative; margin-bottom: 20px; }
    #slider9 .viewport { height: 360px; overflow: hidden; position: relative; border-top: 3px solid #282828; }
    .UrunTop > div{width:49.8%;display:inline-block;vertical-align:middle;}
    #slider9 .buttons { display: inline-block; border: 1px solid #dedede; width: 31px; height: 31px; cursor: pointer; z-index: 9; color: #666; text-align: center; font-size: 0; font-family: FontAwesome; line-height: 29px; border-radius: 50px; -webkit-transition: 0.5s; transition: 0.5s; }
        #slider9 .buttons .fa { display: block; font-size: 21px; line-height: 27px; }
    #slider9 .next { right: 0; left: auto; top: 50%; }
    #slider9 .buttons:hover { color: #de2626; background: #fff; transition: all .2s ease-in; border: 1px solid #de2626; }
    #slider9 .disable { visibility: hidden; }
    #slider9 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }
        #slider9 .overview > li { float: left; height: 310px; width: 234.9px; margin:  5px; }

#slider10 { height: 1%; overflow: hidden; position: relative; margin-bottom: 20px; }
    #slider10 .viewport { height: 360px; overflow: hidden; position: relative; border-top: 3px solid #282828; }
    .UrunTop > div{width:49.8%;display:inline-block;vertical-align:middle;}
    #slider10 .buttons { display: inline-block; border: 1px solid #dedede; width: 31px; height: 31px; cursor: pointer; z-index: 9; color: #666; text-align: center; font-size: 0; font-family: FontAwesome; line-height: 29px; border-radius: 50px; -webkit-transition: 0.5s; transition: 0.5s; }
        #slider10 .buttons .fa { display: block; font-size: 21px; line-height: 27px; }
    #slider10 .next { right: 0; left: auto; top: 50%; }
    #slider10 .buttons:hover { color: #de2626; background: #fff; transition: all .2s ease-in; border: 1px solid #de2626; }
    #slider10 .disable { visibility: hidden; }
    #slider10 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }
        #slider10 .overview > li { float: left; height: 310px; width: 234.9px; margin:  5px; }

#slider11 { height: 1%; overflow: hidden; position: relative; margin-bottom: 20px; }
    #slider11 .viewport { height: 360px; overflow: hidden; position: relative; border-top: 3px solid #282828; }
    .UrunTop > div{width:49.8%;display:inline-block;vertical-align:middle;}
    #slider11 .buttons { display: inline-block; border: 1px solid #dedede; width: 31px; height: 31px; cursor: pointer; z-index: 9; color: #666; text-align: center; font-size: 0; font-family: FontAwesome; line-height: 29px; border-radius: 50px; -webkit-transition: 0.5s; transition: 0.5s; }
        #slider11 .buttons .fa { display: block; font-size: 21px; line-height: 27px; }
    #slider11 .next { right: 0; left: auto; top: 50%; }
    #slider11 .buttons:hover { color: #de2626; background: #fff; transition: all .2s ease-in; border: 1px solid #de2626; }
    #slider11 .disable { visibility: hidden; }
    #slider11 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }
        #slider11 .overview > li { float: left; height: 310px; width: 234.9px; margin:  5px; }

#slider12 { height: 1%; overflow: hidden; position: relative; margin-bottom: 20px; }
    #slider12 .viewport { height: 360px; overflow: hidden; position: relative; border-top: 3px solid #282828; }
    .UrunTop > div{width:49.8%;display:inline-block;vertical-align:middle;}
    #slider12 .buttons { display: inline-block; border: 1px solid #dedede; width: 31px; height: 31px; cursor: pointer; z-index: 9; color: #666; text-align: center; font-size: 0; font-family: FontAwesome; line-height: 29px; border-radius: 50px; -webkit-transition: 0.5s; transition: 0.5s; }
        #slider12 .buttons .fa { display: block; font-size: 21px; line-height: 27px; }
    #slider12 .next { right: 0; left: auto; top: 50%; }
    #slider12 .buttons:hover { color: #de2626; background: #fff; transition: all .2s ease-in; border: 1px solid #de2626; }
    #slider12 .disable { visibility: hidden; }
    #slider12 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }
        #slider12 .overview > li { float: left; height: 310px; width: 234.9px; margin:  5px; }

#slider13 { height: 1%; overflow: hidden; position: relative; margin-bottom: 20px; }
    #slider13 .viewport { height: 360px; overflow: hidden; position: relative; border-top: 3px solid #282828; }
    .UrunTop > div{width:49.8%;display:inline-block;vertical-align:middle;}
    #slider13 .buttons { display: inline-block; border: 1px solid #dedede; width: 31px; height: 31px; cursor: pointer; z-index: 9; color: #666; text-align: center; font-size: 0; font-family: FontAwesome; line-height: 29px; border-radius: 50px; -webkit-transition: 0.5s; transition: 0.5s; }
        #slider13 .buttons .fa { display: block; font-size: 21px; line-height: 27px; }
    #slider13 .next { right: 0; left: auto; top: 50%; }
    #slider13 .buttons:hover { color: #de2626; background: #fff; transition: all .2s ease-in; border: 1px solid #de2626; }
    #slider13 .disable { visibility: hidden; }
    #slider13 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }
        #slider13 .overview > li { float: left; height: 310px; width: 234.9px; margin:  5px; }
#slider19 { height: 1%; overflow: hidden; position: relative; margin-bottom: 20px; }
    #slider19 .viewport { height: 360px; overflow: hidden; position: relative; border-top: 3px solid #282828; }
    .UrunTop > div{width:49.8%;display:inline-block;vertical-align:middle;}
    #slider19 .buttons { display: inline-block; border: 1px solid #dedede; width: 31px; height: 31px; cursor: pointer; z-index: 9; color: #666; text-align: center; font-size: 0; font-family: FontAwesome; line-height: 29px; border-radius: 50px; -webkit-transition: 0.5s; transition: 0.5s; }
        #slider19 .buttons .fa { display: block; font-size: 21px; line-height: 27px; }
    #slider19 .next { right: 0; left: auto; top: 50%; }
    #slider19 .buttons:hover { color: #de2626; background: #fff; transition: all .2s ease-in; border: 1px solid #de2626; }
    #slider19 .disable { visibility: hidden; }
    #slider19 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }
        #slider19 .overview > li { float: left; height: 310px; width: 234.9px;margin:5px; }

#slider20 { height: 1%; overflow: hidden; position: relative; margin-bottom: 20px; }
    #slider20 .viewport { height: 360px; overflow: hidden; position: relative; border-top: 3px solid #282828; }
    .UrunTop > div{width:49.5%;display:inline-block;vertical-align:middle;}
    #slider20 .buttons { display: inline-block; border: 1px solid #dedede; width: 31px; height: 31px; cursor: pointer; z-index: 9; color: #666; text-align: center; font-size: 0; font-family: FontAwesome; line-height: 29px; border-radius: 50px; -webkit-transition: 0.5s; transition: 0.5s; }
        #slider20 .buttons .fa { display: block; font-size: 21px; line-height: 27px; }
    #slider20 .next { right: 0; left: auto; top: 50%; }
    #slider20 .buttons:hover { color: #de2626; background: #fff; transition: all .2s ease-in; border: 1px solid #de2626; }
    #slider20 .disable { visibility: hidden; }
    #slider20 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }
        #slider20 .overview > li { float: left; height: 310px; width: 234.9px; margin:  5px; }
            /*--------------------------------------------------*/
@media(max-width:767px) {
    .katResim {
        display: none;
    }
    #slider19 .viewport, #slider20 .viewport, #slider13 .viewport, #slider12 .viewport, #slider11 .viewport, #slider10 .viewport, #slider9 .viewport, #slider8 .viewport, #slider7 .viewport, #slider6 .viewport, #slider5 .viewport, #slider4 .viewport, #slider3 .viewport, #slider2 .viewport, #slider1 .viewport  {height: 370px;}
    #slider19 .overview > li, #slider20 .overview > li {width: 355px;height: 350px;}
    #slider13 .overview > li, #slider12 .overview > li, #slider11 .overview > li, #slider10 .overview > li, #slider9 .overview > li, #slider8 .overview > li, #slider7 .overview > li, #slider6 .overview > li, #slider5 .overview > li, #slider4 .overview > li, #slider3 .overview > li, #slider2 .overview > li, #slider1 .overview > li, #slider0 .overview > li{width: 355px;height: 350px;}
}

@media(min-width:768px) {
        #slider19 .overview > li, #slider20 .overview > li {width: 365px;}
    #slider13 .overview > li, #slider12 .overview > li, #slider11 .overview > li, #slider10 .overview > li, #slider9 .overview > li, #slider8 .overview > li, #slider7 .overview > li, #slider6 .overview > li, #slider5 .overview > li, #slider4 .overview > li, #slider3 .overview > li, #slider2 .overview > li, #slider1 .overview > li, #slider0 .overview > li{width: 355px;height: 350px;}
}

@media(min-width:992px) {
        #slider19 .overview > li, #slider20 .overview > li {width: 315px;}
    #slider13 .overview > li, #slider12 .overview > li, #slider11 .overview > li, #slider10 .overview > li, #slider9 .overview > li, #slider8 .overview > li, #slider7 .overview > li, #slider6 .overview > li, #slider5 .overview > li, #slider4 .overview > li, #slider3 .overview > li, #slider2 .overview > li, #slider1 .overview > li, #slider0 .overview > li{width: 355px;height: 350px;}
}

@media(min-width:1200px) {
        #slider19 .overview > li, #slider20 .overview > li {width: 380px;}
    #slider13 .overview > li, #slider12 .overview > li, #slider11 .overview > li, #slider10 .overview > li, #slider9 .overview > li, #slider8 .overview > li, #slider7 .overview > li, #slider6 .overview > li, #slider5 .overview > li, #slider4 .overview > li, #slider3 .overview > li, #slider2 .overview > li, #slider1 .overview > li, #slider0 .overview > li{width: 315px;height: 340px;}
}