JSFiddle - React, Tailwind, and code Playground

HTML

<select class="select-menu">
  <option value="#">Navigate to...</option>
  <option value="#" selected="selected">Home</option>
  <option value="#">About Us</option>
  <option value="#">–Media</option>
  <option value="#">–Our Team</option>
  <option value="#">Services</option>
  <option value="#">–Construction</option>
  <option value="#">–Build</option>
  <option value="#">–General</option>
  <option value="#">–Management</option>
  <option value="#">–Facility</option>
  <option value="#">Projects</option>
  <option value="#">Blog</option>
  <option value="#">Contact</option>
</select>

CSS

select.select-menu option:nth-child(4),
select.select-menu option:nth-child(5),
select.select-menu option:nth-child(n+7):nth-child(-n+11) {
  display: none !important;
  height: 0px;
  width: 0px;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
}