#mobile-menu-only {
	display : none;
}

#desktop-menu-only {
	display : block;
}


#menu {
	position : absolute;
	top : 0vh;
	left : calc(50% - 42.5vw);

	color : #000000;

	 text-shadow:0px -1px 1px #ffffff, 0px 1px 1px #ffffff;
}

#menu-back {

	position : absolute; 
	top : 0px; right : 0px; 
	width : 100%; height : calc( 0.8vw + 1.3vh + 2vh + 2vh ); 
	background-color : rgba(255,255,255,0.6) ;
	pointer-events: none;

}

#menu-pinstripe {

	position : absolute; 
	top : calc( 0.8vw + 1.3vh + 2vh + 2vh ); right : 0px; 
	width : 100%; height : 1px; 
	background-color : rgba(43,43,43,0.9) ;
	pointer-events: none;

}


.dropmenu{
	*zoom: 1;
  	list-style-type: none;
  	width: 100%;
 	margin: auto;
  	padding: 0;
}

.dropmenu:before, .dropmenu:after{
  	content: "";
  	display: table;
}

.dropmenu:after{
  	clear: both;
}

.dropmenu li{
  	position: relative;
  	width: 21.25vw;
  	float: left;
  	margin: 0;
  	padding: 0;
  	text-align: center;
}

.dropmenu li a{
  	display: block;
  	margin: 0;
  	padding: 2.00vh 0 2.00vh 0;
	background-color:rgba(255,255,255,0.7);
  	color: #000000;
  	line-height: 1;
  	text-decoration: none;

	cursor: pointer;
}

.dropmenu li ul{
  	list-style: none;
  	position: absolute;
  	z-index: 9999;
  	top: 100%;
  	left: 0;
  	margin: 0;
  	padding: 0;
}

.dropmenu li ul li{
  	width: 21.25vw;
}



.dropmenu li ul li a{
  	padding: 2.00vh 2.00vh;
  	border-top: 1px solid #2b2b2b;
  	border-bottom: 1px solid #2b2b2b;
  	background-color:rgba(255,255,255,0.7);
  	text-align: center;
}

.dropmenu li:hover > a{
  	background-color:rgba(175,238,238,1);
}

.dropmenu li a:hover{
  	background-color:rgba(175,238,238,1);
	color : #000000;
}



#dropmenu li ul li{
 	overflow: hidden;
	height: 0;
	transition: 0.25s;
}

#dropmenu li:hover ul li{
	overflow: visible;
	height:  calc( 0.8vw + 1.3vh + 2.00vh + 2.00vh );
}



@media screen and (min-width:2560px){ 

	#menu { 
	position : absolute;
	top : 0vh;
	left : calc( 50% - 40vw );
	
	}

	.dropmenu li{
  		width: 20vw;
	}

	.dropmenu li ul li{
  		width: 20vw;
	}

}

@media screen and (max-width:1281px){

	#mobile-menu-only {
		display : block;
	}

	#desktop-menu-only {
		display : none;
	}


	#menu { 
	position : absolute;
	top : 0vh;
	left : calc( 50% - 50vw );
	
	}

	.dropmenu li{
  		width: 25%;
	}


	.dropmenu li ul li{
  		width: 100vw;
	}


	.dropmenu li a{ padding: 2.00vh 0 2.00vh 0; }

	.dropmenu li ul li a{ padding: 2.00vh 0 2.00vh 0; }

	#dropmenu li:hover ul li{
		height:  calc( 0.8vw + 1.3vh + 2.00vh + 2.00vh );
	}

}