.tul-components-tiles-layout > .tul-components-tiles-layout-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
    gap: 0;
}
.tul-components-tiles-layout > .tul-components-tiles-layout-inner > * {
    --margin-lr: 16px;
    --margin-left-and-right: calc( var(--margin-lr) * 2 );
    width: calc( 25% - var(--margin-left-and-right));
    margin: var(--margin-lr);
}
.tul-components-tiles-layout[data-tiles-layout-items-count="1"] > .tul-components-tiles-layout-inner > * {
    width: calc( 100% - var(--margin-left-and-right));
}
.tul-components-tiles-layout[data-tiles-layout-items-count="2"] > .tul-components-tiles-layout-inner > * {
    width: calc( 50% - var(--margin-left-and-right));
}
.tul-components-tiles-layout[data-tiles-layout-items-count="3"] > .tul-components-tiles-layout-inner > * {
    width: calc( 33% - var(--margin-left-and-right));
}
@media(max-width: 1440px) {
    .tul-components-tiles-layout > .tul-components-tiles-layout-inner > * {
        width: calc( 33% - var(--margin-left-and-right));
    }
    .tul-components-tiles-layout[data-tiles-layout-items-count="2"] > .tul-components-tiles-layout-inner > * {
        width: calc( 50% - var(--margin-left-and-right));
    }
    .tul-components-tiles-layout[data-tiles-layout-items-count="1"] > .tul-components-tiles-layout-inner > * {
        width: calc( 100% - var(--margin-left-and-right));
    }
}
@media(max-width: 1000px) {
    .tul-components-tiles-layout > .tul-components-tiles-layout-inner > * {
        width: calc( 50% - var(--margin-left-and-right));
    }
    .tul-components-tiles-layout[data-tiles-layout-items-count="1"] > .tul-components-tiles-layout-inner > * {
        width: calc( 100% - var(--margin-left-and-right));
    }
}


@media(max-width: 500px) {
    .tul-components-tiles-layout > .tul-components-tiles-layout-inner > * {
        width: calc( 100% - var(--margin-left-and-right));
    }
}