Få flera dropdowns att visas korrekt när alla har samma id

Hur får man en dropdown att använda rätt css så dom faktiskt ser likadana ut? Har inte super bra koll på hur css fungerar så kanske helt enkelt kallar fel i html koden?

<select id="demo-select2-1" class="form-control" name="company">
     <option value=''>None</option>
</select>

Såhär ser kodblocket ut på sidan:

Som ni ser så ser den första dropdownen fin ut, men dom andra två är inte lika fina.
Byter jag ut "demo-select2-1" till tex "demo-select2" i första dropdownen kommer sidan se ut såhär:

Känns inte som jag måste kopiera css koden 3 gånger bara för att de ska fungera utan snarare som att jag gör något fel men vet inte vad.
Detta är koden för varje vit liten låda:

        <div class="col-xs-6 col-md-4">
          <div class="panel panel-body text-center" data-toggle="match-height">
            <h5>Select user</h5>
            <p>
              <small class="text-muted">Just random information</small>
            </p>
            <select id="demo-select2-1" class="form-control" name="namn">
                 <option value=''>None</option>
            </select>
          </div>
        </div>

Okej, tack.
Eftersom personen som designat detta temat har lagt unikheten på ids så måste jag fixa det. Kan du guida mig hur jag ska göra?
Att lägga demo-select2-1 i class namnet gjorde nämligen inget.

EDIT: nevermind. jag löste de tack vare er hjälp. Behövde tydligen bara ändra numren i koden till högre tal