@charset "utf-8";

/* this is to have the spacing for smaller xs devices */

@media only screen and (max-width:574px){
/* text align*/

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

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

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

  /* margin */

  .ml-0, .mx-0 {
    margin-left: 0!important;
  }
  .mr-0, .mx-0 {
    margin-right: 0!important;
  }

  .pl-0, .px-0 {
    padding-left: 0!important;
  }
  .pr-0, .px-0 {
      padding-right: 0!important;
  }

  .mb-sm-1, .my-sm-1 {
    margin-bottom: .25rem!important;
  }

  .mb-sm-2, .my-sm-2 {
    margin-bottom: .5rem!important;
  }

  .mb-sm-3, .my-sm-3 {
    margin-bottom: 1rem!important;
  }

  .mb-sm-4, .my-sm-4 {
    margin-bottom: 1.5rem!important;
  }

  .mb-sm-5, .my-sm-5 {
    margin-bottom: 3rem!important;
  }

  .mt-sm-1, .my-sm-1 {
    margin-top: .25rem!important;
  }

  .mt-sm-2, .my-sm-2 {
    margin-top: .5rem!important;
  }

  .mt-sm-3, .my-sm-3 {
    margin-top: 1rem!important;
  }

  .mt-sm-4, .my-sm-4 {
    margin-top: 1.5rem!important;
  }

  .mt-sm-5, .my-sm-5 {
    margin-top: 3rem!important;
  }

  .mr-sm-1, .mx-sm-1 {
    margin-right: .25rem!important;
  }

  .mr-sm-2, .mx-sm-2 {
    margin-right: .5rem!important;
  }

  .mr-sm-3, .mx-sm-3 {
    margin-right: 1rem!important;
  }

  .mr-sm-4, .mx-sm-4 {
    margin-right: 1.5rem!important;
  }

  .mr-sm-5, .mx-sm-5 {
    margin-right: 3rem!important;
  }

  .ml-sm-1, .mx-sm-1 {
    margin-left: .25rem!important;
  }

  .ml-sm-2, .mx-sm-2 {
    margin-left: .5rem!important;
  }

  .ml-sm-3, .mx-sm-3 {
    margin-left: 1rem!important;
  }

  .ml-sm-4, .mx-sm-4 {
    margin-left: 1.5rem!important;
  }

  .ml-sm-5, .mx-sm-5 {
    margin-left: 3rem!important;
  }



  /* padding */

  .pb-sm-1, .py-sm-1 {
    padding-bottom: 1rem!important;
  }

  .pb-sm-2, .py-sm-2 {
    padding-bottom: 1.5rem!important;
  }

  .pb-sm-3, .py-sm-3 {
    padding-bottom: 1rem!important;
  }

  .pb-sm-4, .py-sm-4 {
    padding-bottom: 1.5rem!important;
  }

  .pb-sm-5, .py-sm-5 {
    padding-bottom: 3rem!important;
  }

  .pt-sm-1, .py-sm-1 {
    padding-top: 1rem!important;
  }

  .pt-sm-2, .py-sm-2 {
    padding-top: 1.5rem!important;
  }

  .pt-sm-3, .py-sm-3 {
    padding-top: 1rem!important;
  }

  .pt-sm-4, .py-sm-4 {
    padding-top: 1.5rem!important;
  }

  .pt-sm-5, .py-sm-5 {
    padding-top: 3rem!important;
  }

  .pr-sm-1, .mx-sm-1 {
    padding-right: .25rem!important;
  }

  .pr-sm-2, .mx-sm-2 {
    padding-right: .5rem!important;
  }

  .pr-sm-3, .px-sm-3 {
    padding-right: 1rem!important;
  }

  .pr-sm-4, .px-sm-4 {
    padding-right: 1.5rem!important;
  }

  .pr-sm-5, .px-sm-5 {
    padding-right: 3rem!important;
  }

  .pl-sm-1, .px-sm-1 {
    padding-left: .25rem!important;
  }

  .pl-sm-2, .px-sm-2 {
    padding-left: .5rem!important;
  }

  .pl-sm-3, .px-sm-3 {
    padding-left: 1rem!important;
  }

  .pl-sm-4, .px-sm-4 {
    padding-left: 1.5rem!important;
  }

  .pl-sm-5, .px-sm-5 {
    padding-left: 3rem!important;
  }

}