/* fix for Magnific-Popup */
.mfp-bottom-bar > .mfp-title b {
    display:block;
}

/* default settings */
.pixelgallery-spacing-0 {
    padding:15px;
}
.pixelgallery-spacing-0 div.pixelgallery-item {
    padding:0;
}

.pixelgallery-spacing-1 {
    padding:14px;
}
.pixelgallery-spacing-1 div.pixelgallery-item {
    padding:1px;
}

.pixelgallery-spacing-2 {
    padding:10px;
}
.pixelgallery-spacing-2 div.pixelgallery-item {
    padding:5px;
}

.pixelgallery-spacing-3 {
    padding:5px;
}
.pixelgallery-spacing-3 div.pixelgallery-item {
    padding:10px;
}

.pixelgallery-spacing-4 {
    padding:0;
}
.pixelgallery-spacing-4 div.pixelgallery-item {
    padding:15px;
}

.pixelgallery-spacing-5 {
    margin-left:-25px!important;
    margin-right:-25px!important;
}
.pixelgallery-spacing-5 div.pixelgallery-item {
    padding:25px;
}

.pixelgallery-hover img,
.pixelgallery-hover a::after  {
    -webkit-transition: all .2s ease;
  	-moz-transition: all .2s ease;
  	-o-transition: all .2s ease;
  	-ms-transition: all .2s ease;
  	transition: all .2s ease;
}

.pixelgallery-hover img {
    position: relative;
    z-index:0;
    transform: scale(1) translateX(0) translateY(0);
}



.pixelgallery-hover-scale img:hover {
    z-index:10;
    -webkit-backface-visibility: hidden;
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    box-shadow: 0 0 10px rgba(0,0,0,.15);
}

.pixelgallery-hover-overlay a {
    position:relative;
    display:inline-block;
}
.pixelgallery-hover-overlay a::after {
    opacity:0;
    content:" ";
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.5);
    background-image: url(../Icons/expand-arrows.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40px;
}
.pixelgallery-hover-overlay a:hover::after {
    opacity: 1;
}



@media (min-width: 768px) and (max-width: 991.98px) {
    .col-md-24  {
        flex-basis: 20%!important;
        max-width: 20%!important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .col-lg-24 {
        flex-basis: 20%!important;
        max-width: 20%!important;
    }
}

@media (min-width: 1200px) {
    .col-xl-24 {
        flex-basis: 20%!important;
        max-width: 20%!important;
    }
}