.higallery-masonry.column-3 .higallery-masonry-item{ width: 33%; display: none; } @media(max-width: 600px) { .higallery-masonry.column-3 .higallery-masonry-item{ width: 100%; } } /*Controller page*/ #galleries .galleries-block{ padding: 5px; } #galleries .galleries-block > a { border: 1px solid #ccc; display: block; position: relative; overflow: hidden; } #galleries .galleries-block img{ max-width: 100%; } #galleries .galleries-block h4{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 11px 20px; margin: 0; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.8); filter: alpha(opacity=90); font-family: "Noto Sans", sans-serif; transform: translateY(0%); -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -ms-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; } /*End*/ .gallerys-container{ clear: both; } .gallery-main{ margin-bottom: 30px; } .gallery-main .image-content{ padding: 5px; border-radius: 3px; } .gallery-main .image-content > a{ display: block; text-decoration: none; outline: none; position: relative; overflow: hidden; } .gallery-main .image-content img{ max-width: 100%; } .gallery-main .image-content .caption{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 11px 20px; color: #fff; background: rgba(0, 0, 0, 0.8); filter: alpha(opacity=90); font-family: "Noto Sans", sans-serif; transform: translateY(100%); -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -ms-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; margin-left: 4px; } .gallery-main .image-content > a:hover .caption { transform: translateY(0%); } .higallery-loader, .hi-gallery-ajax-loader { width: 60px; height: 60px; background: url(../img/loader.gif) no-repeat; margin: 0 auto; } @media ( -webkit-min-device-pixel-ratio : 1.5) { .higallery-loader, .hi-gallery-ajax-loader { background: url(../img/loader@2x.gif) no-repeat; background-size: 60px 60px; } } .gallery-title{ margin-bottom: 20px; }