.row {
    margin-right: -15px;
    margin-left: -15px;
  }
  .row:after,
  .row:before {
    display: table;
    content: " ";
  }
  .row:after {
    clear: both;
  }
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9
   {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  
  
  @media (min-width: 992px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
      float: left;
    }
    .col-md-12 {
      width: 100%;
    }
    .col-md-11 {
      width: 91.66666667%;
    }
    .col-md-10 {
      width: 83.33333333%;
    }
    .col-md-9 {
      width: 75%;
    }
    .col-md-8 {
      width: 66.66666667%;
    }
    .col-md-7 {
      width: 58.33333333%;
    }
    .col-md-6 {
      width: 50%;
    }
    .col-md-5 {
      width: 41.66666667%;
    }
    .col-md-4 {
      width: 33.33333333%;
    }
    .col-md-3 {
      width: 25%;
    }
    .col-md-2 {
      width: 16.66666667%;
    }
    .col-md-1 {
      width: 8.33333333%;
    }
  }
  .mx-1{
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important
  }
  .mx-2{
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important
  }
  
  .mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }


  .my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }
  
  .my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }
  
  .my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .mb-2 {
    margin-bottom: .5rem !important
  }