.ccm-page .ccm-webhapp-image-gallery .grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ccm-page .ccm-webhapp-image-gallery .grid--spacing-small {
    margin: -5px;
}

.ccm-page .ccm-webhapp-image-gallery .grid--spacing-small .grid-item {
    padding: 5px;
}

.ccm-page .ccm-webhapp-image-gallery .grid--spacing-medium {
    margin: -15px;
}

.ccm-page .ccm-webhapp-image-gallery .grid--spacing-medium .grid-item {
    padding: 15px;
}

.ccm-page .ccm-webhapp-image-gallery .grid--spacing-large {
    margin: -30px;
}

.ccm-page .ccm-webhapp-image-gallery .grid--spacing-large .grid-item {
    padding: 30px;
}

.ccm-page .ccm-webhapp-image-gallery .grid-item img {
    width: 100%;
}

.ccm-page .ccm-webhapp-image-gallery .grid-item--columns-1 {
    max-width: 100%;
    flex: 0 0 100%;
}

.ccm-page .ccm-webhapp-image-gallery .grid-item--columns-2 {
    max-width: 50%;
    flex: 0 0 50%;
}

.ccm-page .ccm-webhapp-image-gallery .grid-item--columns-3 {
    max-width: 33.33333333%;
    flex: 0 0 33.33333333%;
}

.ccm-page .ccm-webhapp-image-gallery .grid-item--columns-4 {
    max-width: 25%;
    flex: 0 0 25%;
}

.ccm-page .ccm-webhapp-image-gallery .grid-item--columns-5 {
    max-width: 20%;
    flex: 0 0 20%;
}

.ccm-page .ccm-webhapp-image-gallery .grid-item--columns-6 {
    max-width: 16.66666666%;
    flex: 0 0 16.66666666%;
}

@media only screen and (max-width: 992px) {
    .ccm-page .ccm-webhapp-image-gallery .grid-item--columns-1 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .ccm-page .ccm-webhapp-image-gallery .grid-item--columns-2,
    .ccm-page .ccm-webhapp-image-gallery .grid-item--columns-4 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .ccm-page .ccm-webhapp-image-gallery .grid-item--columns-3,
    .ccm-page .ccm-webhapp-image-gallery .grid-item--columns-5,
    .ccm-page .ccm-webhapp-image-gallery .grid-item--columns-6 {
        max-width: 33.33333333%;
        flex: 0 0 33.33333333%;
    }
}

@media only screen and (max-width: 767px) {
    .ccm-page .ccm-webhapp-image-gallery .grid-item--columns-1 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .ccm-page .ccm-webhapp-image-gallery .grid-item--columns-2,
    .ccm-page .ccm-webhapp-image-gallery .grid-item--columns-3,
    .ccm-page .ccm-webhapp-image-gallery .grid-item--columns-4,
    .ccm-page .ccm-webhapp-image-gallery .grid-item--columns-5,
    .ccm-page .ccm-webhapp-image-gallery .grid-item--columns-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }
}

@media only screen and (max-width: 180px) {
    .ccm-page .ccm-webhapp-image-gallery .grid-item--columns-1,
    .ccm-page .ccm-webhapp-image-gallery .grid-item--columns-2,
    .ccm-page .ccm-webhapp-image-gallery .grid-item--columns-3,
    .ccm-page .ccm-webhapp-image-gallery .grid-item--columns-4,
    .ccm-page .ccm-webhapp-image-gallery .grid-item--columns-5,
    .ccm-page .ccm-webhapp-image-gallery .grid-item--columns-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
}