#menu{background: var(--secondary);}
#menu .menu_pro > .navbar-nav > li > a{font-size: 14px; text-transform: uppercase; font-weight: 700; padding: 8px 30px !important; color: #fff;}
#menu .menu_pro > .navbar-nav > li:first-child > a{background: var(--primary);}
#menu .menu_pro > .navbar-nav > li > a:hover{background: var(--primary);}
.menu_pro > .navbar-nav{width: 100%; justify-content: center; display: flex;}
.menu_pro .dropdown-menu{border-radius: 0 !important; border:none; padding: 15px;}
.menu_pro .last-link{color: var(--primary);}

.menu-mobile {display: flex; flex-direction: column; gap: 5px;}
.menu-mobile > li > a{font-size: 16px; text-transform: uppercase; text-transform: uppercase; font-weight: 500;}
.menu-mobile > li > a:hover{background: rgba(0, 0, 0, 0.1);}
.menu-mobile .last-link{margin-bottom: 30px;}

@media(max-width:1250px){
    #menu .menu_pro > .navbar-nav > li > a{padding: 10px 15px !important;}
}
@media(min-width:991px){
    .dropdown:hover > .dropdown-menu{
        top: 100%;
        left: 0;
        display: block;
    }
    .dropend:hover > .dropdown-menu{
        top: 0;
        right: auto;
        left: 100%;
        margin-top: 0;
        margin-left: var(--bs-dropdown-spacer);
        display: block;
    }
    .dropstart:hover > .dropdown-menu{
        top: 0;
        right: 100%;
        left: auto;
        margin-top: 0;
        margin-right: var(--bs-dropdown-spacer);
        display: block;
    }

}

@media (max-width: 991px) {
	#menu{background: #f9f9f9;}
	#menu .container {max-width: 100%;}
}