.ml-10 .movie-sec ul {
  flex-wrap: wrap;
  justify-content: start;
}

.ml-10 .movie-sec ul li {
  width: 23%;
  margin: 1%;
  margin: 0;
  margin-right: 2%;
  margin-bottom: 2%;
}

.ml-10 .movie-sec ul li.four{
  margin-right: 0;
}

/********** SP **********/
@media screen and (max-width:480px) {

  .ml-10 .movie-sec ul li {
    width: 47%;
    margin-right: 3%;
    margin-bottom: 3%;
  }

/* .ml-10 .movie-sec ul li.two, */
  .ml-10 .movie-sec ul li.eight{
    margin-right: 0%;
  }

  .ml-10 .movie-sec ul li.one{
    order: 1;
  }

  .ml-10 .movie-sec ul li.two{
    order: 2;
  }

  .ml-10 .movie-sec ul li.three{
    margin-right: 3%;
    order: 3;
  }

  .ml-10 .movie-sec ul li.four{
    order: 4;
  }

  .ml-10 .movie-sec ul li.five{
    /* margin-right: 3%; */
    order: 5;
  }
  .ml-10 .movie-sec ul li.six{
    order: 6;
  }
  .ml-10 .movie-sec ul li.seven{
    order: 7;
  }
  .ml-10 .movie-sec ul li.eight{
    order: 8;
  }

  .ml-10 .movie-sec ul {
    flex-direction: initial;
  }







}