/* Mobile Layout: 320px. */

@media only screen and (min-width: 320px) and (max-width: 567px) {

.container {
  width: 300px;
}

}
/* wide Mobile Layout: 480px. */

@media only screen and (min-width: 568px) and (max-width: 767px) {

.container {
  width: 568px;
}

}

/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.container {
  width: 768px;
}

}