.container{
  width: 100%;
}
@media (min-width: 576px){
  .container {
      max-width: 540px;
  }
}
@media (min-width: 768px){
  .container {
      max-width: 720px;
  }
}
@media (min-width: 992px){
  .container {
      max-width: 960px;
  }
}

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

@media (max-width: 576px){
  .container {
      max-width: 540px;
      width: auto;
          padding: 0 15px;
  }
}

*, ::after, ::before {
    box-sizing: border-box;
}