/*****negative margin*****/
.mt-n1 {
    margin-top: -0.25rem !important;
}
.mt-n2 {
    margin-top: -0.5rem !important;
}
.mt-n3 {
    margin-top: -1rem !important;
}
.mt-n4 {
    margin-top: -1.5rem !important;
}
.mt-n5 {
    margin-top: -3rem !important;
}

.mb-n1 {
    margin-bottom: -0.25rem !important;
}
.mb-n2 {
    margin-bottom: -0.5rem !important;
}
.mb-n3 {
    margin-bottom: -1rem !important;
}
.mb-n4 {
    margin-bottom: -1.5rem !important;
}
.mb-n5 {
    margin-bottom: -3rem !important;
}

.ml-n1,
.ms-n1 {
    margin-left: -0.25rem !important;
}
.ml-n2,
.ms-n2 {
    margin-left: -0.5rem !important;
}
.ml-n3,
.ms-n3 {
    margin-left: -1rem !important;
}
.ml-n4,
.ms-n4 {
    margin-left: -1.5rem !important;
}
.ml-n5,
.ms-n5 {
    margin-left: -3rem !important;
}

.mr-n1,
.me-n1 {
    margin-right: -0.25rem !important;
}
.mr-n2,
.me-n2 {
    margin-right: -0.5rem !important;
}
.mr-n3,
.me-n3 {
    margin-right: -1rem !important;
}
.mr-n4,
.me-n4 {
    margin-right: -1.5rem !important;
}
.mr-n5,
.me-n5 {
    margin-right: -3rem !important;
}

.mx-n1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
}
.mx-n2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
}
.mx-n3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
}
.mx-n4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
}
.mx-n5 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
}

.my-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
}
.my-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
}
.my-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
}
.my-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
}
.my-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
}

@media (max-width: 768px) {
  .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;
  }
  .pt-sm-1, .py-sm-1 {
    padding-top: .25rem!important;
  }
  .pt-sm-2, .py-sm-2 {
    padding-top: .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;
  }

  .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;
  }
  .pb-sm-1, .py-sm-1 {
    padding-bottom: .25rem!important;
  }
  .pb-sm-2, .py-sm-2 {
    padding-bottom: .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;
  }

  .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;
  }
  .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;
  }

  .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;
  }
  .pr-sm-1, .px-sm-1 {
    padding-right: .25rem!important;
  }
  .pr-sm-2, .px-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;
  }
}

@media (max-width: 568.1px) {
  .mt-xs-1, .my-xs-1 {
    margin-top: .25rem!important;
  }
  .mt-xs-2, .my-xs-2 {
    margin-top: .5rem!important;
  }
  .mt-xs-3, .my-xs-3 {
    margin-top: 1rem!important;
  }
  .mt-xs-4, .my-xs-4 {
    margin-top: 1.5rem!important;
  }
  .mt-xs-5, .my-xs-5 {
    margin-top: 3rem!important;
  }
  .pt-xs-1, .py-xs-1 {
    padding-top: .25rem!important;
  }
  .pt-xs-2, .py-xs-2 {
    padding-top: .5rem!important;
  }
  .pt-xs-3, .py-xs-3 {
    padding-top: 1rem!important;
  }
  .pt-xs-4, .py-xs-4 {
    padding-top: 1.5rem!important;
  }
  .pt-xs-5, .py-xs-5 {
    padding-top: 3rem!important;
  }

  .mb-xs-1, .my-xs-1 {
    margin-bottom: .25rem!important;
  }
  .mb-xs-2, .my-xs-2 {
    margin-bottom: .5rem!important;
  }
  .mb-xs-3, .my-xs-3 {
    margin-bottom: 1rem!important;
  }
  .mb-xs-4, .my-xs-4 {
    margin-bottom: 1.5rem!important;
  }
  .mb-xs-5, .my-xs-5 {
    margin-bottom: 3rem!important;
  }
  .pb-xs-1, .py-xs-1 {
    padding-bottom: .25rem!important;
  }
  .pb-xs-2, .py-xs-2 {
    padding-bottom: .5rem!important;
  }
  .pb-xs-3, .py-xs-3 {
    padding-bottom: 1rem!important;
  }
  .pb-xs-4, .py-xs-4 {
    padding-bottom: 1.5rem!important;
  }
  .pb-xs-5, .py-xs-5 {
    padding-bottom: 3rem!important;
  }

  .ml-xs-1, .mx-xs-1 {
    margin-left: .25rem!important;
  }
  .ml-xs-2, .mx-xs-2 {
    margin-left: .5rem!important;
  }
  .ml-xs-3, .mx-xs-3 {
    margin-left: 1rem!important;
  }
  .ml-xs-4, .mx-xs-4 {
    margin-left: 1.5rem!important;
  }
  .ml-xs-5, .mx-xs-5 {
    margin-left: 3rem!important;
  }
  .pl-xs-1, .px-xs-1 {
    padding-left: .25rem!important;
  }
  .pl-xs-2, .px-xs-2 {
    padding-left: .5rem!important;
  }
  .pl-xs-3, .px-xs-3 {
    padding-left: 1rem!important;
  }
  .pl-xs-4, .px-xs-4 {
    padding-left: 1.5rem!important;
  }
  .pl-xs-5, .px-xs-5 {
    padding-left: 3rem!important;
  }

  .mr-xs-1, .mx-xs-1 {
    margin-right: .25rem!important;
  }
  .mr-xs-2, .mx-xs-2 {
    margin-right: .5rem!important;
  }
  .mr-xs-3, .mx-xs-3 {
    margin-right: 1rem!important;
  }
  .mr-xs-4, .mx-xs-4 {
    margin-right: 1.5rem!important;
  }
  .mr-xs-5, .mx-xs-5 {
    margin-right: 3rem!important;
  }
  .pr-xs-1, .px-xs-1 {
    padding-right: .25rem!important;
  }
  .pr-xs-2, .px-xs-2 {
    padding-right: .5rem!important;
  }
  .pr-xs-3, .px-xs-3 {
    padding-right: 1rem!important;
  }
  .pr-xs-4, .px-xs-4 {
    padding-right: 1.5rem!important;
  }
  .pr-xs-5, .px-xs-5 {
    padding-right: 3rem!important;
  }
}