/* Masonry fitwidth option */

.grid {
    margin: 0 auto;
}

.grid-item {
    margin-bottom: 20px;
    opacity: 0;  /*initially hide*/
}

.fadein {
    opacity: 1;
    transition: opacity .5s ease;
}

@media only screen and (min-width : 768px) {
    .container-fluid.masonry {
        position: relative;
    }
    .container-fluid.masonry .grid-item>a>picture>img {
        width: 230px;
    }
}

@media only screen and (max-width : 767px) {  /*mobile*/
    .container-fluid.masonry {
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }
    .container-fluid.masonry .grid {
        width: 100%!important;
    }
    .container-fluid.masonry .grid-item {
        width: 100%!important;
    }
    .container-fluid.masonry .grid-item>a>picture>img {
        width: 100%!important;
    }
}