I have come across the following HTML code which appears to be using bootstrap, however, it is not responsive. It is supposed to be responsive and adapt to mobile and tablet devices, but it still displays the desktop view on mobile and tablet screens.
<div class="overlap"></div>
<div class="container">
<div class="row justify-content-center pb-5 pt-3" >
<div class="col-md-5 block mt-3">
<form (ngSubmit)="SearchBus(f)" #f=ngForm>
<div class="row">
<div class="form-group col-md-6">
<label>Leaving from</label>
<select (change)="leave($event)"name="leaving_form" required ngModel class="form-control form-control-sm">
<option value="">Select Place</option>
<option value="dhaka">Dhaka</option>
<option value="comilla">Comilla</option>
<option value="chittagong">Chittagong</option>
</select>
</div>
<div class="form-group col-md-6">
<label>Going To</label>
<select name="going_to" [ngModel]="place[0].key" required class="form-control form-control-sm">
<!-- <option value="1109001">Comilla</option>
<option value="1109002">Chittagong</option>
<option value="1109003">Sylet</option>
<option value="1109004">Barishal</option> -->
<option *ngFor="let p of place" [value]="p.key">{{p.value}}</option>
</select>
</div>
</div>
<div class="row">
<div class="form-group col-md-12">
<label for="">Departing On</label>
<input type="date" required class="form-control form-control-sm" ngModel name="depart_date" >
</div>
</div>
<button [disabled]="!f.valid"class="btn btn-block mt-3 btn-search btn-sm"> <i class="fas mr-2 fa-search"></i> Search Buses</button>
</form>
</div>
<div class="col-md-5 slider mt-3 ">
<img src="../assets/img/redBus-coupons-offers-1586.PNG" class="img-fluid">
</div>
</div>
</div>
What steps can be taken to ensure that the above code is responsive on all devices?