.col10-1 {
    flex: 0 0 10%;
    max-width: 10%;
}

.col10-2 {
    flex: 0 0 20%;
    max-width: 20%;
}

.col10-3 {
    flex: 0 0 30%;
    max-width: 30%;
}

.col10-4 {
    flex: 0 0 40%;
    max-width: 40%;
}

.col10-5 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col10-6 {
    flex: 0 0 60%;
    max-width: 60%;
}

.col10-7 {
    flex: 0 0 70%;
    max-width: 70%;
}

.col10-8 {
    flex: 0 0 80%;
    max-width: 80%;
}

.col10-9 {
    flex: 0 0 90%;
    max-width: 90%;
}

.col10-10 {
    flex: 0 0 100%;
    max-width: 100%;
}

.col10-xs-1 {
    flex: 0 0 10%;
    max-width: 10%;
}

.col10-xs-2 {
    flex: 0 0 20%;
    max-width: 20%;
}

.col10-xs-3 {
    flex: 0 0 30%;
    max-width: 30%;
}

.col10-xs-4 {
    flex: 0 0 40%;
    max-width: 40%;
}

.col10-xs-5 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col10-xs-6 {
    flex: 0 0 60%;
    max-width: 60%;
}

.col10-xs-7 {
    flex: 0 0 70%;
    max-width: 70%;
}

.col10-xs-8 {
    flex: 0 0 80%;
    max-width: 80%;
}

.col10-xs-9 {
    flex: 0 0 90%;
    max-width: 90%;
}

.col10-xs-10 {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 576px) {
    .col10-sm-1 {
        flex: 0 0 10%;
        max-width: 10%;
    }

    .col10-sm-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col10-sm-3 {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .col10-sm-4 {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .col10-sm-5 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col10-sm-6 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .col10-sm-7 {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .col10-sm-8 {
        flex: 0 0 80%;
        max-width: 80%;
    }

    .col10-sm-9 {
        flex: 0 0 90%;
        max-width: 90%;
    }

    .col10-sm-10 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 768px) {
    .col10-md-1 {
        flex: 0 0 10%;
        max-width: 10%;
    }

    .col10-md-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col10-md-3 {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .col10-md-4 {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .col10-md-5 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col10-md-6 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .col10-md-7 {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .col10-md-8 {
        flex: 0 0 80%;
        max-width: 80%;
    }

    .col10-md-9 {
        flex: 0 0 90%;
        max-width: 90%;
    }

    .col10-md-10 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 992px) {
    .col10-lg-1 {
        flex: 0 0 10%;
        max-width: 10%;
    }

    .col10-lg-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col10-lg-3 {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .col10-lg-4 {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .col10-lg-5 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col10-lg-6 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .col10-lg-7 {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .col10-lg-8 {
        flex: 0 0 80%;
        max-width: 80%;
    }

    .col10-lg-9 {
        flex: 0 0 90%;
        max-width: 90%;
    }

    .col10-lg-10 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 1200px) {
    .col10-xl-1 {
        flex: 0 0 10%;
        max-width: 10%;
    }

    .col10-xl-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col10-xl-3 {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .col10-xl-4 {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .col10-xl-5 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col10-xl-6 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .col10-xl-7 {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .col10-xl-8 {
        flex: 0 0 80%;
        max-width: 80%;
    }

    .col10-xl-9 {
        flex: 0 0 90%;
        max-width: 90%;
    }

    .col10-xl-10 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}