@media で指定した min-width: 600px の際の calc のマイナスする幅は 16px 未満だと
画面幅を 600px 以上に広げた際に box が 3 列にならないのでしょうか。

@media (min-width: 600px) {
  .box {
    width : calc((100% - 15px) / 3) 
  }
}