.gallery-wrapper {margin-bottom:30px;}
.gallery-wrapper .gallery-title { color: #333535; width: 100%; text-align: center; padding: 0px 0 10px 0; }
.gallery-wrapper .gallery-title H4 {border-bottom: 0px solid #170F09;text-align: center;display: inline-block;background: transparent;text-transform: none;margin-bottom: 0px;font-size: 2.1em;font-weight: 400;padding: 10px 13px 11px 13px;}
.gallery-wrapper .gallery-images { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; }
.gallery-wrapper .gallery-images > a { width: 23.404255319148934%; margin-left: 2.127659574468085%; margin-bottom:40px; }
.gallery-wrapper .gallery-images[data-columns="3"] > a:nth-child(3n+1) {margin-left:0;}
.gallery-wrapper .gallery-images[data-columns="4"] > a:nth-child(4n+1) { margin-left: 0; }
.gallery-wrapper .gallery-images[data-columns="6"] > a:nth-child(6n+1) { margin-left: 0; }
.gallery-wrapper .gallery-images > a > span.gallery-image { display: block; position: relative; height: 0; overflow: hidden; padding-bottom: 100% !important; }
.gallery-wrapper .gallery-images > a > span.gallery-image:after { content: ''; opacity: 0; background-image: url("../../img/search_icon_large.png"); background-position: center center; background-repeat: no-repeat; z-index: 10; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.3); transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; }
.gallery-wrapper .gallery-images > a > span.gallery-image > img { position: absolute; top: 50%; left: 50%; height: 100%; max-width: inherit; max-height: inherit; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); opacity: 0.25; transition: 1s opacity ease-out; -webkit-transition: 1s opacity ease-out; -moz-transition: 1s opacity ease-out; -ms-transition: 1s opacity ease-out; }
.gallery-wrapper .gallery-images > a > span.gallery-image > img.lazyloaded { opacity: 1; }
.gallery-wrapper .gallery-images > a > span.gallery-image[data-orientation="portrait"] > img { height: auto; width: 100%; }
.gallery-wrapper .gallery-images > a > span.gallery-image-desc { padding-top: 10px; display: block; font-size: 0.9em; color: #170F09; }
html:not(.touch) .gallery-wrapper .gallery-images > a:hover span.gallery-image:after { opacity: 1; transition: 0.3s linear; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; }

@supports (display: grid) {
    .gallery-wrapper .gallery-images { display: grid; grid-column-gap: 20px; grid-row-gap: 40px; }
    .gallery-wrapper .gallery-images > a { width: 100%; margin-left: 0; margin-bottom: 0px; }

    @media (max-width:1200px) {
        .gallery-wrapper .gallery-images { grid-template-columns: repeat(3, 1fr) !important; }
    }

    @media (max-width:1023px) {
        .gallery-wrapper .gallery-images { grid-template-columns: repeat(2, 1fr) !important; }
    }
}

@media (max-width:600px) {
    .gallery-wrapper .gallery-images { display: block; }
    .gallery-wrapper .gallery-images > a { width: 100%; margin-left: 0%; display: block; margin-bottom: 40px; }
}