#gallery {margin: 40px 0 0 0;}
.grid-item,
.grid-sizer { width: 24%; border-radius: 3px; -moz-border-radius: 3px; margin: 0.5%; }
    .grid-item img { width: 100%; display:block; }
video { width: 100%; }
.grid-item {border: 1px solid #f2f2f2; box-sizing:border-box;}
    .grid-item .imageInfo { padding: 10px; background: #f2f2f2; }
    .grid-item .imageLink a { text-decoration: none; color: #fff; background: #00386A; display:inline-flex; justify-content: flex-start; align-items: center; gap: 5px; padding:5px 10px; border-radius:5px; margin: 5px 0 0 0;}

    @media only screen and (max-width: 768px) { ul #gallery-folder li p { font-size: 10px; }
    ul#gallery li a:hover img { background: url(/gfx/webbedit/zoom-small.png) center center no-repeat; }
    ul#gallery-folder li,
    ul#gallery li { width: 33.3%; }
    .grid-item,
    .grid-sizer { width: 49%; }
        .grid-item .imageDesc { font-size:12px; }
        .grid-item .imageLink a { padding: 2.5px 5px; font-size:12px;}

}

@media only screen and (max-width: 600px) {
    ul#gallery-folder li,
    ul#gallery li { width: 50%; }
}