/**
 *  Bootstrap pull & align 3.x-1.1.1 for Twitter Bootstrap v3.
 *  
 *  To have pull-right and pull-left to Bootstrap v3 for xs, sm, md, lg media.
 *  This will help having some complex behavior for contents.
 *  https://github.com/Natshah/bootstrap-pull
 *
 */


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

      /** Text left xs **/
  .text-left-xs {
    text-align: left;
  }

  /** Text right xs **/
  .text-right-xs {
    text-align: right;
  }

  /** Pull left xs **/
  .pull-left-xs {
    float: left;
  }


  /** Pull right xs **/
  .pull-right-xs {
    float: right;
  }
}

@media (min-width: 768px) {
      /** Text center sm **/
  .text-center-sm {
    text-align: center;
  }    

    /** Text left sm **/
  .text-left-sm {
    text-align: left;
  }

  /** Text right sm **/
  .text-right-sm {
    text-align: right;
  }

  /** Pull left sm **/
  .pull-left-sm {
    float: left;
  }

  /** Pull right sm **/
  .pull-right-sm {
    float: right;
  }
}

@media (min-width: 992px) {
      /** Text center md **/
  .text-center-md {
    text-align: center;
  }    

    /** Text left **/
  .text-left-md {
    text-align: left;
  }

  /** Text right **/
  .text-right-md {
    text-align: right;
  }

  /** Pull left **/
  .pull-left-md {
    float: left;
  }

  /** Pull right **/
  .pull-right-md {
    float: right;
  }
}

@media (min-width: 1200px) {
      /** Text center lg **/
  .text-center-lg {
    text-align: center;
  }    

    /** Text left **/
  .text-left-lg {
    text-align: left;
  }

  /** Text right **/
  .text-right-lg {
    text-align: right;
  }

  /** Pull left **/
  .pull-left-lg {
    float: left;
  }

  /** Pull right **/
  .pull-right-lg {
    float: right;
  }
}