.top-hero .m-hero-item.f-y-center>div>div {
  top: 50% !important;
}

@media screen and (max-width: 767px) {

  .top-hero .m-hero-item:before {
    padding-bottom: 153%;
}
  .top-hero .m-hero-item>picture {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      z-index: 0;
      width: 100%;
      overflow: hidden;
      transform: none;
  }
  .top-hero .m-hero-item>div {
      width: 88%;
      height: auto !important;
      max-width: 2048px;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
      margin: 0 auto;
      overflow: visible;
  }
  .top-hero .m-hero-item.f-transparent>div>div {
      position: absolute;
      z-index: 1;
      top: 50% !important;
      left: 50%;
      transform: translate(-50%, -50%) !important;
  }
}

@media screen and (max-width: 479px) {
  .top-hero .m-hero-item .c-group {
    margin-top: 8px;
  }
}