/*------- custom css start -------*/
.section-padding1 {
    padding-bottom: 80px;
  }
  @media only screen and (max-width: 767.98px) {
    .section-padding1 {
      padding-bottom: 63px;
    }
  }

  .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
 }





 .material-info {
            line-height: 1.5;
            padding-bottom: 20px;
       }



       .btn-pdf {
            color: #fff;
            font-size: 15px;
            border-radius: 0;
            background-color: #c29958;
            padding: 12px 25px;
            margin-bottom: 25px;
        }
        .btn-pdf:hover {
            color: #fff;
            background-color: #222222;
        }
        .c-black {
            background-color: #000;
        }
        /* .btn-cont {
            color: #fff;
            font-size: 15px;
            border-radius: 0;
            background-color: #c29958;
            padding: 12px 25px;
            margin-bottom: 5px;
        }
        .btn-cont:hover {
            color: #fff;
            background-color: #222222;
        }


        .btn-doc {
            color: #fff;
            font-size: 15px;
            border-radius: 0;
            background-color: #cf181d;
            padding: 12px 25px;
            margin-bottom: 5px;
        } */
        
        .color-categories li a {
            height: 24px !important;
            width: 24px !important;
            display: block;
            
        }





.btn-sqr {
    color: #fff;
    font-size: 12px !important;
    border-radius: 0;
    background-color: #12a19a;
    padding: 12px 25px;
}

.header-configure-area ul li a {
    font-size: 20px;
    line-height: 1;
    color: #494948;
    position: relative;
}
@media only screen and (max-width: 991px) {
.bg-img {background-position:contain;}
.hero-slider-item{height:220px;align-items:end;}
.slick-dot-style ul.slick-dots{bottom:0px;}
.specialContainer{position:relative;bottom:30px;}
.btn-hero{padding:10px 20px;font-size:12px;}
.slick-dot-style ul.slick-dots li button{width:9px;height:9px;}

}



@media only screen and (max-width: 991px) {
#scrollController{ overflow-x: scroll;}
}




/*Ürün Detay Toolkit Css Property*/

        .wrapper-controller{margin-bottom: 30px;}
        .img-item{position:relative}
        .img-item .absolute-item{background-color:#555555; position: absolute;bottom: -25px;z-index: 3;color: #fff;font-size: 11px;left: 50%;transform: translateX(-50%);padding: 3px 6px;opacity: 0; transition: .2s ease-in-out;white-space: nowrap;}
        .wrapper-controller .img-item:hover .absolute-item{opacity: 1;} 
        @media only screen and (max-width:991px) {
            .wrapper-controller{margin-bottom: 15px;}
        }