.slickPrev, .slickNext {
    width:40px;
    height:40px;
    position:absolute;
    z-index:99;
    cursor:pointer;
    background:rgba(0,0,0,0.25) url(../images/arrow-left.png) 50% 50% no-repeat;
}
.slickPrev {
    background-image:url(../images/arrow-left.png) ;
    left:15px;
}

.slickNext {
    background-image:url(../images/arrow-right.png);
    right:15px;
}

.slick-slide {
    padding-top:100px;
    position: relative;
    height: 360px!important;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;   
    z-index:0;
}

.slick-slide h2 {
    margin-bottom:10px;   
}
    
@media only screen and (min-width: 768px) {
    .slick-slide {
        height: 400px!important;
    }
    
    .slick-slide h2 {
        -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
        -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
        transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;  
         transition-delay: 0.4s;
    }
    
    .slick-slide .button {
        -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;
        -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s;
        transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;   
         transition-delay: 0.5s;
    }
    
    .slick-slide h2, .slick-slide a {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);          
    }
    .slick-slide.slick-current h2, .slick-current.slick-slide a {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);  
    }
}
@media (max-width:991px){
       .slickPrev, .slickNext {
            bottom:15px;
       }
}

@media only screen and (min-width: 992px) {
    .slickPrev, .slickNext {
        top:50%;
        margin-top:-20px;
        }
}
@media only screen and (min-width: 1170px) {
  .slick-slide{
    height: 500px!important;
  }
}