@import '../../variable';

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

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

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

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

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

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  /* отрицательные значения*/
  .m-md--1 {
    margin: -0.25rem !important;
  }

  .mt-md--1,
  .my-md--1 {
    margin-top: -0.25rem !important;
  }

  .mr-md--1,
  .mx-md--1 {
    margin-right: -0.25rem !important;
  }

  .mb-md--1,
  .my-md--1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-md--1,
  .mx-md--1 {
    margin-left: -0.25rem !important;
  }

  .m-md--2 {
    margin: -0.5rem !important;
  }

  .mt-md--2,
  .my-md--2 {
    margin-top: -0.5rem !important;
  }

  .mr-md--2,
  .mx-md--2 {
    margin-right: -0.5rem !important;
  }

  .mb-md--2,
  .my-md--2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-md--2,
  .mx-md--2 {
    margin-left: -0.5rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .m-md-auto {
    margin: auto !important;
  }

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

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

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

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

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

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

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

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

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

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