body.debug{
	/* visibility: visible; */
}

/* ============================================================================
   Media Queries: Horizontal menu: 4 first level items per row
   ========================================================================= */


@media screen and (min-width:600px) and (max-width:1199px){
	
	.primary-menu-horizontal-onhover a {
		font-size:1rem;
	}

	.primary-menu-horizontal-onhover a.level2 {
		font-size:1.3rem;
	}
	
	.id-primary-menu-horizontal-onhover-with-logo ul.level2{
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
		
	}

	/**/

	.primary-menu-horizontal-tabs ul.level1{
		/* white-space:nowrap; */
	}
	.primary-menu-horizontal-tabs li{
		/* width:25%; */
		/* max-width:none; */
	}
	.primary-menu-horizontal-tabs li:nth-of-type(1n){
		/* display:none; */
	}
	.primary-menu-horizontal-tabs li:nth-of-type(1),
	.primary-menu-horizontal-tabs li:nth-of-type(2),
	.primary-menu-horizontal-tabs li:nth-of-type(3),
	.primary-menu-horizontal-tabs li:nth-of-type(4){
		/* display:inline-block; */
		/* vertical-align:top; */
	}


	.primary-menu-horizontal-tabs a.level1:after{
		margin-left:0;
		margin-right:0;
	}

	/**/
	
	.primary-menu-horizontal-with-logo li:nth-of-type(1n){
		display:block;
		display:inline-block;
		vertical-align:top;
		float:none;
	}

	.primary-menu-horizontal-with-logo a.level1{
		font-size:1.8rem;
		/* height: 9rem; */
		height:auto;
		margin-bottom:0.375em;
	}

	.id-wrapper-menu-with-logo{
		left:25%;
		width:75%;
	}

	.primary-menu-horizontal-with-logo li{
		width:auto;
		/* max-width:25%; */
		max-width:100%;
	}
}

@media screen and (min-width:600px) and (max-width:959px){
	.primary-menu-horizontal-tabs li{
		width:25%;
		max-width:none;
	}
}


/* ============================================================================
   Media Queries: LAYOUT 2: 750-899px
   ========================================================================= */

@media screen and (min-width:750px) and (max-width:899px){
	.primary-menu-horizontal a.level1{
		font-size:2rem;
	}
}

/* ============================================================================
   Media Queries: LAYOUT 2: 900-1049px
   ========================================================================= */

@media screen and (min-width:900px) and (max-width:1199px){
	
	.primary-menu-horizontal a.level1{
		font-size:1.8rem;
	}

	.primary-menu-horizontal-with-logo a.level1{
		font-size:2rem;
		height:auto;
	}
}

/* ============================================================================
   Media Queries: LAYOUT 2: 900-1023px
   ========================================================================= */

@media screen and (min-width:1050px) and (max-width:1199px){
	.primary-menu-horizontal a.level1{
		font-size:1.9rem;
	}

	.primary-menu-horizontal-with-logo a.level1{
		font-size:2.3rem;
		/*height: 9rem;*/
		height:auto;
	}
}

@supports(display:flex){
	@media screen and (min-width:600px){
		.primary-menu-horizontal ul.level1{
			display:flex;
			align-items:stretch;
			flex-flow: row nowrap;
			max-width:100%;
			/* justify-content: space-evenly; */
		}
		.primary-menu-horizontal ul.level1:before,
		.primary-menu-horizontal ul.level1:after{
			display:none;
		}


		.primary-menu-horizontal ul.level1 > li{
			width:auto;
			max-width: none;
			overflow:hidden;
			flex: 1 1 auto;
		}
		.primary-menu-horizontal ul.level1 > li a{
			min-height:100%;	
		}
	}
	@media screen and (max-width:959px){
		.primary-menu-horizontal ul.level1 > li{
			flex: 1 1 auto;
		}
	}
}