.td-header-style-4  .sf-menu li a:before{
    background-color: transparent;
    content: '';
    width: 0;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: width 0.2s ease;
    transition: width 0.2s ease;
}

body .td-header-style-4 .sf-menu  li:hover  a:before{
    background-color: red;
    width: 100%!important;
}