.mc {
  margin: 0 auto;
}

@media screen and (max-width: 374px) {
  .mc {
    max-width: 288px;
  }
}

@media screen and (min-width: 375px) and (max-width: 767px) {
  .mc {
    max-width: 337px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .mc {
    max-width: 720px;
  }
}

@media screen and (min-width: 1024px) and (max-width:  1365px) {
  .mc {
    max-width: 960px;
  }
}

@media screen and (min-width: 1366px) and (max-width: 1919px) {
  .mc {
    max-width: 1140px;
  }
}

@media screen and (min-width: 1920px) {
  .mc {
    max-width: 1320px;
  }
}