Last Menu Element Styling with Custom CSS

Site Origin Team!
Can’t stress how much I love vantage & page builder! We keep using it on and on.

Anyways, to the point.

We are working on http://iluminadot.com/

and used the following code for the menu hover effect:

/* Vantage Menu UNDERLINE Effect */
.main-navigation ul li:hover > a {
        background: none !important;
  	border-bottom-width: 1px;
        border-bottom-style: solid;
        padding-bottom: 2px;
}

And the following to style the Last Element:

/* Last of type*/
.main-navigation ul li:last-of-type {
    margin-left:40px;
    margin-right:40px;
    background: #333333;
}
.main-navigation ul ul li:last-of-type:hover > a {
    border: none !important;
}

With that last line we tried to remove the hover effect from that last menu element but could not pull it off,
any suggestions?

(That last menu is a link to an E-Store that is why we keep highlighting it )

Thanks in advance for the great and constant support,
Cheers from mexico,
J.

URL: http://iluminadot.com/