How can I make the layout work on screens 575px and below with the class "col-xs-6 col-sm-6 col-md-8"?
<div class="container">
<div class="row align-items-center">
<div class="col-xs-6 col-sm-6 col-md-8">
<!-- Top Contact -->
<div class="top-contact">
<div class="single-contact"><i class="fas fa-phone-alt"></i>Phone: 1800 123 4567</div>
<div class="single-contact d-none d-lg-inline-block"><i class="fa fa-envelope-open"></i><a href="mailto:<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="fe97909891be9b939f9792d09d9193">[email protected]</a>"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a4cdcac2cbe4c1c9c5cdc88ac7cbc9">[email protected]</a></a></div>
<!-- <div class="single-contact"><i class="fa fa-clock-o"></i>Opening: 09AM - 06PM</div> -->
</div>
<!-- End Top Contact -->
</div>
<div class="col-xs-6 col-sm-6 col-md-4">
<div class="topbar-right">
<!-- Social Icons -->
<ul class="social-icons">
<li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
<div class="button">
<a href="contact.php" class="pixcorp-btn">Get a Quote</a>
</div>
</div>
</div>
</div>
</div>
The screenshot of the issue can be found at this link: