/* Slick Slider Css Ruls */.slick-slider { position: relative; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 }.slick-list:focus { outline: none }.slick-list.dragging { cursor: hand }.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }.slick-track { position: relative; top: 0; left: 0; display: block }.slick-track:before, .slick-track:after { display: table; content: '' }.slick-track:after { clear: both }.slick-loading .slick-track { visibility: hidden }.slick-slide { display: none; float: left; height: 50%; min-height: 1px }.slick-slide.dragging img { pointer-events: none }.slick-initialized .slick-slide { display: block }.slick-loading .slick-slide { visibility: hidden }.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent }.img-fill { display: block; overflow: hidden; position: relative; text-align: center }.img-fill img { height: 150px; position: relative; display: inline-block; max-width: none; border-radius: 10px; } /* Slider Theme Style */.Container { padding: 0 15px; }.Container:after, .Container .Head:after { content: ''; display: block; clear: both; }.Container .Head { color: #B77334; height: 52px; over-flow: hidden; border-bottom:1px solid #dddddd; margin-bottom: 5%; }.title{ font-family: Robot-Serif; margin: 0; position: relative; display: inline-block; vertical-align: top; line-height: 1; border-bottom:4px solid #B77334; height: 52px; font-size: 40px; }.Container .Head .Arrows { float: right; }.Container .Head .Slick-Next, .Container .Head .Slick-Prev { display: inline-block; width: 38px; height: 38px; margin-top: 6px; background: #2b2b2b; color: #FFF; margin-left: 5px; cursor: pointer; font: 18px/36px FontAwesome; text-align: center; transition: all 0.5s; }.Container .Head .Slick-Next:hover, .Container .Head .Slick-Prev:hover { background: #33687a; }.Container .Head .Slick-Next:before { content: '\f105' }.Container .Head .Slick-Prev:before { content: '\f104' }.SlickCarousel { /*margin: 0 */ /*margin-top: 10px;*/ }.ProductBlock { padding: 0 7.5px; }.ProductBlock .img-fill { height: 150px; }.ProductBlock h3 { font: 15px/36px RalewayR; color: #393939; margin-top: 5px; text-align: center; }*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04); }$(document).ready(function(){ $(".SlickCarousel").slick({ rtl:false, // If RTL Make it true & .slick-slide{float:right;} autoplay:true, autoplaySpeed:5000, // Slide Delay speed:800, // Transition Speed slidesToShow:4, // Number Of Carousel slidesToScroll:1, // Slide To Move pauseOnHover:false, appendArrows:$(".Container .Head .Arrows"), // Class For Arrows Buttons prevArrow:'', nextArrow:'', easing:"linear", responsive:[ {breakpoint:801,settings:{ slidesToShow:3, }}, {breakpoint:641,settings:{ slidesToShow:3, }}, {breakpoint:481,settings:{ slidesToShow:2, }}, ], }) })