@media (min-width: 768px) {
    .menu-item.menu-item-has-children .sub-arrow {
        margin-left: auto;
    }
    .menu-item.menu-item-has-children {
        width: 325px !important;
    }
    ul.sub-menu .menu-item {
        width: 500px !important;
    }
    li.menu-item-40 ul.sub-menu .menu-item {
        width: 220px !important;
    }
    li.menu-item-40 ul.sub-menu .menu-item a {
        line-height: 1.2;
        white-space: pre-wrap;
    }
    nav[role="navigation"] {
        position: fixed;
        width: 800px;
        z-index: 1000;
        top: 100px;
        max-height: calc(100vh - 100px);
        overflow-y: scroll;
    }    
    .elementor-nav-menu--dropdown .sub-arrow {
        transform: rotate(90deg);
    }
    .elementor-nav-menu--dropdown [aria-expanded="true"] .sub-arrow {
        transform: rotate(90deg);
    }
}
@media (min-width: 767px) and (max-width: 991px) {
    .menu-item.menu-item-has-children {
        width: 300px !important;
    }
    ul.sub-menu .menu-item {
        width: 500px !important;
    }
    li.menu-item-40 ul.sub-menu .menu-item {
        width: 200px !important;
    }
    .menu-item a { 
        font-size: 24px !important;
    }
    li.menu-item-40 ul.sub-menu .menu-item a {
    	font-size: 20px !important;
    }
}
@media (max-width: 767px) {
    .elementor-nav-menu--dropdown .sub-arrow {
        transform: rotate(-90deg);
    }
    .elementor-nav-menu--dropdown [aria-expanded="true"] .sub-arrow {
        transform: rotate(90deg);
    }
    [data-elementor-type="popup"] .elementor-nav-menu__text-align-center .elementor-nav-menu--dropdown .elementor-nav-menu a {
        justify-content: start;
    }
	.desktop_menu nav{
		padding-bottom:0px!important;
		padding-left:30px!important;
		overflow-y: scroll !important;
	}
    [data-elementor-type="popup"] .has-submenu {
        display: inline-block;
        width: 100%;
    }

    [data-elementor-type="popup"] .has-submenu > .sub-arrow {
        float: right;
    }
}

.elementor-nav-menu--main ul.sub-menu a,
.elementor-nav-menu--dropdown ul.sub-menu a{
    color:var(--color-grey)!important;
  font-size: 24px!important;
  font-weight: bold!important;
}

.elementor-nav-menu--main ul.sub-menu li a:hover,
.elementor-nav-menu--dropdown ul.sub-menu a:hover{
	color:white!important;
}

.elementor-nav-menu--dropdown a,
.elementor-widget-nav-menu .elementor-nav-menu .elementor-item {
	color: var( --color-white ) !important;
	font-weight:bold;
}
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, 
.elementor-nav-menu--dropdown .elementor-item.highlighted, 
.elementor-nav-menu--dropdown .elementor-item:focus, 
.elementor-nav-menu--dropdown .elementor-item:hover, 
.elementor-sub-item.elementor-item-active, 
.elementor-sub-item.highlighted, 
.elementor-sub-item:focus, 
.elementor-sub-item:hover {
	color: var( --color-grey ) !important;
	background-color: transparent !important;
}

.elementor-nav-menu--dropdown {
    background-color: transparent;
} 
.elementor-nav-menu--dropdown a:focus, 
.elementor-nav-menu--dropdown a:hover, 
.elementor-widget-nav-menu .elementor-nav-menu .elementor-item:focus,
.elementor-widget-nav-menu .elementor-nav-menu .elementor-item:hover,
.elementor-nav-menu--dropdown ul.sub-menu a.highlighted,
.elementor-nav-menu--dropdown ul.sub-menu a:focus,
.elementor-nav-menu--dropdown ul.sub-menu a:hover {
    color: var( --color-grey ) !important;
    background-color: transparent !important;
}

@media (max-width:991px){
	.mobile-button a[role="button"]{
		width:100%!important;
		background-color:var(--color-yellow)!important;
		color:var(--color-grey)!important;
		height:4em;
	}
	.mobile-button .elementor-button-content-wrapper {
        line-height: calc(4em - 20px);
        display: block;
    }
	.mobile-button .elementor-button-content-wrapper .elementor-button-text {
        line-height: 1.1 !important;
    }
}