#slides {
  display: none
}

.container {
  margin: 0 auto
}

/* For tablets & smart phones */
@media (max-width: 767px) {
  body {
	padding-left: 20px;
	padding-right: 20px;
  }
  .container {
	width: auto
  }
}

/* For smartphones */
@media (max-width: 480px) {
  .container {
	width: auto
  }
}

/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) {
  .container {
	width: 724px
  }
}

/* For larger displays */
@media (min-width: 1200px) {
  .container {
	width: 1170px
  }
}