.p1 { padding: 10px; }
.p01 { padding: 0 10px; }

/* Mobile */
@media (max-width: 640px) {
    .c32,
    .c43 { display: block; }
}

/* Tablet */
@media (min-width: 641px) {
    .c32,
    .c43 {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
    }
}

@media (min-width: 641px) and (max-width: 1200px) {
    .c32 { width: 50% ; }
}

/* Tablet */
@media (min-width: 799.9px) {
    .c2,
    .c4,
    .c-4 {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
    }

    .c2 { width: 50%; }
}

@media (min-width: 799.9px) and (max-width: 1120px) {
    .c4,
    .c-4 { width: 50%; }

    .c-4 { width: 66.666666666%; }
}

/* Desktop */
@media (min-width: 901px) {
    .c3,
    .c-3 {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
    }

    .c3 { width: 33.333333333%; }

    .c-3{ width: 66.666666666%; }
}

@media (min-width: 641px) and (max-width: 900px) {
    .c43 { width: 50% ; }
}

@media (min-width: 901px) and (max-width: 1200px) {
    .c43 { width: 33.333333333%; }
}

@media (min-width: 1201px){
    .c32 { width: 33.333333333%; }

    .c4,
    .c43 { width: 25%; }

    .c-4 { width: 75%; }
}