.roller {
/*    padding-top: 40px;
    padding-bottom: 40px;*/
    width: 100%;
}

.items-roller-slider{
    height: 70vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 60px;
}

.list-roller-slider.filter_grayscale{
    -webkit-filter: grayscale(100%);
}

@media only screen and (max-width: 1200px){
    
    .items-roller-slider{
        height: 60vh;
    }
    
}

@media only screen and (max-width: 1000px){
    
    .items-roller-slider {
        height: 30vh;
    }
    
}

@media only screen and (max-width: 768px){
    .items-roller-slider{
        height: 300px;
        margin-bottom: 10px;
    }
}