@media screen and (min-width: 700px) {
  .custom-select {
    position: relative;
    display: inline-block;
  }

  .custom-select select {
    display: none !important;
  }

  .select-items div,
  .select-selected {
    cursor: pointer;
    white-space: nowrap;
  }

  .select-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
  }

  .select-hide {
    display: none;
  }
}

@media screen and (max-width: 701px) {
  .custom-select .select-selected,
  .custom-select .select-items {
    display: none !important;
  }
}