.p1 { padding: 10px; }
.p01 { padding: 0 10px; }
.p10 { padding: 10px 0; }
.p02 { padding: 0 20px; }
.p20 { padding: 20px 0; }
.p2 { padding: 20px; }
.p12 { padding: 10px 20px; }

.pt1 { padding: 10px 0 0 0; }
.pb1 { padding: 0 0 10px 0; }

.c2, .c3, .c32, .c4, .c-4, .c-620, .c150, .c120, .c100, .c50, .c6, .c-6 {
    display: inline-block;
    vertical-align: top;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.c2 { width: 50%; }

.c3, .c32 { width: 33.333333333%; }

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

.c6 { width: 16.666666666%; }
.c-6 { width: 83.333333333%; }

@media all and (max-width: 680px) {
    .c3 { width: 100%; }
}

@media all and (max-width: 800px) {
    /*.c2 { width: 100%; }*/
    .c32 { width: 50%; }
    .c4 { width: 50%; }
}

@media all and (max-width: 480px) {
    .c32 { width: 100%; }
    .c4 { width: 100%; }
    div.models div.titles span:first-child { width: 100%; }
    div.models div.titles span:last-child { display: none; }
}

@media all and (max-width: 766px) {
    .list a var { display: inline-block; }

    div.types a span,
    div.titles span.c50,
    .c150,
    .c100,
    .c120 { display: none; }

    div.types div.titles span { width: 100%; }
}

@media all and (min-width: 767px) {
    .c-620 { width: calc(100% - 480px); }
    .c50 { width: 40px; }
    .c100 { width: 80px; }
    .c120 { width: 100px; }
    .c150 { width: 100px; }
}

@media all and (min-width: 1240px) {
    .c-620 { width: calc(100% - 620px); }
    .c50 { width: 50px; }
    .c100 { width: 100px; }
    .c120 { width: 120px; }
    .c150 { width: 150px; }

    .mgTypes .c-620 { width: calc(100% - 480px); }
    .mgTypes .c50 { width: 40px; }
    .mgTypes .c100 { width: 80px; }
    .mgTypes .c120 { width: 100px; }
    .mgTypes .c150 { width: 100px; }
}

@media all and (min-width: 1601px) {
    .c-620 { width: calc(100% - 970px); }
    .c50 { width: 100px; }
    .c100 { width: 150px; }
    .c120 { width: 170px; }
    .c150 { width: 200px; }

    .mgTypes .c-620 { width: calc(100% - 480px); }
    .mgTypes .c50 { width: 40px; }
    .mgTypes .c100 { width: 80px; }
    .mgTypes .c120 { width: 100px; }
    .mgTypes .c150 { width: 100px; }
}


.m1 { margin: 10px; }
.m10 { margin: 10px 0; }
.m01 { margin: 0 10px; }

@media all and (min-width: 961px) {
    .c-3, .c5 {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
    }

    .c5 { width: 20%; }

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