Cacher is the code snippet organizer for pro developers

@media screen and (max-width: 1200px) { //hd
  
  .container {
    width: 970px;
}

}

@media screen and (max-width: 992px) { //laptop

  .container {
    width: 750px;
}

}

@media screen and (max-width: 768px) { //tablet

  .container {
    width: 480px;
}

}

@media screen and (max-width: 480px) { //smart

  .container {
    width: auto;
}

}