// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-with:1200px) {
  .container: with:970px;
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-with:991px) {
  .container: with:750px;
}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-with:767px){
  .container: with:540px;
}

// Small devices (landscape phones, 480px and up)
@media (min-width: 480px) and (max-with:575px){
  .container: with:450px;
}

// Extra Small devices (320px and up)
@media (min-width: 320px){
  .container: with:100%;
}