.grid-layout {
    display: grid;
    grid-template-columns: repeat(auto-fill, calc((100% - 80px) / 3));
    justify-content: space-between;
}
#rooms .slider-rooms {
    padding-right: 0;
}
#rooms .slider-rooms .room.slide img {
    opacity: 1;
    width: 100%;
}
#rooms .slider-rooms .room.slide {
    margin-right: 0;
}
#rooms .slider-rooms .slide {
    margin-bottom: 40px;
    height: auto;
}
.double-row .maximum > .left .main-style.accommodation-archive {
    width: 79%;
}
@media screen and (max-width:1200px) {
    .grid-layout {
        grid-template-columns: repeat(auto-fill, calc((100% - 40px) / 2));
    }
}
@media screen and (max-width:1024px) {
    .grid-layout {
        grid-template-columns: repeat(auto-fill, calc((100% - 30px) / 2));
    }
    #rooms .slider-rooms .slide {
        margin-bottom: 30px;
    }
    .double-row .maximum > .left .main-style.accommodation-archive {
        width: 100%;
    }
}
@media screen and (max-width:680px) {
    .grid-layout {
        grid-template-columns: repeat(auto-fill, calc((100% - 20px) / 2));
    }
    #rooms .slider-rooms .slide {
        margin-bottom: 20px;
    }
}
@media screen and (max-width:520px) {
    .grid-layout {
        grid-template-columns: auto;
    }
}