.p1 { padding: 10px; }
.p01 { padding: 0 10px; }
.p10 { padding: 10px 0; }
.p50 { padding: 50px 0; }
.p40 { padding: 40px 0; }

/* Mobile */
@media (max-width: 799px) {
    .p02 { padding: 0 10px; }
    .p20 { padding: 10px 0; }
    .p2 { padding: 10px; } /*стойността беше 10!*/
    .p4 { padding: 20px; }
    .p12 { padding: 10px; }
    .p12s { padding: 10px; }


    .c6 { width: 33.333333333%; }
    
}

/* Tablet */
@media (min-width: 800px) {
    .p02 { padding: 0 20px; }
    .p20 { padding: 20px 0; }
    .p2 { padding: 20px; }
    .p4 { padding: 40px; }
    .p04 { padding: 0 40px; }
    .p12 { padding: 10px 20px; }
    .p12s { padding: 10px 0; }
    .p2s { padding: 20px; }

    .c32,
    .c4,
    .c-4,
    .c43 {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
    }
}

@media (min-width: 800px) and (max-width: 940px) {

    .c4,
    .c-4,
    .c32 { width: 50%; }
    .c43 { width: 33.333333333%; }

    /* падинг */
    .p04 { padding: 0 30px; }
}

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

    .c2 { width: 50%; }

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

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

    /*.c42 { width: calc(25% - 30px); } za test*/

    .c-3 { width: 66.666666666%; }

    .c-4 { width: 75%; }

    /* padding */
    .p04 { padding: 0 40px; }

    hr.line.m40 { margin: 40px 0; }

}