.opg {
    display: table;
    margin: auto;
    padding: .5em;
    visibility:hidden;
}

.opg .inner_gallery {
    max-width: 100%;
}

@-ms-viewport {
    width: device-width;
}

/* Image */

.opg .image {
    border-radius: 4px;
    border: 0;
    display: inline-block;
    position: relative;
}

.opg .image img {
    border-radius: 4px;
    display: block;
}

.opg .image.left, .image.right {
    max-width: 40%;
}

.opg .image.left img, .image.right img {
    width: 100%;
}

.opg .image.left {
    float: left;
    margin: 0 1.5em 1em 0;
    top: 0.25em;
}

.opg .image.right {
    float: right;
    margin: 0 0 1em 1.5em;
    top: 0.25em;
}

.opg .image.fit {
    display: block;
    margin: 0 0 2em 0;
    width: 100%;
}

.opg .image.fit img {
    width: 100%;
}

.opg .image.main {
    display: block;
    margin: 0 0 3em 0;
    width: 100%;
}

.opg .image.main img {
    width: 100%;
}

/* Columns */

.opg .columns {
    position: relative;
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
}

.opg .columns .image {
    position: relative;
    display: inline-block;
    margin: 0 0 .5em;
    width: 100%;
    overflow: hidden;
}

.opg .columns .image img {
    -moz-transition: -moz-transform 0.2s ease-in-out;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -ms-transition: -ms-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3D(0, 0, 0);
}

.opg .columns .image:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

@media screen and (max-width: 480px) {
    .opg  {
        min-width: 320px;
    }

}