.choose-main {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  flex-direction: row;
}

.choose-item-black {
  background: black;
  opacity: 0.8;
  height: 100%;
  width: 50%;
  position: absolute;
  top: 0px;
}

.choose-main {
}

.desktop {
  display: block;
}
.mobile {
  display: none;
}

@media (max-width: 1245.98px) {
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
    height: 80%;
    width: 80%;
    margin-top: 5%;
  }
}

@media (max-width: 980px) {
  .mobile {
    margin-top: 15vh;
  }
}

@media (max-width: 980px) {
  .mobile {
    margin-top: 20vh;
  }
}

@media (max-width: 580px) {
    .mobile {
      margin-top: 30vh;
    }
  }

  @media (max-width: 400px) {
    .mobile {
      margin-top: 35vh;
    }
  }