.menu_pro {justify-content: center !important;}
.menu_pro > ul {display: flex; gap: 8px; justify-content: space-between; width: 100%; flex-wrap: wrap;}
.menu_pro .nav-item {display: flex; align-items: center;}
.menu_pro a {padding: 6px 0px; font-size: 15px;}
.menu_pro a:hover {color: var(--primary);}
/* .menu_pro > ul > li:first-child a {padding: 6px 28px; background: var(--primary); color: #fff; border-radius: 4px !important;} */
.menu_pro svg {width: 8px; height: 8px; fill: #fff;}
.menu-icon {display: inline-flex;}
.menu_pro .dropdown-menu{border-radius: 0 !important; border:none; padding: 15px; min-width: 250px;}

@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;
    }
}

#offcanvasMenu .menu_pro {flex-direction: column; align-items: start !important;}
#offcanvasMenu .menu_pro > ul {flex-direction: column; gap: 4px;}
#offcanvasMenu .menu_pro a {padding: 6px 0; font-size: 14px; border-bottom: 1px solid #eee;}
#offcanvasMenu .menu_pro li:first-child a {padding: 8px;}
#offcanvasMenu .title-category {margin-bottom: 12px; font-size: 14px;}
@media (max-width: 991px) {
	#offcanvasMenu .menu_pro a {width: 100%;}
}