JSFiddle - React, Tailwind, and code Playground

HTML

<form class="frontbannercontainer form-horizontal">
    	<fieldset class="frontbanner">
    		<h1 class="frontbannertitle">Enquire Now!</h1>
    		<div class="control-group">
    			<div class="controls">
                    <input id="textinput1" class="frontbannertext input-xlarge" type="text" name="textinput"></input>
    			</div>
    		</div>
    		<div class="control-group">
    			<div class="controls">
    				<input id="textinput2" class="frontbannertext input-xlarge" type="text" name="textinput"></input>
    			</div>
    		</div>
    		<div class="control-group">
    			<div class="controls 3rdForm">
    				<input id="textinput3" class="frontbannertext input-xlarge" type="text" name="textinput"></input>
    			</div>
    		</div>
    		<div class="control-group">
    			<div class="controls 4thForm">
    				<select id="selectbasic" class="frontbannerselect input-xlarge" name="selectbasic">
    					<option selected="selected" disabled="disabled" value="0">Select Membership</option>
    					<option value="1">Individual Membership</option>
    					<option value="2">Corporate Membership</option>
    				</select>
    			</div>
    		</div>
    		<div id="SliderFormPhone">
    			<span id="ques">Enquire By Phone:</span>
    			<span id="ph">(02) 000 000</span>
    		</div>
    		<div class="control-group">
    			<div class="controls">
    				<button id="singlebutton" class="frontbannerbutton btn btn-primary" name="singlebutton">Apply!</button>
    			</div>
    		</div>
    	</fieldset>
    </form>

CSS

.4thForm{
    display:block;
margin-top:-7em;
}