@media (min-width:992px){
    nav#nav{
        width:100%;
    }
	ul.megamenu {	
		margin: 0;
	    padding: 0;
		width: 100%;
		display: flex;
		justify-content: flex-end;
		height: 82px;
	}
	ul.megamenu,
	ul.megamenu li{
		list-style-type:none;
	}
	ul.megamenu li {
	    display:block;
		float: unset;
		margin: 0;
	}
	ul.megamenu li.level0 {
        text-align: center;
    padding: 0;
    line-height: 38px;
    margin-right: 0;
	border-right:1px solid #aa182c;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    }
	ul.megamenu li.level0:hover {
		cursor:pointer;
		background-color: #aa182c;
	}
	.InnerSkin ul.megamenu a.level0{
		color:#fff;
	}
   	ul.megamenu a.level0{
		color: #fff;
    display: inline-block;
    float: none;
    font-size: 18px;
    padding: 0 20px;
    position: relative;
    font-family: "Roboto", sans-serif;
    line-height: 21px;
    }

	ul.megamenu a.level0 .fas.fa-caret-down {
		display:none;
	}
	ul.megamenu li.level0 span { 
		color: #4e4d4f;
		font-family: "Roboto", sans-serif;
		vertical-align:top;
		margin:0 15px;
		line-height: 33px;
	}

	ul.megamenu a.level0.current {
		background-color:transparent;
		color: #fff;
	}
	 ul.megamenu a.level0:hover, ul.megamenu li.level0:hover a {
		 color: #fff;
	 }
	ul.megamenu li.level0:hover a.MenuLink {
		 color: #fff;
	 }
	ul.megamenu ul {
		padding:0;
		margin:0;
	}
	ul.megamenu li a {
		float: left; 
		text-decoration:none;
	}

/*ul.megamenu li.level0:nth-of-type(4) .sub {
	opacity:1;
	visibility:visible;
	display:block;
}*/
ul.megamenu li.level0:nth-of-type(1) .sub ul.megamenusubcontent {
	min-height:315px;
}
ul.megamenu li.level0:nth-of-type(2) .sub ul.megamenusubcontent {
	min-height:210px;
}
ul.megamenu li.level0:nth-of-type(3) .sub {
	left:521px;
}
ul.megamenu li.level0:nth-of-type(4) .sub {
	left:679px;
}
ul.megamenu li.level0:nth-of-type(1) .wrapper, ul.megamenu li.level0:nth-of-type(2) .wrapper {
	column-count: 3;
  -moz-column-count: 3;
  -webkit-column-count: 3;
}
ul.megamenu li.level0:nth-of-type(3) .wrapper, ul.megamenu li.level0:nth-of-type(4) .wrapper  {
	column-count: 1;
  -moz-column-count: 1;
  -webkit-column-count: 1;
}
ul.megamenu li.level0:nth-of-type(3) .sub ul, ul.megamenu li.level0:nth-of-type(4) .sub ul {
	min-height:unset;
}

ul.megamenu .wrapper {
	column-count: 3;
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-gap: 0.5em;
  padding-bottom: 2px;
  font-size: 18px;
  line-height: 21px;
  -webkit-perspective: 1;
}


.megamenusubcontent {
 -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
   break-inside: avoid; 
    width: 100%;
}
ul.megamenu li.level0 .sub ul.megamenusubcontent {
	border-left: 1px solid #7b1a28;
	padding-left: 23px;
    padding-bottom: 15px;
}
ul.megamenu li.level0 .sub ul.megamenusubcontent:first-child {
	border-left: unset;
	padding-left:0;
}
ul.megamenu .sub ul li.subheader {
	padding-top:0;
}
ul.megamenu li .sub {		
   position: absolute;
    top: 82px; /* Adjust based on your menu */
    left: 50%; /* Keep it centered horizontally */
    transform: translateX(-50%) translateY(-20px); /* Start slightly above */
    opacity: 0; /* Hidden by default */
    visibility: hidden; /* Hidden by default */
    display: block; /* Block-level for positioning */
    background-color: #aa182c;
    padding: 35px 35px 35px 25px;
    box-shadow: 0px 15px 10px -15px #111;
    z-index: 1300;
    width: auto;
    transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s linear 0.3s; /* Visibility delay for smooth transition */
    text-align: left;
    border: 1px solid #aa182c;
}
	ul.megamenu li.level0:hover > .sub{
	transform: translateX(-50%) translateY(0); /* Slide into view */
    opacity: 1; /* Fully visible */
    visibility: visible; /* Now visible */
    transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s linear 0s; /* Reset visibility delay */
    box-shadow: 0px 15px 10px -15px #111;
    border: 1px solid #aa182c;
}
ul.megamenu li.level0 {
  line-height: 40px;
  width: 21%;
}

	ul.megamenu li .sub .menushadow {
		display:none;
	}
	ul.megamenu li .sub ul{
	     list-style: none; 
	     margin: 0;
	     padding: 0 8px; 
	}
	ul.megamenu li.level0 .sub ul{
	    list-style: none; 
	    padding: 0 10px 5px 25px;
	}
	ul.megamenu .sub ul li {
		width: 100%;
		line-height: 20px;
		min-width:165px;
		margin-bottom:8px;
		padding-top: 0;
	}
	ul.megamenu .sub li.subheader > a {
		color: #fff;
		font-size: 18px;
		border-bottom: 0;
		display: block;
		line-height: 1.2;
		position: relative;
		font-family: "Roboto", sans-serif;
		margin-bottom: 2px;
		font-weight: bold;
	}
	ul.megamenu .sub li.subheader > a:hover {
		color: #fff;
	}
	ul.megamenu .sub ul li a {
		float: none; 
		text-indent: 0; 
		display: block;
		text-decoration: none;
		color: #002a5c;
		margin:0;
	}	
	ul.megamenu .sub ul li a.level2{
        font-size: 17px;
		margin-bottom: 0;
		color: #fff;
		z-index: 10;
		position: relative;
		line-height: 19px;
		font-weight:300;
    }
	ul.megamenu .sub ul li a.level3 {
		font-size: 15px;
		margin-bottom: 8px;
		color: #fff;
		padding-left: 12px;
		z-index: 10;
		position: relative;
		line-height: 16px;
	}
	ul.megamenu .sub ul li a:hover{
        color: rgba(255, 255, 255, 0.5);
    }
}

@media (min-width:1200px){
ul.megamenu li.level0 {
	line-height: 45px;
	width: 22%;
}
ul.megamenu a.level0 {
  font-size: 18px;
  line-height: 24px;
}
 ul.megamenu li.level0:nth-of-type(3) .sub {
    left: 615px;
  }
ul.megamenu li.level0:nth-of-type(4) .sub {
	left:768px;
}
}
@media (min-width:1385px){
ul.megamenu a.level0 {
  font-size: 19px;
  line-height: 22px;
}
}
@media (min-width:1400px){
ul.megamenu a.level0 {
  font-size: 20px;
  line-height: 22px;
}
}
@media (min-width:1600px){
ul.megamenu li.level0 {
	margin:0;
}
}
