<div id="top-bar">
    <div class="container clearfix">
        <div class="col_half d-none d-md-block nobottommargin clearfix">
            {{-- Top Social --}}
            <div id="top-social">
                <ul>
                    <li><a href="#" class="si-facebook"><span class="ts-icon"><i class="icon-facebook"></i></span><span class="ts-text">Facebook</span></a></li>
                    <li><a href="#" class="si-twitter"><span class="ts-icon"><i class="icon-twitter"></i></span><span class="ts-text">Twitter</span></a></li>
                    <li><a href="#" class="si-instagram"><span class="ts-icon"><i class="icon-instagram2"></i></span><span class="ts-text">Instagram</span></a></li>
                </ul>
            </div>
            {{-- #top-social end --}}
        </div>
        <div class="col_half fright col_last clearfix nobottommargin">
            <div class="top-links">
                <ul>
                    <li><a href="#">ES</a>
                        <ul>
                            <li><a href="#">EN</a></li>
                        </ul>
                    </li>
                    <li class="d-none d-md-block"><a href="#"><i class="icon-phone3 "></i> +54-341-9876-221</a></li>
                    <li><a href="#" data-scrollto="#" data-offset="100" data-easing="easeInOutExpo" data-speed="1200" class="bgcolor"
                            style="color:#fff;">Chat</a></li>
                </ul>
            </div>
            <!-- .top-links end -->

        </div>
    </div>
</div>