.ce-gallery {
    --ce-gallery-gutter:
    var(--bs-gutter-x);
    --ce-gallery-column-width: 100%;
    margin-bottom: var(--ce-gallery-margin-vertical, 1rem);
}

.ce-gallery[data-ce-columns="2"] {
}

.ce-gallery[data-ce-columns="3"] {
}

.ce-gallery[data-ce-columns="4"] {
}

.ce-gallery :is(.ce-media,
    .ce-media-caption,
    a,
    img) {
    display: block;
    height: auto;
    max-width: 100%;
}

.ce-gallery .ce-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: var(--ce-gallery-gutter);
    margin-bottom: var(--ce-gallery-gutter);
}

.ce-gallery[data-ce-columns="2"] .ce-row ,
.ce-gallery[data-ce-columns="4"] .ce-row ,
.ce-gallery[data-ce-columns="6"] .ce-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ce-gallery[data-ce-columns="3"] .ce-row ,
.ce-gallery[data-ce-columns="5"] .ce-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ce-gallery .ce-row:last-child {
    margin-bottom: 0;
}

.ce-center .ce-gallery .ce-row {
    justify-content: center;
}

.ce-gallery .ce-column {
    /* width: 100%; */
    /* max-width: var(--ce-gallery-column-width); */
}

.ce-width-set .ce-gallery .ce-column {
    width: auto;
    display: inline-block;
    vertical-align: top;
}

.ce-height-set .ce-gallery .ce-column {
    width: auto;
    max-width: 100%;
}

.ce-gallery.ce-height-set {
    --ce-gallery-column-width: unset;
}

.ce-gallery.ce-height-set .ce-column {
    width: auto;
}

.ce-element {
    --ce-gallery-margin-vertical: 1.875rem;
    --ce-gallery-gutter: 1.875rem;
    --ce-gallery-width: 100%;
    --ce-gallery-icon-size: 1rem;
    --ce-gallery-column-width: 100%
}

@media (min-width: 30rem) {
    
}

@media (min-width: 48rem) {

    .ce-gallery[data-ce-columns="4"] .ce-row ,
    .ce-gallery[data-ce-columns="6"] .ce-row {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    
    .ce-gallery[data-ce-columns="5"] .ce-row {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    
}

@media (min-width: 62rem) {
    
    .ce-gallery[data-ce-columns="6"] .ce-row {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    
}