<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="flight-engine">
<div class="container">
<div class="tabing">
<ul>
<li><a class="active" href="#1"><i class="fa fa-plane" aria-hidden="true"></i> Flight</a>
</li>
<li><a href="#2"><i class="fa fa-plane" aria-hidden="true"></i> Flight</a>
</li>
</ul>
<div class="tab-content">
<div id="1" class="tab1 active">
<div class="flight-tab row">
<div class="persent-one">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<input type="text" name="dep" class="textboxstyle" id="dep" placeholder="From City or airport">
</div>
<div class="persent-one">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<input type="text" name="dep" class="textboxstyle" id="arival" placeholder="To City or airport">
</div>
<div class="persent-one less-per">
<i class="fa fa-calendar" aria-hidden="true"></i>
<input type="text" name="dep" class="textboxstyle" id="from-date1" placeholder="Depart">
</div>
<div class="persent-one less-per">
<i class="fa fa-calendar" aria-hidden="true"></i>
<input type="text" name="dep" class="textboxstyle" id="to-date" placeholder="Returrn">
</div>
<div class="persent-one">
<i class="fa fa-user" aria-hidden="true"></i>
