@media screen and (min-width: 1440px) {
  .podcast-container {
    width: 1280px;
  }
  .podcast-container .podcast-list .podcast-list-item {
    width: 405px;
    height: 358px;
  }
}

@media screen and (min-width: 1260px) and (max-width: 1440px) {
  .podcast-container {
    width: 1040px;
  }
  .podcast-container .podcast-list .podcast-list-item {
    flex: 0 0 calc(33% - 20px);
    height: 358px;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1260px) {
  .podcast-container {
    width: 890px;
  }
  .podcast-container .podcast-list .podcast-list-item {
    flex: 0 0 300px;
    height: 358px;
    flex-grow: 1;
  }
}

@media screen and (min-width: 750px) and (max-width: 1000px) {
  .podcast-container {
    width: 660px;
  }

  .podcast-container .podcast-list .podcast-list-item {
    height: 358px;
    flex: 0 0 calc(50% - 20px);
  }
}

@media screen and (max-width: 750px) {
  .podcast-container {
    padding: 30px 20px;
  }
  .podcast-container .podcast-title {
    font-size: 24px;
  }

  .podcast-container .podcast-list .podcast-list-item-bg.podcast-list-item-bg-m {
    display: inline-block;
  }

  .podcast-container .podcast-list .podcast-list-item-bg.podcast-list-item-bg-pc {
    display: none;
  }

  .podcast-container .podcast-crumbs {
    display: none;
  }

  .podcast-container .podcast-list {
    justify-content: center;
  }
  .podcast-container .podcast-filter {
    padding: 0;
  }
  .podcast-container .podcast-filter-item ,
  .podcast-container .podcast-filter-item--more{
    font-size: 16px;
    padding: 5px 18px;
  }

  .podcast-container .podcast-list .podcast-list-item {
    height: 300px;
    width: 250px;
  }

  .podcast-container .podcast-list .podcast-list-content-desc {
    font-size: 16px;
  }
}