* {
    box-sizing: border-box;
}

.columnR {
    float: left;
    width: 33.33%;
    padding-right: 0px;
    min-height: auto; 
}

.column {
    float: left;
    width: 33.33%;
    padding-right: 10px;
    min-height: auto; 
}

.column2 {
    float: left;
    width: 66.66%;
    padding-right: 10px;
    min-height: 250px; 
}

.column4x {
    float: left;
    width: 25%;
    padding: 10px;
    min-height: auto; 
}

.column2x {
    float: left;
    width: 50%;
    padding: 0px;
    min-height: auto; 
}


.row:after {
    content: "";
    display: table;
    clear: both;    
}

@media (max-width: 680px) {

    .columnR {
        width: 100%; padding-right: 0px;
    }
    .column {
        width: 100%; padding-right: 0px;     
    }
    .column2 {
        width: 100%; padding-right: 0px;
    } 
    .column4x {
        width: 100%; padding-right: 0px;
    } 
    .column2x {
        width: 100%; padding-right: 0px;
    }            
}