/* Enter Your Custom CSS Here */
.head-navbar ul#main-menu li a {position: relative;height: auto;}

.head-navbar ul#main-menu li a:before {content: '';background: #d81f26;display: block;width: 0;height: 3px;position: absolute;bottom: 0;vertical-align: middle;transition: 0.5s;}

.head-navbar ul#main-menu li a:hover:before {
    width: 40px;
}