Nx

Filename: topbar.php

<style>
      
    article{background:#f76e85;color:#fff;padding:3px 5px;font-weight:500;}

@media (max-width:912px){

article span{display:none;}
      .logo_image{width:150px;}

}

@media (max-width:414px){

article span{display:none;}
      .logo_image{width:120px;}

}

</style>

<nav class="social">
        <ul style="cursor: pointer;">
            <li><a data-toggle="modal" data-target="#brochure_modal"><span>e-Brochure</span><i class="fa fa-book twitter"></i></a></li>
        </ul>
    </nav>

<div class="top-bar">
        
        <div class="container">
            <div class="row d-flex justify-content-between align-items-center border_menu">
              <div class="col-lg-6 col-md-6 col-6">
                  <a href="index.php"><img src="assets/images/logo_wrapper.png" class="logo_image" alt="img"></a>
              </div>
              <div class="col-lg-6 col-md-6 col-6">
                    <div class="social-links">
                      
                        <a href="https://www.facebook.com/orioncorporatealliance/" class="social-button" target="#blank"><i class='bx bxl-facebook fb'></i></a>
                        <a href="https://twitter.com/orion_pvt" class="social-button" target="#blank"><i class='bx bxl-twitter twi'></i></a>
                        <a href="https://www.instagram.com/orioncorporatealliance/" class="social-button" target="#blank"><i class='fa fa-instagram insta'></i></a>
                        <a href="https://www.linkedin.com/company/orion-corporate-alliance-pvt-ltd/" class="social-button" target="#blank"><i class='bx bxl-linkedin link'></i></a>
                        
           
                    </div>
              </div>
            </div>
            <hr style="border-top:1px solid #d31c59;margin-bottom:0px !important;">
        </div>
    </div>