/**
 * @author: Franck LEBAS
 * @package desire-portfolio-filter
 * @version: 0.2
 */

.filter-button-group {
    padding: 10px;
}

.grid-sizer,
.portfolio-item {
    width: 31.14%;
}

.gutter-sizer {
    width: 3.33%;
}

.portfolio-item img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.portfolio-item {
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 10px;
    margin-bottom: 3.33%;
    background-color: #fff;
    border: 1px solid #efefef;
}

@media screen and (max-width:768px) {

    .grid-sizer,
    .portfolio-item {
        width: 46.67%;
    }

    .gutter-sizer {
        width: 3.33%;
    }

}

@media screen and (max-width:480px) {

    .grid-sizer,
    .portfolio-item {
        width: 100%;
    }

    .gutter-sizer {
        width: 0%;
    }

}