<div class="hbr-main pad-main">
    <div class="block-title-main">
        <h2>Our Brands</h2>
        <div class="title-border"></div>
    </div>
    <div class="hbr-main">
        <div style="margin: 0 -10px">
            <div class="hbr-content hbr-slider">
                <div class="hbr-inner">
                    <a href="#">
                        <img class="img-resp center-b" src="{{media url="wysiwyg/home/img-232-86.png"}}" alt="img-232-86" />
                    </a>
                </div>
                <div class="hbr-inner">
                    <a href="#">
                        <img class="img-resp center-b" src="{{media url="wysiwyg/home/img-232-86.png"}}" alt="img-232-86" />
                    </a>
                </div>
                <div class="hbr-inner">
                    <a href="#">
                        <img class="img-resp center-b" src="{{media url="wysiwyg/home/img-232-86.png"}}" alt="img-232-86" />
                    </a>
                </div>
                <div class="hbr-inner">
                    <a href="#">
                        <img class="img-resp center-b" src="{{media url="wysiwyg/home/img-232-86.png"}}" alt="img-232-86" />
                    </a>
                </div>
                <div class="hbr-inner">
                    <a href="#">
                        <img class="img-resp center-b" src="{{media url="wysiwyg/home/img-232-86.png"}}" alt="img-232-86" />
                    </a>
                </div>
                <div class="hbr-inner">
                    <a href="#">
                        <img class="img-resp center-b" src="{{media url="wysiwyg/home/img-232-86.png"}}" alt="img-232-86" />
                    </a>
                </div>
                <div class="hbr-inner">
                    <a href="#">
                        <img class="img-resp center-b" src="{{media url="wysiwyg/home/img-232-86.png"}}" alt="img-232-86" />
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>