<div class="row">
            <div class="col-md-6 col-sm-6 col-xs-4">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navHeaderCollapse" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <div class=" collapse navbar-collapse"  id="navHeaderCollapse">
                    <ul class="nav nav-tabs navigation">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="products.html">Products</a></li>
                        <li><a href="about.html">About</a></li>
                        <li><a href="blog.html">Blog</a></li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-4 col-md-offset-2 col-sm-6 col-xs-8">

                    <ul class="nav nav-tabs navigation">
                        <li><a href="index.html"><img src="img/rate.png" id="rate">
                        <div class="ratebox">0</div></a></li>
                        <li><a href="#">Cart</a></li>
                    </ul>

            </div>
        </div>