.slider.clearfix {
   margin-top: 100px;
}

.slider.clearfix .col-md-12.gorsel-alani {
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
}
/*! Ürünler İçin Genel şekillendirici Başlangıç */
.urunslider.clearfix {
   margin-top: 0px;
   margin-bottom: 10px;
   margin-left: 0px;
   margin-right: 0px;
   padding: 0px;
}
.urunslider.clearfix .col-md-12.urunsliderkapsul {
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 0px;

}
#urunslidealani {
   border-width: 0px;
   border-style: none;
}
/*! Ürünler İçin Genel şekillendirici Bitiş */
/*! Carousel İçin Genel şekillendirici Başlangıç */
#gorsel-alani {
   border-bottom: 1px solid #333333;
   background: #333333;
}

.carousel-inner {
   background: #333333;
   max-width: 2000px;
   height: auto;
   margin-left: auto;
   margin-right: auto;
   display: block;
   float: none;
   clear: none;
}
.carousel .item {
   -webkit-transition: opacity 0.6s;
   -moz-transition: opacity 0.6s;
   -ms-transition: opacity 0.6s;
   -o-transition: opacity 0.6s;
   transition: opacity 0.6s;
}
.carousel .active.left, .carousel .active.right {
   left: 0;
   opacity: 0;
   z-index: 2;
}
.carousel .next, .carousel .prev {
   left: 0;
   opacity: 1;
   z-index: 1;
}
.carousel-control.left {
   background-image: none;
   background-repeat: none;
}
.carousel-control.right {
   background-image: none;
   background-repeat: none;
}
.carousel-indicators {
   bottom: 0px;
   list-style: none outside none;
   padding-left: 4px;
   position: absolute;
   text-align: center;
   width: auto;
   z-index: 1;
   padding-top: 2px;
   margin-left: 20%;
   left: 0px;
   margin-bottom: 0px;
   background-color: #FFFFFF;
   padding-right: 4px;
   padding-bottom: 2px;
   font-size: 14px;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
}
.carousel-indicators li {
   /* [disabled]border-radius: 2px 2px 2px 2px;
*/
   cursor: pointer;
   display: inline-block;
   height: 10px;
   margin: 1px;
   text-indent: -999px;
   width: 40px;
   background-color: #333333;
   border: 0px;
}
.carousel-indicators .active {
   background-color: #FF3300;
   height: 10px;
   margin: 1px;
   width: 40px;
}
/*! Carousel İçin Genel şekillendirici Sonu */
@media only screen and (max-width: 1000px) {
   .slider.clearfix {
    margin-top: 30px;
}
}
@media only screen and (max-width: 500px) {
   .slider.clearfix {
    margin-top: 30px;
    display:none;
}
}