@media screen and (max-width: 720px) {
    .pc-header-menu{
      display: none;
    }
  
    .mb-header-menu{
      display: flex;
    }

    .banner-div{
        display: none;
    }

    .mb-banner{
        display: block;
    }

    .swiper-button{
        display: none;
    }

    .our-game-inner{
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 60px;
    }

    .our-game-detail{
      width: 80%;
      justify-content: center;
      align-items: center;
      text-align: center;
      gap: 20px;
    }

    .plan-div-inner{
      flex-direction: column-reverse;
      justify-content: center;
    }

    .plan-details{
      width: 80%;
      justify-content: center;
      align-items: center;
      text-align: center;
      gap: 20px;
    }

    .about-div{
      padding: 120px 0 0 0;
    }

    .about-div-inner{
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 60px;
    }

    .about-details{
      width: 80%;
      justify-content: center;
      align-items: center;
      text-align: center;
      gap: 20px;
    }
    
    .about-img-inner-div{
      position: relative;
      bottom: 0;
    }

    .contact-div-inner{
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 20px;
    }

    .contact-details{
      width: 80%;
      justify-content: center;
      align-items: center;
      text-align: center;
      gap: 20px;
    }

    .mail-div{
      display: none;
    }

    .contact-form{
      padding: 20px 10px;
    }

    .mail-inner-div img{
      cursor: pointer;
      width: 15px;
    }

    .contact-details2{
      display: flex;
    }
    
    /* img */
    .plan-div .plan-img{
      width: 90%;
    }
    
    .contact-form{
      width: 90%;
    }

    .about-img-div{
      width: 100%;
    }

    .our-game-carousel{
      width: 100%;
    }

    .our-game-inner-div img{
     height: 101px;
    }

    .our-game-inner-div {
      animation: scrollVertical 15s linear infinite;
    }

    .our-game-inner-div.reverse {
      animation: scrollVerticalReverse 15s linear infinite;
    }

    @keyframes scrollVertical {
      0% {
        transform: translateY(0);
      }
      100% {
        transform: translateY(-606px);
      }
    }
    
    @keyframes scrollVerticalReverse {
      0% {
        transform: translateY(-606px);
      }
      100% {
        transform: translateY(0);
      }
    }
    

  }