<ul>
    <li class="txt-s padlr-1 item-hover gray "> <a href="">Home</a></li>
    <li class="txt-s gray">
        <div class="padlr-1">
            <a class="item-hover " href="">Badminton</a>
            <ul class="padlr-1 ">
                <li class="padlr-1 item-hover"><a href="">Rackets</a></li>
                <li class="padlr-1 item-hover"><a href="">Guts</a></li>
                <li class="padlr-1 item-hover"><a href="">Shoes</a></li>
            </ul>
        </div>
    </li>
    <li class="txt-s padlr-1 item-hover gray"><a href="">Training</a></li>
    <li class="txt-s padlr-1 item-hover gray"><a href="">Suppliments</a></li>
</ul>