.gallery .gallery-items .gallery-content {
    overflow: hidden;
    position: relative;
}

    .gallery .gallery-items .gallery-content:hover {
        cursor: pointer;
    }

.gallery .gallery-items .gallery-content:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

    .gallery .gallery-items .gallery-content:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
    }

.gallery .gallery-items .grid-item-gallery-content:before {
    /*background: rgba(6, 29, 75, 0.6);*/
    /*background: rgba(0,123,255,0.5);*/
    /*background: rgba(12,61,113,0.6)*/
    background:rgba(1,59,124,0.3)
} /*filter*/

.gallery .gallery-items .gallery-content img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.gallery .gallery-items .gallery-content img:hover {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.gallery .gallery-items .gallery-content p {
    font-size: 22px;
    color: #fff;
    /*color:rgba(1,59,124,0.8);*/
    font-weight: 600;
    text-align: center;
}


.gallery .gallery-items .gallery-content i {
    color: #fff;
    /*color:rgba(1,59,124,0.8);*/
}

.gallery .gallery-items .gallery-content:hover i {
    /*color: #007bff;*/
    /*color: #bdbdbe;*/
    color:rgba(57,57,56,0.6);
}


.gallery .gallery-items .gallery-content:hover p {
    /*color: #007bff;*/
    /*color: #bdbdbe;*/
    color:rgba(57,57,56,0.6);
}


.gallery .gallery-items .gallery-content .grid-title {
    color: #fff;
    top: 25%;
    left: 20%;
    right: 20%;
    z-index: 3;
}


@media (min-width: 992px){
    .gallery .gallery-items .gallery-content .grid-title {
        color: #fff;
        top: 13%;
        left: 20%;
        right: 20%;
        z-index: 3;
    }
}
@media (min-width: 1200px){
    .gallery .gallery-items .gallery-content .grid-title {
        color: #fff;
        top: 25%;
        left: 20%;
        right: 20%;
        z-index: 3;
    }
}
@media (min-width: 1550px){
    .gallery .gallery-items .gallery-content .grid-title {
        color: #fff;
        top: 25%;
        left: 20%;
        right: 20%;
        z-index: 3;
    }
}