$spaceamounts: (0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 60, 70, 80, 90, 100); // Adjust this to include the pixel amounts you need.
$sides: (top, bottom, left, right); // Leave this variable alone

@each $space in $spaceamounts {
  @each $side in $sides {
    .m-#{str-slice($side, 0, 1)}-#{$space} {
      margin-#{$side}: #{$space}px;
    }

    .p-#{str-slice($side, 0, 1)}-#{$space} {
      padding-#{$side}: #{$space}px;
    }
  }
}

.page-gutter {
	padding-left: 11rem;
	padding-right: 11rem;
  @media(max-width: 991px) {
    padding-left: 5rem;
    padding-right: 5rem;
  }
	@media(max-width: 767px) {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

.xs-clear {
  @media(max-width: 767px){
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

.is-borderred {
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 5px;
}

.img-responsive {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.is-block {
  display: block;
}

.is-full-width {
  width: 100%;
}

.md-p-r-0 {
  @media(min-width: 992px){
    padding-right: 0;
  }
}

.fs-shadow {
    box-shadow: 0 3px 2px -1px rgba(0,0,0,.87);
}

.m-md-15 {
  @media (min-width: 992px) {
    margin: 0 15px;
  }
}