.shop-magic-wrapper-7 {

  .shop-magic-item-1 {
    width: 50%;
    > div {
      width: 100%;
      padding-top: 200%;
    }
  }

  .shop-magic-item-2 {
    width: 50%;
    > div {
      width: 100%;
      padding-top: 100%;
    }
  }

  .shop-magic-item-3 {
    width: 25%;
    > div {
      width: 100%;
      padding-top: 200%;
    }
  }

  .shop-magic-item-4 {
    width: 25%;
    > div {
      width: 100%;
      padding-top: 200%;
    }
  }
}