.filter-head{
    display: inline-block;
    width:140px;
    text-align:center;
    padding:8px 0 5px;
    border-right: 1px solid #ccc;
}

 /* ---- button ---- */
.button {
    display: inline-block;
    padding: 5px 15px 5px 15px;
    cursor: pointer;
}

.button:hover {
    background-color: #eee;
    color: #222;
}

/*.button:active,
.button.is-checked {
    background-color: #28F;
    color: white;
}*/

.layer1 > li.button:active, .layer1 > li.button.is-checked {
    background-color: #88c038;
    color: white;
    background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.12) );
    }

.layer2 > li.button:active, .layer2 > li.button.is-checked {
    background-color: #aaa  /*#39F*/;
    color: #fff;
    background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.12) );
}

.layer3 > li.button:active, .layer3 > li.button.is-checked {
    background-color: #eee;
    color: #222;
    background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.12) );
}

/* ---- button-group ---- */

.button-group:after {
    content: '';
    display: block;
    clear: both;
}

.button-group .button {
    border-radius: 0.3em 0.3em 0 0;
        margin:0;
}

    /*.button-group .button:first-child {
        border-radius: 0.2em 0 0 0.2em;
    }

    .button-group .button:last-child {
        border-radius: 0 0.2em 0.2em 0;
    }*/

/* ---- isotope ---- */

.grid {
    background: #EEE;
    max-width: 1200px;
}

/* clear fix */
.grid:after {
    content: '';
    display: block;
    clear: both;
}
.hide {
    display:none;
}
@media (max-width: 767px) {
    .button {
        padding: 4px 8px 4px 8px;
        cursor: pointer;
    }
.filter-head{
    width:120px;
    padding:8px 0 5px;
    border-right: 1px solid #ccc;
    }   
}
@media (max-width: 480px) {
    .button {
        padding: 4px 5px 4px 5px;
        cursor: pointer;
        font-size:13px;
    }
.filter-head{
    width:95px;
    padding:8px 0 5px;
    border-right: 1px solid #ccc;
    font-size:13px;
    }
}