.g1-mosaic-4-4-4-4 {
    .g1-mosaic-item {
        width: 100%;
        height: 400px;
    }
}

@media only screen and ( min-width: 601px ) {
    .g1-mosaic-4-4-4-4 {
        .g1-mosaic-item {
            float: $left;
            width: 50%;
            height: 400px;
        }
    }
}

@media only screen and ( min-width: 801px ) {
    .g1-mosaic-4-4-4-4 {
        .g1-mosaic-item {
            float: $left;
            width: 25%;
            height: 400px;
        }
    }
}
