::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

.container {
  width: 100%;
  max-width: 1170px;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 60px;
  padding: 0;
}

/* Small specific styles */
@media (550px > width >= 310px) {
  .container {
    width: calc(100vw - 30px);
  }
}

/* Phone specific styles */
@media (768px > width >= 550px) {
  .container {
    width: calc(100vw - 30px);
  }
}

/* Tablet specific styles */
@media (1200px > width >= 768px) {
  .container {
    width: calc(100vw - 30px);
  }
}

/* PC specific styles */
@media (width >= 1200px) {
  .container {
    width: calc(100vw - 30px);
  }
}