/* Mobile: 767px tak */
@media (max-width: 767px) {
  .zs-align .zprow {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
  }
  .zs-align .zpelem-col {
    width: 100% !important;
    flex: 0 0 100% !important;
  }
  .zs-align .zpelem-box {
    background-position: center top !important;
    min-height: 350px !important;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .zs-align .zpbox-container {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .zs-align .zpcontainer .zprow .zpelem-col .zpelement {
    width: 100% !important;
  }
}

/* Tablet: 768px se 912px */
@media (min-width: 768px) and (max-width: 912px) {
  .zs-align .zprow {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px;
  }
  .zs-align .zpelem-box {
    background-position: center top !important;
    min-height: 350px !important;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .zs-align .zpbox-container {
    display: flex !important;
    justify-content: flex-end;
    width: 100%;
  }
  .zs-align .zprow .zpelem-col {
    width: calc(50% - 10px);
  }
}

@media (max-width: 991px) {
  .zpbackground-size-cover {
    background-size: cover !important;
  }
}
@media (max-width: 767px) {
  [data-themebanner] .zpvideo-bg-container .zpvideo-fallback-image {
      background-size: contain !important;
      background-position: center center !important;
      background-repeat: no-repeat !important;
      background-color: #FFFFFF !important;
  }
}