.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

/* ============================ */

@media (max-width: 1199px) {
    /*text-alignment*/
    .md-text-center {text-align: center !important}
    .md-text-left {text-align: left !important}
    .md-text-right {text-align: right !important}

    /*float*/
    .md-float-left{float: left !important}
    .md-float-right{float: right !important}
    .md-float-none{float: none !important}
}

@media (max-width: 991px) {
    /*float*/
    .sm-float-left{float: left !important}
    .sm-float-right{float: right !important}
    .sm-float-none{float: none !important}

    /*text-alignment*/
    .sm-text-center {text-align: center !important}
    .sm-text-left {text-align: left !important}
    .sm-text-right {text-align: right !important}
}

@media (max-width: 767px) {
    /*text-alignment*/
    .xs-text-center {text-align: center !important}
    .xs-text-left {text-align: left !important}
    .xs-text-right {text-align: right !important}

    /*float*/
    .xs-float-left{float: left !important}
    .xs-float-right{float: right !important}
    .xs-float-none{float: none !important}
}