div.isotope {
    margin: 30px 10px 0 10px;
    overflow: hidden;
}

div.isotope div.isotope-item {
    position: relative;
    height: 500px;
    float: left;
    margin: 10px;
    overflow: hidden;
}

div.isotope div.isotope-item[data-width="1"] {
    width: 175px;
}

div.isotope div.isotope-item[data-width="2"] {
    width: 370px;
}

div.isotope div.isotope-item a.isotope-imagefit {
    position: absolute;
    background: #f1f1f1;
    display: block;
    overflow: hidden;
}

div.isotope div.isotope-item[data-width="1"] a.isotope-imagefit[data-width="100%"],
div.isotope div.isotope-item[data-width="1"] a.isotope-imagefit[data-width="50%"] {
    width: 175px;
}

div.isotope div.isotope-item[data-width="2"] a.isotope-imagefit[data-width="100%"] {
    width: 370px;
}

div.isotope div.isotope-item[data-width="2"] a.isotope-imagefit[data-width="50%"] {
    width: 175px;
}

div.isotope div.isotope-item a.isotope-imagefit[data-height="50%"] {
    height: 240px;
}

div.isotope div.isotope-item a.isotope-imagefit[data-height="100%"] {
    height: 500px;
}

div.isotope div.isotope-item a.isotope-imagefit[data-pos="top:left"] {
    top: 0;
    left: 0;
}

div.isotope div.isotope-item a.isotope-imagefit[data-pos="top:right"] {
    top: 0;
    right: 0;
}

div.isotope div.isotope-item a.isotope-imagefit[data-pos="bottom:left"] {
    bottom: 0;
    left: 0;
}

div.isotope div.isotope-item a.isotope-imagefit[data-pos="bottom:right"] {
    bottom: 0;
    right: 0;
}

div.isotope div.isotope-item a.isotope-imagefit img {
    display: block;
}


/* mobile */

@media all and (max-width: 1000px) {
    div.isotope {
        margin: 20px 0 0 0;
    }
    div.isotope div.isotope-item {
        margin: 20px 10px 0 10px;
    }
    div.isotope div.isotope-item[data-width="1"],
    div.isotope div.isotope-item[data-width="2"] {
        width: auto;
        float: none;
    }
    div.isotope div.isotope-item[data-orientation="portrait"] {
        height: 500px;
    }
    div.isotope div.isotope-item[data-orientation="landscape"] {
        height: 250px;
    }
    div.isotope div.isotope-item[data-width="1"] a.isotope-imagefit[data-width="100%"],
    div.isotope div.isotope-item[data-width="1"] a.isotope-imagefit[data-width="50%"],
    div.isotope div.isotope-item[data-width="2"] a.isotope-imagefit[data-width="100%"],
    div.isotope div.isotope-item[data-width="2"] a.isotope-imagefit[data-width="50%"] {
        width: 100%;
    }
    div.isotope div.isotope-item a.isotope-imagefit[data-height="100%"],
    div.isotope div.isotope-item a.isotope-imagefit[data-height="50%"] {
        height: 100%;
    }
}