&.has-mega-menu
{
	position: static;
	
	@media(max-width: 1024px)
	{
		position: inherit;
	}
	
	&:hover
	{
		.sub-menu
		{
			display: grid;
        	grid-template-columns: repeat(auto-fit,minmax(calc(100% / 6), 1fr));
        	grid-gap: 24px;
        	
        	@media(max-width: 1280px)
        	{
        		grid-template-columns: repeat(auto-fit,minmax(calc(100% / 4), 1fr));
        	}
		}
	}
	
	.sub-menu
	{
		min-width: 100%;
		width: 100%;
		z-index: 100;
		right: 0;
		left: 0;
		
		> li
		{
			width: 100%;
			max-width: 100%;
			
			img
			{
				display: block;
				
				@media(max-width: 1024px)
				{
					display: none;
				}
			}
		}
	}
}