.header-area .header-area__inner > *:nth-child(1) {
    margin: 0 auto !important;
        padding: 12px 0;
}
.header__nav.pos-center {
position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 1;

}
.main-menu li a {
   
    padding: 10px 15px;
   
}
.header-area .header-area__inner {
    
    align-items: start;
    
}
@media only screen and (max-width: 1919px) {
    .header-area .header-area__inner {
        height: 120px;
    }
}
@media only screen and (max-width: 1199px) {

.header-area .header-area__inner {
    align-items: center;
}
}

@media only screen and (max-width: 991px) {
    .offcanvas-3__menu li a {
       
        background-image: none;
        -webkit-text-fill-color: #000;
    }
}