.codres-navigation .tiles {
    display: grid;
    padding: 0;
    grid-template: 1fr 1fr / 1fr 1fr;
    gap: 10px;
    margin: 25px 0 16px 0;

    &>.tile {
        display: flex;
        place-items: center;
        /* width: 580px;
        height: 182px; */
        margin: 0;
        background-size: cover;
        aspect-ratio: 581 / 182;
        width: auto;
        height: auto;
        max-width: 581px;
        max-height: 182px;

        &.tile-anemostaty {
            background-image: url('../images/baner-tile-filtry-do-anemostatow.jpg');
        }
        &.tile-anemostaty-en {
            background-image: url('../images/baner-tile-filtry-do-anemostatow_en.jpg');
        }

        &.tile-wentylacja {
            background-image: url('../images/baner-tile-filtry-do-wentylacji.jpg');
        }
        &.tile-wentylacja-en {
            background-image: url('../images/baner-tile-filtry-do-wentylacji_en.jpg');
        }

        &.tile-wklady {
            background-image: url('../images/baner-tile-wklady-do-filtrow.jpg');
        }
        &.tile-wklady-en {
            background-image: url('../images/baner-tile-wklady-do-filtrow_en.jpg');
        }

        &.tile-wlokniny {
            background-image: url('../images/baner-tile-wlokniny.jpg');
        }
        &.tile-wlokniny-en {
            background-image: url('../images/baner-tile-wlokniny_en.jpg');
        }

        a {
            display: block;
            width: 100%;
            height: 100%;
            flex: 1 0 100%;
        }
    }
}

@media screen and (min-width: 1200px) {
    .codres-navigation .tiles {
        display: none;
    }
}

@media screen and (max-width: 1199px) {
    .codres-navigation .tiles {
        grid: repeat(2, minmax(84px, auto)) / repeat(2, minmax(49%, auto));
    }
}

@media screen and (max-width: 768px) {
    .codres-navigation .tiles {
        grid: repeat(4, minmax(55px, auto)) / repeat(1, 100%);
    }
}