@menubar-background: #fafafa;

@mobile-trigger: 400px;

@mobile-trigger: 480px;

    background-color: #fafafa;

    background-color: @menubar-background;

.menubar-item:hover,
.menubar-item .active {

.menubar-item:hover {
    color: @hovercolor;
    border-bottom: 4px solid @hovercolor;
}
.menubar-item.active,
.menubar-item.active:hover {

    border-bottom: 4px solid #fb8805;

    cursor: default;
    border-bottom: 4px solid transparent !important;

    background-color: #fff;

    background-color: @cardcolor;

@media only screen and (max-width: 360px) {

@media only screen and (max-width: 480px) {

        background-color: #fff;

        background-color: @cardcolor;

    color: @fontcolor;

    color: @hovercolor;