/* [][][][][][][][][][][][][][] */
/* >>>>>>>>>> GENERAL <<<<<<<<<< */
/* [][][][][][][][][][][][][][] */

*, :before, :after {
    box-sizing: border-box;
}

.isotope-wrapper {
    position: relative;
    width: 100%;
    margin: 0;
}

.isotope-box {
    position: relative;
    width: 100%;
}

.isotope-toolbar {
    background: rgba(66, 66, 99, 0.3);
    padding: 10px;
    margin: 10px;
    color: #eee;
}
.isotope-toolbar p {
    border-top: 1px solid #fff;
    padding-top: 15px;
}
.isotope-toolbar a {
    color: #fff;
}

.isotope-item {
    position: relative;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.33);
}

.isotope-item img {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    width: 100%;
    /*height: 100%;*/
    display: block;
}

.lazyload,
.lazyloading {
    min-height: 200px;
}

.lazyload {
    background: #f7f7f7;
}

.lazyloading {
    background: #f7f7f7 url(//afarkas.github.io/lazysizes/assets/imgs/loader.gif) no-repeat center;
    min-height: 60px;
}



/* [][][][][][][][][][][][][][] */
/* >>>>>>>>>> MOBILE <<<<<<<<<< */
/* [][][][][][][][][][][][][][] */

.isotope-item {
    width: 100%;
    margin: 2% 0;
}

/* [][][][][][][][][][][][][][] */
/* >>>>>>>>>> TABLET <<<<<<<<<< */
/* [][][][][][][][][][][][][][] */

@media screen and (min-width: 768px){
    .isotope-item {
        width: 48%;
        margin: 1%;
    }
}


/* [][][][][][][][][][][][][][] */
/* >>>>>>>>>> DESKTOP <<<<<<<<<< */
/* [][][][][][][][][][][][][][] */

@media screen and (min-width: 992px){
    .isotope-item {
        width: 31%;
        margin: 1%;
    }
}