Hello,
Please try this code:
@media only screen and (min-width: 993px) {
.tbs {
padding-top: 0;
}
.header .navbar {
padding: 0;
}
.menu > li > a {
padding-top: 40px;
padding-bottom: 40px;
padding: 40px 20px;
}
.menu > li:last-child > a {
background: #b11111;
color: #fff !important;
}
.menu > li.current-menu-item > a:after {
position: absolute;
bottom: 0;
width: 100%;
height: 2px;
background: #b11111;
content: '';
left: 0;
right: 0;
}
.menu > li.current-menu-item > a {
position: relative;
}
.menu > li:last-child > a:before {
content: '\f095';
font-family: 'fontawesome';
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -150%);
}
.fixed-header-area .header-logo {
padding: 0;
}
.fixed-header-area .menu-main-container > ul {
padding-top: 0;
}
.fixed-header-area .collapse br {
display: none;
}
.fixed-header-area .menu-main-container > ul li {
vertical-align: bottom;
}
.fixed-header-area {
box-shadow: none;
border: none;
}
}
Regards