.block_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .block_container .block {
        display: block;
        box-sizing: border-box;
        position: relative;
        width: calc(100% / 3 - 13.33px);
        padding: 10px 20px;
        margin-bottom: 20px;
        border: 1px solid #d9d9d9;
        border-radius: 3px;
        background-color: #fff;
        cursor: pointer;
        box-shadow: 0 1px 3px rgba(0,0,0,0.00), 0 1px 2px rgba(0,0,0,0.00);
        transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1), border 0.3s cubic-bezier(.25,.8,.25,1);
    }

    .block_container .block:nth-child(3n+1),
    .block_container .block:nth-child(3n+2) {
        margin-right: 20px;
    }

    .block_container .block:hover {
        border: 1px solid #fff;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }

    .block_container .block.disabled {
        background-color: #eee;
        cursor: default;
    }

    .block_container .block.disabled:hover {
        border: 1px solid #d9d9d9;
        box-shadow: 0 1px 3px rgba(0,0,0,0.00), 0 1px 2px rgba(0,0,0,0.00);
    }

@media (min-width: 800px) and (max-width: 999px) {
    .block_container .block {
        width: calc(100% / 2 - 10px);
    }

    .block_container .block:nth-child(3n+1),
    .block_container .block:nth-child(3n+2) {
        margin-right: 0;
    }

    .block_container .block:nth-child(2n+1) {
        margin-right: 20px;
    }
}

@media (max-width: 599px) {
    .block_container .block {
        width: calc(100% / 2 - 10px);
    }

    .block_container .block:nth-child(3n+1),
    .block_container .block:nth-child(3n+2) {
        margin-right: 0;
    }

    .block_container .block:nth-child(2n+1) {
        margin-right: 20px;
    }
}