.vb-nav-category-menu {
 	--nav-cat-wt: calc((min(var(--navbar-wt),calc(100vw - var(--vb-scrollbar-width,0px))) / (100 / var(--vb-nav-menu-wt,auto))) - (var(--menu-mg-in-st) + var(--menu-mg-in-en)));
	
	--menu-item-wt: 100% !important;
	width: var(--nav-cat-wt,auto) !important;
}
.vb-category-menu .vb-cat-box,
body .vb-cat-box {
	--cat-box-wt:var(--vb-cat-box-wt,var(--nav-cat-wt,250px));
	--cat-box-sp: 0px;
	--cat-box-pd:var(--vb-cat-box-pd,00px 00px);
	--cat-box-bg:var(--vb-cat-box-bg,var(--vb-global-box-bg));
	--cat-box-sd:var(--vb-cat-box-sd,none);
	--cat-box-br-wt:var(--vb-cat-box-br-wt,1px);
	--cat-box-br-st:var(--vb-cat-box-br-st,solid);
	--cat-box-br-cr:var(--vb-cat-box-br-cr,var(--vb-global-br-cr));
	--cat-box-rd:var(--vb-cat-box-rd,var(--vb-global-rd));
	--cat-box-tp: var(--vb-cat-box-tp,0px);
 	--cat-box-in-st: var(--vb-cat-box-in-st,0px);
	--cat-box-in-en:  var(--vb-cat-box-in-en,0px);
	--cat-box-op: var(--vb-cat-box-op,1);	
	
 	z-index: 999999;
	width: var(--cat-box-wt)!important;
 	padding: var(--cat-box-pd)!important;
	margin:0px!important;
	background: var(--cat-box-bg)!important;
	box-shadow: var(--cat-box-sd)!important;
	border-radius: var(--cat-box-rd)!important;
 	top: var(--cat-box-tp)!important;
	inset-inline-end: var(--cat-box-in-en)!important;
	inset-inline-start: var(--cat-box-in-st)!important;
	opacity: var(--cat-box-op) !important;


}
 
body .vb-cat-box::before {
	content: "";
	width: 100% !important;
	position: absolute;
	z-index: -1;
	height: 100% !important;
 
	inset-inline-start: 0px;
	background-repeat: no-repeat;
	top: 0px;
	border-radius: var(--cat-box-rd)!important;
	border-width: var(--cat-box-br-wt)!important;
	border-color: var(--cat-box-br-cr)!important;
	border-style: var(--cat-box-br-st)!important;
	box-sizing: border-box;
}
 
	.vb-cat-box {
		position: absolute !important;
		z-index: 9999999999 !important;
		transition: margin 300ms,opacity 300ms,transform 0ms ease 300ms !important;
		transform: rotateX(-90deg) !important;
		--vb-cat-box-in-st: 0px!important;
		--vb-cat-box-in-en: auto!important;
		--vb-cat-box-op: 0!important;
		    min-width: 100%;
	}
[class*="vb-element-navbar"]:not(.vb-sticky-enable) .vb-cat-sub.vb-nav-category-menu .vb-cat-box,
	.vb-nav-clicked >  .vb-menu-active > .vb-cat-box {
		transition: margin 300ms,opacity 300ms,transform 0ms!important;
		transform: rotateX(0deg)!important;
		--vb-cat-box-op: 1!important;
}

.vb-menu.vb-cat-list,
.vb-category-menu  .vb-menu.vb-mobile-list {
	--menu-display: flex;
	--menu-ht: auto;
	--menu-item-wt: 100%;
	--menu-item-pd-bl-st: max(calc(var(--vb-cat-item-pd-bl-st,15px) - var(--vb-dv-pd,0px)),0px);
	--menu-item-pd-bl-en: max(calc(var(--vb-cat-item-pd-bl-en,15px) - var(--vb-dv-pd,0px)),0px);
	--menu-item-pd-in-st: var(--vb-cat-item-pd-in-st,20px);
	--menu-item-pd-in-en: var(--vb-cat-item-pd-in-en,20px);
	--menu-gap: max(calc(var(--vb-cat-gap,0px) - var(--vb-dv-pd,0px)),0px);
	--menu-bw-br-cr: var(--vb-cat-bw-br-cr,var(--vb-global-br-cr));
	--menu-bw-br-st: var(--vb-cat-bw-br-st,solid);
	--menu-bw-br-wt: var(--vb-cat-bw-br-wt,1px);
	--menu-bw-gap: 2;
	--menu-item-bg: var(--vb-cat-item-bg,transparent);
	--menu-item-br-wt: var(--vb-cat-item-br-wt,0px);
	--menu-item-br-st: var(--vb-cat-item-br-st,solid);
	--menu-item-br-cr: var(--vb-cat-item-br-cr,var(--vb-global-br-cr));
	--menu-item-sd: var(--vb-cat-item-sd,initial);
	--menu-item-rd: var(--vb-cat-item-rd,var(--vb-global-rd));
	--menu-item-hv-bg: var(--vb-cat-item-hv-bg,var(--menu-item-bg));
	--menu-item-hv-br-wt: var(--vb-cat-item-hv-br-wt,var(--menu-item-br-wt));
	--menu-item-hv-br-cr: var(--vb-cat-item-hv-br-cr,var(--menu-item-br-cr));
	--menu-item-hv-br-st: var(--vb-cat-item-hv-br-st,var(--menu-item-br-st));
	--menu-item-hv-sd: var(--vb-cat-item-hv-sd,var(--menu-item-sd));
	--menu-lab-cr: var(--vb-cat-lab-cr,var(--vb-global-lk-cr));
	--menu-lab-hv-cr: var(--vb-cat-lab-hv-cr, var(--vb-global-lk-hv-cr));
	--menu-lab-fn-sz: calc(var(--vb-cat-lab-fn-sz,14px) - var(--vb-dv-sz,0px));
	--menu-lab-fn-wt: var(--vb-cat-lab-fn-wt,400);
	--menu-lab-li-ht: var(--vb-cat-lab-li-ht,1.5em);
	--menu-lab-fn-fm: var(--vb-cat-lab-fn-fm,inherit);
	--menu-lab-txt-dec: var(--vb-cat-lab-txt-dec,none);
	--menu-lab-txt-tf: var(--vb-cat-lab-txt-ft,none);
	--menu-lab-lt-sp: var(--vb-cat-lab-lt-sp,none);
	--menu-lab-wd-sp: var(--vb-cat-lab-wd-sp,none);
	--menu-lab-fn-st: var(--vb-cat-lab-fn-st,none);
	--menu-des-sp: var(--vb-cat-des-sp,0px);
	--menu-des-cr: var(--vb-cat-des-cr,var(--vb-global-gry-cr));
	--menu-des-hv-cr: var(--vb-cat-des-hv-cr,var(--menu-lab-hv-cr));
	--menu-des-fn-sz: calc(var(--vb-cat-des-fn-sz,13px) - var(--vb-dv-sz,0px));
	--menu-des-fn-wt: var(--vb-cat-des-fn-wt,400);
	--menu-des-li-ht: var(--vb-cat-des-li-ht,1.5em);
	--menu-des-fn-fm: var(--vb-cat-des-fn-fm,inherit);
	--menu-des-txt-dec: var(--vb-cat-des-txt-dec,none);
	--menu-des-txt-tf: var(--vb-cat-des-txt-tf,none);
	--menu-des-lt-sp: var(--vb-cat-des-lt-sp,none);
	--menu-des-wd-sp: var(--vb-cat-des-wd-sp,none);
	--menu-des-fn-st: var(--vb-cat-des-fn-st,none);
	--menu-pot-cr: var(--vb-cat-pot-cr,var(--menu-lab-cr));
	--menu-pot-hv-cr: var(--vb-cat-pot-hv-cr, var(--menu-lab-hv-cr));
	--menu-pot-sz: calc(var(--vb-cat-pot-sz,1em) - var(--vb-dv-sz,0px));
	--menu-icn-sz: calc(var(--vb-cat-icn-sz,1.25em) - var(--vb-dv-sz,0px));
	--menu-icn-sp: var(--vb-cat-icn-sp,7px);
	--menu-icn-cr: var(--vb-cat-icn-cr,var(--menu-lab-cr));
	--menu-icn-hv-cr: var(--vb-cat-icn-hv-cr,var(--menu-lab-hv-cr));
	--menu-primary-bg: var(--vb-cat-primary-bg,var(--vb-global-primary-bg));
	--menu-primary-cr: var(--vb-cat-primary-cr,var(--vb-global-primary-cr));
	--menu-primary-hv-bg: var(--vb-cat-primary-hv-bg,var(--vb-global-primary-hv-bg));
	--menu-primary-hv-cr: var(--vb-cat-primary-hv-cr,var(--vb-global-primary-hv-cr));
	
	 	flex-wrap: wrap!important;
	display:inline-flex !important;
	  width: 100%;
} 

.vb-cat-list.vb-menu > li::after {
	width: calc(100% - var(--menu-item-pd-in-en) - var(--menu-item-pd-in-st));
	inset-inline-start: var(--menu-item-pd-in-st);
	inset-inline-end: var(--menu-item-pd-in-en);
	height: 1px;
	bottom: auto;
	top: calc((var(--menu-main-gap,0px) / -2) - (var(--menu-bw-br-wt,0px) / 2 ));
	border-width: var(--menu-bw-br-wt,0px) 0px 0 0;
}

.vb-cat-list.vb-menu > li > *:is(a,span) > .vb-pointer::before {
	content: "\F003";
}
.rtl .vb-cat-list.vb-menu > li > *:is(a,span) > .vb-pointer::before {
	content: "\F002";
}


@media (min-width: 1025px) {

	body .vb-cat-list > li > .vb-drop-box {
		--vb-drop-box-in-st: 100%!important;
		--vb-drop-box-in-en: auto!important;
		--vb-drop-box-tp: 0px ;
		z-index: 99999 !important;
	}

	body .vb-cat-list > li.vb-cat-full-height > .vb-drop-box {
		--drop-box-tp: var(--vb-drop-box-tp,0px) !important;
		
	}
	body .vb-cat-list > li.vb-cat-full-height > .vb-drop-box >  .vb-drop-list{
		overflow-y: auto;
	}

	body .vb-cat-list > li:hover > .vb-drop-box {
		transition: margin 300ms,opacity 300ms,transform 0ms!important;
		transform: rotateX(0deg)!important;
		--vb-drop-box-op: 1!important;
	}

 
	body .vb-cat-list > li > .vb-drop-box.vb-drop-box-inverse {
		--vb-drop-box-in-en: 100% !important;
		--vb-drop-box-in-st: auto !important;
	}
	
	
}