/*---------------------------------------

    | Condept-Grid V3.0             |
    | Copyright 2017 - Condept B.V. |
    | www.condept.nl                |

----------------------------------------*/

.row {
    width: 100%;
    position: relative;
    float: left;
    padding: 0 25px;
}

.grid_12,
.grid_8,
.grid_7,
.grid_5,
.grid_4
{
    width: 100%;
    position: relative;
    float: left;
}

.grid_3 {
    width: 50%;
    position: relative;
    float: left;
}






/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 960px) {
    .row {
        width: 100%;
        position: relative;
        float: left;
        padding: 0 100px;
    }




}

/* SCREEN */
@media only screen and (min-width: 960px) {

    .row {
        width: 100%;
        position: relative;
        float: left;
        padding: calc(40px / 2) calc((100% - 1200px + 40px) / 2);
    }

    .grid_12 {
        width: calc((100% / 12 * 12) - 40px);
        position: relative;
        float: left;
        margin: 0 calc(40px / 2);
    }

    .grid_11 {
        width: calc((100% / 12 * 9) - 40px);
        position: relative;
        float: left;
        margin: 0 calc(40px / 2);
    }

    .grid_10 {
        width: calc((100% / 12 * 10) - 40px);
        position: relative;
        float: left;
        margin: 0 calc(40px / 2);
    }

    .grid_9 {
        width: calc((100% / 12 * 9) - 40px);
        position: relative;
        float: left;
        margin: 0 calc(40px / 2);
    }

    .grid_8 {
        width: calc((100% / 12 * 8) - 40px);
        position: relative;
        float: left;
        margin: 0 calc(40px / 2);
    }

    .grid_7 {
        width: calc((100% / 12 * 7) - 40px);
        position: relative;
        float: left;
        margin: 0 calc(40px / 2);
    }

    .grid_6 {
        width: calc((100% / 12 * 6) - 40px);
        position: relative;
        float: left;
        margin: 0 calc(40px / 2);
    }

    .grid_5 {
        width: calc((100% / 12 * 5) - 40px);
        position: relative;
        float: left;
        margin: 0 calc(40px / 2);
    }

    .grid_4 {
        width: calc((100% / 12 * 4) - 40px);
        position: relative;
        float: left;
        margin: 0 calc(40px / 2);
    }

    .grid_3 {
        width: calc((100% / 12 * 3) - 40px);
        position: relative;
        float: left;
        margin: 0 calc(40px / 2);
    }

    .grid_2 {
        width: calc((100% / 12 * 2) - 40px);
        position: relative;
        float: left;
        margin: 0 calc(40px / 2);
    }

    .grid_1 {
        width: calc((100% / 12 * 1) - 40px);
        position: relative;
        float: left;
        margin: 0 calc(40px / 2);
    }

    .offset_1 {
        margin-left: calc(100% / 12 * 1);
    }

    .offset_2 {
        margin-left: calc(100% / 12 * 2);
    }

    .offset_3 {
        margin-left: calc(100% / 12 * 3);
    }

    .offset_4 {
        margin-left: calc(100% / 12 * 4);
    }

    .offset_5 {
        margin-left: calc(100% / 12 * 5);
    }

    .offset_6 {
        margin-left: calc(100% / 12 * 6);
    }

    .offset_7 {
        margin-left: calc(100% / 12 * 7);
    }

    .offset_8 {
        margin-left: calc(100% / 12 * 8);
    }

    .offset_9 {
        margin-left: calc(100% / 12 * 9);
    }

    .offset_10 {
        margin-left: calc(100% / 12 * 10);
    }

    .offset_11 {
        margin-left: calc(100% / 12 * 11);
    }

}