More container breakpoints – bootstrap columns

Hi, is there an option to create more breakpoints than 3 (mobile, tablet, desktop)?

I would like to create something like this (something like we have in the Bootstrap grid):

@media?(min-width: 1442px) {
  .container?{
    max-width: 1442px;
  }
}

@media?(min-width: 1200px){
  .container?{
    max-width: 1200px;
  }
}

@media?(min-width: 992px){
  .container?{
    max-width: 992px;
  }
}

@media?(min-width: 768px) {
  .container?{
    max-width: 768px;
  }
}

.container?{
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}