.warm-canvas {
    background: rgba(0, 0, 0, 0) linear-gradient(0deg, #000, #fff) repeat scroll 0 0;
}
.slider-area {
    padding-top: 0;
    height: 100vh;
}
.slider-area > .container {
    z-index: 1;
}
.service-single {
    box-shadow: 0 0 5px 5px rgba(255,255,255,0.2);
}
.service-single:hover {
    filter: drop-shadow(10px 10px 5px rgba(255,255,255,0.2));
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-area{
        height: 646px;
        padding-top: 0;
    }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .slider-area {
        height: auto;
        padding: 114px 0 149px;
    }
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
    .slider-area {
        height: auto;
        padding: 114px 0 149px;
    }
}