@media (min-width:640px) {
    .sm-100 {
        width: 100%;
    }
.sm-75 {
    width: 75%;
}
    .sm-50 {
        width: 50%;
    }

    .sm-33 {
        width: 33.3333%;
    }

    .sm-20 {
        width: 20%;
    }

    .sm-10 {
        width: 10%;
    }
}

@media (min-width:768px) {
    .md-100 {
        width: 100%;
    }

    .md-75 {
        width: 75%;
    }

    .md-70 {
        width: 70%;
    }

    .md-50 {
        width: 50%;
    }

    .md-33 {
        width: 33.3333%;
    }

    .md-20 {
        width: 20%;
    }

    .md-10 {
        width: 10%;
    }
}

@media (min-width:1024px) {
    .lg-100 {
        width: 100%;
    }

        .lg-65 {
            width: 65%;
        }
                .lg-75 {
                    width: 75%;
                }

    .lg-50 {
        width: 50%;
    }

    .lg-40 {
        width: 40%;
    }

    .lg-33 {
        width: 33.3333%;
    }

    .lg-20 {
        width: 20%;
    }

    .lg-10 {
        width: 10%;
    }
}

@media (min-width:1280px) {
    .xl-100 {
        width: 100%;
    }

    .xl-50 {
        width: 50%;
    }

    .xl-33 {
        width: 33.3333%;
    }

    .xl-20 {
        width: 20%;
    }

    .xl-10 {
        width: 10%;
    }
}

@media (min-width:1536px) {
    .xxl-100 {
        width: 100%;
    }

    .xxl-50 {
        width: 50%;
    }

    .xxl-33 {
        width: 33.3333%;
    }

    .xxl-20 {
        width: 20%;
    }

    .xxl-10 {
        width: 10%;
    }
}