@media screen and (min-width: 0px) and (max-width: 414px) {
  .choice-space {
    .space-box {
      width: 100% !important;
    }
  }

}

@media screen and (min-width: 414px) and (max-width: 640px) {
  .choice-space {
    .space-box {
      width: 50% !important;
    }
  }

}

@media screen and (min-width: 640px) and (max-width: 1200px) {
  .choice-space {
    .space-box {
      width: 33.33% !important;
    }
  }

}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .choice-space {
    .space-box {
      width: 25% !important;
    }
  }

}

@media screen and (min-width: 1440px) {
  .choice-space {
    .space-box {
      width: 20% !important;
    }
  }

}


@media screen and (min-width: 0px) and (max-width: 585px) {
  .scene-config {
    .time-btn-small {
      width: 68px !important;
    }
  }

}

@media screen and (min-width: 585px) and (max-width: 700px) {
  .scene-config {
    .time-btn-small {
      width: 58px !important;
    }
  }

}

@media screen and (min-width: 700px) and (max-width: 860px) {
  .scene-config {
    .time-btn-small {
      width: 48px !important;
    }
  }

}

@media screen and (max-width: 640px) {
  .popup-content {
    padding: 2.33vh 20px !important;
  }
}

@media screen and (min-width: 640px) {
  .popup-content {
    padding: 2.33vh 15px !important;
  }
}

@media screen and (min-width: 860px) {
  .main-left {
    width: calc(100% - 330px) !important;
  }

  .main-right {
    width: 330px !important;
  }
  .popup-content-small{
    width: 375px !important;
  }
}