.float-none { float: none !important; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.float-inline-start { float: inline-start !important; }
.float-inline-end { float: inline-end !important; }

@media (min-width: 576px) {
    .float-sm-none { float: none !important; }
    .float-sm-left { float: left !important; }
    .float-sm-right { float: right !important; }
    .float-sm-inline-start { float: inline-start !important; }
    .float-sm-inline-end { float: inline-end !important; }
}

@media (min-width: 768px) {
    .float-md-none { float: none !important; }
    .float-md-left { float: left !important; }
    .float-md-right { float: right !important; }
    .float-md-inline-start { float: inline-start !important; }
    .float-md-inline-end { float: inline-end !important; }
}

@media (min-width: 992px) {
    .float-lg-none { float: none !important; }
    .float-lg-left { float: left !important; }
    .float-lg-right { float: right !important; }
    .float-lg-inline-start { float: inline-start !important; }
    .float-lg-inline-end { float: inline-end !important; }
}

@media (min-width: 1200px) {
    .float-xl-none { float: none !important; }
    .float-xl-left { float: left !important; }
    .float-xl-right { float: right !important; }
    .float-xl-inline-start { float: inline-start !important; }
    .float-xl-inline-end { float: inline-end !important; }
}

@media (min-width: 1400px) {
    .float-xxl-none { float: none !important; }
    .float-xxl-left { float: left !important; }
    .float-xxl-right { float: right !important; }
    .float-xxl-inline-start { float: inline-start !important; }
    .float-xxl-inline-end { float: inline-end !important; }

}