@import "../../variable";

@media (min-width: $lg-breakpoint) {
  .m-lg-0 {
    margin: 0 !important
  }

  .mt-lg-0, .my-lg-0 {
    margin-top: 0 !important
  }

  .mr-lg-0, .mx-lg-0 {
    margin-right: 0 !important
  }

  .mb-lg-0, .my-lg-0 {
    margin-bottom: 0 !important
  }

  .ml-lg-0, .mx-lg-0 {
    margin-left: 0 !important
  }

  .m-lg-1 {
    margin: .25rem !important
  }

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

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

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

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

  .m-lg-2 {
    margin: .5rem !important
  }

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

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

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

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

  .m-lg-3 {
    margin: 1rem !important
  }

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

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

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

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

  .m-lg-4 {
    margin: 1.5rem !important
  }

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

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

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

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

  .m-lg-5 {
    margin: 3rem !important
  }

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

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

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

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

  .m-lg-auto {
    margin: auto !important
  }

  .mt-lg-auto, .my-lg-auto {
    margin-top: auto !important
  }

  .mr-lg-auto, .mx-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-auto, .my-lg-auto {
    margin-bottom: auto !important
  }

  .ml-lg-auto, .mx-lg-auto {
    margin-left: auto !important
  }

  .m-lg-grid {
    margin: $md-main-padding !important;
  }
  .m-lg--grid {
    margin: -$md-main-padding !important;
  }
  .ml-lg-grid, .mx-lg-grid {
    margin-left: $md-main-padding !important;
  }
  .ml-lg--grid, .mx-lg--grid {
    margin-left: -$md-main-padding !important;
  }
  .mr-lg-grid, .mx-lg-grid {
    margin-right: $md-main-padding !important;
  }
  .mr-lg--grid, .mx-lg--grid {
    margin-right: -$md-main-padding !important;
  }

  .mt-lg-grid, .my-lg-grid {
    margin-top: $md-main-padding !important;
  }
  .mt-lg--grid, .my-lg--grid {
    margin-top: -$md-main-padding !important;
  }
  .mb-lg-grid, .my-lg-grid {
    margin-bottom: $md-main-padding !important;
  }
  .mb-lg--grid, .my-lg--grid {
    margin-bottom: -$md-main-padding !important;
  }

}