@media only screen and (min-width: 750px) {
    .genstore-container.pc-image-padding-none {
      padding: 0
    }
        .genstore-container .collection-banner-container.pc-image-cover:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 1;
          opacity: var(--opacity);
          background: #000000;
        }

}


.collection-banner-box.genstore-container.no-padding {
      padding-left: 0;
      padding-right: 0;
    }

.collection-banner-container {
  display: flex;
  gap: var(--genstore-spacing-gap-1200);
  position: relative;
}

.collection-banner-container.pc-image-cover.page-width {
      width: 100%;
      max-width: unset;
      overflow: hidden;
    }

.collection-banner-container.pc-image-cover.top .collection-banner-content-wrapper {
        align-items: flex-start;
      }

.collection-banner-container.pc-image-cover.bottom .collection-banner-content-wrapper {
        align-items: flex-end;
      }

.collection-banner-container.pc-image-cover.center .collection-banner-content-wrapper {
        align-items: center;
      }

.collection-banner-container.pc-image-cover .collection-banner-content-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      z-index: 1;
    }

.collection-banner-container.pc-image-cover .collection-banner-content-wrapper .collection-banner-content-container {
        margin: 0 auto;
        min-width: 20rem;
        padding: 3.75rem 0;
      }

.collection-banner-container.pc-left-content {
    flex-direction: row-reverse;
  }

.collection-banner-container.top {
    align-items: flex-start;
  }

.collection-banner-container.center {
    align-items: center;
  }

.collection-banner-container.bottom {
    align-items: flex-end;
  }

.collection-banner-container .collection-banner-image-wrapper, .collection-banner-container .collection-banner-content-wrapper {
    flex: 1;
  }

.collection-banner-container .collection-banner-content-container {
    max-width: 45rem;
  }

.collection-banner-container .collection-banner-content-wrapper {
    display: flex;
  }

.collection-banner-container .collection-banner-content-wrapper.left {
      text-align: left;
      justify-content: flex-start;
    }

.collection-banner-container .collection-banner-content-wrapper.right {
      text-align: right;
      justify-content: flex-end;
    }

.collection-banner-container .collection-banner-content-wrapper.center {
      text-align: center;
      justify-content: center;
    }

@media only screen and (max-width: 750px) {
    .genstore-container.mobile-image-padding-none {
      padding: 0;
    }
        .genstore-container .collection-banner-container.mobile-image-cover:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          z-index: 1;
          bottom: 0;
          opacity: var(--opacity);
          background: #000000;
        }
    .collection-banner-container .collection-banner-image-wrapper, .collection-banner-container .collection-banner-content-wrapper {
      width: 100%;
    }

    .collection-banner-container.mobile-top-image {
      display: flex;
      flex-direction: column;
    }

      .collection-banner-container.mobile-top-image .collection-banner-content-wrapper {
        position: relative;
      }

        .collection-banner-container.mobile-top-image .collection-banner-content-wrapper .collection-banner-content-container {
          padding: 0;
        }

    .collection-banner-container.mobile-top-content {
      flex-direction: column-reverse;
    }

      .collection-banner-container.mobile-top-content .collection-banner-content-wrapper {
        position: relative;
      }

        .collection-banner-container.mobile-top-content .collection-banner-content-wrapper .collection-banner-content-container {
          padding: 0;
        }
      .collection-banner-container.mobile-image-cover.page-width {
        width: 100%;
        max-width: unset;
      }
        .collection-banner-container.mobile-image-cover.top .collection-banner-content-wrapper {
          align-items: flex-start;
        }
        .collection-banner-container.mobile-image-cover.bottom .collection-banner-content-wrapper {
          align-items: flex-end;
        }
        .collection-banner-container.mobile-image-cover.center .collection-banner-content-wrapper {
          align-items: center;
        }

      .collection-banner-container.mobile-image-cover .collection-banner-content-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        padding: 1.5rem;
      }

        .collection-banner-container.mobile-image-cover .collection-banner-content-wrapper .collection-banner-content-container {
          width: 100%;
          height: 100%;
          padding: 0
        }

}