.slider {
    height: 800px;
}

@media screen and (max-width: 1400px) {
    .slider  {
        height: 700px;
    }
}

@media screen and (max-width: 992px) {
    .slider  {
        height: 600px;
    }
}

@media screen and (max-width: 768px) {
    .slider  {
        height: 400px;
    }
}

@media screen and (max-width: 576px) {
    .slider  {
        height: 350px;
    }
}