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:1.2rem;
	}

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

	/**/


	.primary-menu-horizontal-tabs li{
		width:25%;
		padding-left:0;
	}

	.primary-menu-horizontal-tabs li:nth-of-type(1n){
		/* clear:none; */
	}

	.primary-menu-horizontal-tabs li:nth-of-type(4n+1){
		/* clear:left; */
	}

	

	.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:block;
		display:inline-block;
		vertical-align:top;
		/* float:none; */
	}



	.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 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:2rem;
	}

	.primary-menu-horizontal-with-logo a.level1{
		/*font-size:1.8rem;*/
		/*height: 9rem;*/
		font-size:2.2rem;
		/* height: 5.5rem; */
		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:2.1rem;
	}

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