.row.no-gutters [class^="col-"],
.row.no-gutters [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
.no-left-gutter {
  padding-left: 0;
}
.no-right-gutter {
  padding-right: 0;
}
.no-gutters {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  /* sm */
  .no-sm-left-gutter {
    padding-left: 0;
  }
  .no-sm-right-gutter {
    padding-right: 0;
  }
  .no-sm-gutters {
    padding-left: 0;
    padding-right: 0;
  }
  .sm-left-gutter {
    padding-left: 15px;
  }
  .sm-right-gutter {
    padding-right: 15px;
  }
  .sm-gutters {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* md */
  .no-md-left-gutter {
    padding-left: 0;
  }
  .no-md-right-gutter {
    padding-right: 0;
  }
  .no-md-gutters {
    padding-left: 0;
    padding-right: 0;
  }
  .md-left-gutter {
    padding-left: 15px;
  }
  .md-right-gutter {
    padding-right: 15px;
  }
  .md-gutters {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1200px) {
  /* lg */
  .no-lg-left-gutter {
    padding-left: 0;
  }
  .no-lg-right-gutter {
    padding-right: 0;
  }
  .no-lg-gutters {
    padding-left: 0;
    padding-right: 0;
  }
  .lg-left-gutter {
    padding-left: 15px;
  }
  .lg-right-gutter {
    padding-right: 15px;
  }
  .lg-gutters {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  /* xs */
  .no-xs-left-gutter {
    padding-left: 0;
  }
  .no-xs-right-gutter {
    padding-right: 0;
  }
  .no-xs-gutters {
    padding-left: 0;
    padding-right: 0;
  }
  .xs-left-gutter {
    padding-left: 15px;
  }
  .xs-right-gutter {
    padding-right: 15px;
  }
  .xs-gutters {
    padding-left: 15px;
    padding-right: 15px;
  }
}