Float Utilities

.float-none { float: none }
.float-left { float: left }
.float-right { float: right }

@media screen and (min-width:  576px) {
  .sm:float-none { float: none }
  .sm:float-left { float: left }
  .sm:float-right { float: right }
}

@media screen and (min-width:  768px) {
  .md:float-none { float: none }
  .md:float-left { float: left }
  .md:float-right { float: right }
}

@media screen and (min-width:  992px) {
  .lg:float-none { float: none }
  .lg:float-left { float: left }
  .lg:float-right { float: right }
}

@media screen and (min-width:  1200px) {
  .xl:float-none { float: none }
  .xl:float-left { float: left }
  .xl:float-right { float: right }
}
.clearfix::after { clear: both; content: ""; display: table }