.dc-row {
    min-width: 100%;
    max-width: 100%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    position: relative;
}

.ws-1 {
    min-width: 8.333333333333332%;
    max-width: 16.666666666666664%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.ws-2 {
    min-width: 16.666666666666664%;
    max-width: 16.666666666666664%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.ws-3 {
    min-width: 25%;
    max-width: 25%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.ws-4 {
    min-width: 33.33333333333333%;
    max-width: 33.33333333333333%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.ws-5 {
    min-width: 41.66666666666667%;
    max-width: 41.66666666666667%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.ws-6 {
    min-width: 50%;
    max-width: 50%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.ws-7 {
    min-width: 58.333333333333336%;
    max-width: 58.333333333333336%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.ws-8 {
    min-width: 66.66666666666666%;
    max-width: 66.66666666666666%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.ws-9 {
    min-width: 75%;
    max-width: 75%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.ws-10 {
    min-width: 83.33333333333334%;
    max-width: 83.33333333333334%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.ws-11 {
    min-width: 91.66666666666666%;
    max-width: 91.66666666666666%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.ws-12 {
    min-width: 100%;
    max-width: 100%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}


.col0-left {
    padding-left: 0px;
}

.col5-left {
    padding-left: 5px;
}

.col10-left {
    padding-left: 10px;
}

.col15-left {
    padding-left: 15px;
}

.col20-left {
    padding-left: 20px;
}

.col25-left {
    padding-left: 25px;
}

.col0-right {
    padding-right: 0px;
}

.col5-right {
    padding-right: 5px;
}

.col10-right {
    padding-right: 10px;
}

.col15-right {
    padding-right: 15px;
}

.col20-right {
    padding-right: 20px;
}

.col25-right {
    padding-right: 25px;
}


@media (max-width: 900px) {
    .ws1-0 {
        width: 0%;
        display: none;
    }

    .ws1-1 {
        min-width: 8.333333333333332%;
        max-width: 8.333333333333332%;
    }

    .ws1-2 {
        min-width: 16.666666666666664%;
        max-width: 16.666666666666664%;
    }

    .ws1-3 {
        min-width: 25%;
        max-width: 25%;
    }

    .ws1-4 {
        min-width: 33.33333333333333%;
        max-width: 33.33333333333333%;
    }

    .ws1-5 {
        min-width: 41.66666666666667%;
        max-width: 41.66666666666667%;
    }

    .ws1-6 {
        min-width: 50%;
        max-width: 50%;
    }

    .ws1-7 {
        min-width: 58.333333333333336%;
        max-width: 58.333333333333336%;
    }

    .ws1-8 {
        min-width: 66.66666666666666%;
        max-width: 66.66666666666666%;
    }

    .ws1-9 {
        min-width: 75%;
        max-width: 75%;
    }

    .ws1-10 {
        min-width: 83.33333333333334%;
        max-width: 83.33333333333334%;
    }

    .ws1-11 {
        min-width: 91.66666666666666%;
        max-width: 91.66666666666666%;
    }

    .ws1-12 {
        min-width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .ws2-0 {
        width: 0%;
        display: none;
    }

    .ws2-1 {
        min-width: 8.333333333333332%;
        max-width: 8.333333333333332%;
    }

    .ws2-2 {
        min-width: 16.666666666666664%;
        max-width: 16.666666666666664%;
    }

    .ws2-3 {
        min-width: 25%;
        max-width: 25%;
    }

    .ws2-4 {
        min-width: 33.33333333333333%;
        max-width: 33.33333333333333%;
    }

    .ws2-5 {
        min-width: 41.66666666666667%;
        max-width: 41.66666666666667%;
    }

    .ws2-6 {
        min-width: 50%;
        max-width: 50%;
    }

    .ws2-7 {
        min-width: 58.333333333333336%;
        max-width: 58.333333333333336%;
    }

    .ws2-8 {
        min-width: 66.66666666666666%;
        max-width: 66.66666666666666%;
    }

    .ws2-9 {
        min-width: 75%;
        max-width: 75%;
    }

    .ws2-10 {
        min-width: 83.33333333333334%;
        max-width: 83.33333333333334%;
    }

    .ws2-11 {
        min-width: 91.66666666666666%;
        max-width: 91.66666666666666%;
    }

    .ws2-12 {
        min-width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .ws3-0 {
        width: 0%;
        display: none;
    }

    .ws3-1, .ws3-2, .ws3-3, .ws3-4, .ws3-5, .ws3-6, .ws3-7, .ws3-8, .ws3-9, .ws3-10, .ws3-11 {
        min-width: 100%;
        margin-top: 5px;
        padding-top: 5px;
    }

    .ws3-12 {
        margin-top: 0px;
        padding-top: 0px;
    }

    .col0-left, .col5-left, .col10-left, .col15-left, .col20-left, .col25-left {
        padding-left: 0px;
    }

    .col0-right, .col5-right, .col10-right, .col15-right, .col20-right, .col25-right {
        padding-right: 0px;
    }
}