Not sure what you're trying to do exactly.
If you want the website to look the same way it looks in smaller screens, Then perhaps you should consider replacing this code in the first top container
<div class="row">
<div class="col-lg-7 nopadding" align="left">...</div>
<div class="col-lg-5 nopadding" align="left">...</div>
</div>
with this:
<div class="row">
<div class="col-lg-12 nopadding" align="left">...</div>
</div>
<div class="row">
<div class="col-lg-12 nopadding" align="left">...</div>
</div>
So the elements would appear in different rows and would take up the full width of the page instead of appearing adjacently.
in case i misunderstood the issue, let me know in the reply so i can help you better! ;)
Syed Fazle Rahman
Building Bug0, an AI-native E2E testing platform for modern apps - co-founder & ceo @ Hashnode