.column-1 {
    flex: 100%;
    max-width: 100%;
    padding: 0 2px;
}
.column-2 {
    flex: 50%;
    max-width: 50%;
    padding: 0 2px;
}
.column-2-m {
    flex: 66%;
    max-width: 66%;
    padding: 0 2px;
}
.column-2-l {
    flex: 75%;
    max-width: 75%;
    padding: 0 2px;
}
.column-3 {
    flex: 33%;
    max-width: 33%;
    padding: 0 2px;
}
.column-4 {
    flex: 25%;
    max-width: 25%;
    padding: 0 2px;
}
.row-flex-block{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.unselected_block {
    opacity: 0.3;
}

@media (max-width: 767px)
{
    .block > .width-100 {
        width: 100% !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    .col-md-block {
        margin-top: 3px !important;
        box-shadow: 0 1px 3px 0 #AAA;
    }
}