div.uldropdown{
box-sizing: border-box;
  padding: 0px; 
  border: 0px solid purple; 
  width: 270px;
position: relative;
cursor: pointer;
  border-radius: 5px; margin-bottom:5px; margin-right:50px;
}

div.uldropdown .titletext{
	font-weight: bold;
	white-space: nowrap; /* don't allow text to spill to next line */
	overflow: hidden; 
	background-color:#ffffff; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#cccccc;
	color:#333333; 
	width:270px; 
	height:30px;
	 line-height:30px; 
	 padding-left:40px; 
	 box-sizing:border-box;
	background-image:url(../image/icon_01.png); 
	background-position:left; 
	background-repeat:no-repeat; 
}

div.uldropdown .titletext.active {
	background-color:#382641; color:#ffffff;
}

div.uldropdown .titletext a{ color:#333333; text-decoration:none;}
div.uldropdown .titletext.active a{ color:#ffffff; text-decoration:none;}
div.uldropdown > ul{
	box-sizing: border-box; 
	list-style: none; font-size:16px;
	margin: 0;
	width: 100%;
	padding: 2px;
	background: white;
	overflow: hidden;
}

div.uldropdown >ul.overlay{ /* additional tyle for UL if set to overlay page (position = absolute) */
	width: 200%;
	max-width: 90vw;
	border: 1px solid black;
	position: absolute;
	box-shadow: 5px 5px 5px rgba(0,0,0, .3);
	margin-top: 0;
	padding-right: 0px;
	left: 0;
	top: 100%;
}

div.uldropdown > ul{
	display: none;
}

div.uldropdown > ul li{
	box-sizing: border-box;
	width: 100%;
	overflow: hidden; padding-left:30px;
}

div.uldropdown > ul li a{
	display: block;
	padding: 5px;
	white-space: nowrap; /* don't allow text to spill to next line */
	text-decoration: none;
}

div.uldropdown > ul li a:hover,
div.uldropdown > ul li a.selected{
	background: #ffffff;
}
.block-desktop {
	display: block !important;
}

/* mobile friendly setting */
@media only screen and (max-width: 900px) {

	div.uldropdown{
		width: 100%;
		margin-bottom:1px; margin-right:50px;
	}

div.uldropdown .titletext{
	font-weight: bold; 
	white-space: nowrap; /* don't allow text to spill to next line */
	overflow: hidden; 
	background-color:#ffffff; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#cccccc;
	color:#333333; 
	width:100%; 
	height:30px;
	 line-height:30px; 
	 padding-left:40px; 
	 box-sizing:border-box;
	background-image:url(../image/icon_01.png); 
	background-position:left; 
	background-repeat:no-repeat; 
}



/* Style the active class (and buttons on mouse-over) */
.active, div.uldropdown .titletext:hover {
   background-color:#ffffff; color:#333333;
}
.block-desktop {
	display: none !important;
}

	div.uldropdown >ul.overlay{
		width: 100%;
		max-width: 100%;
		border: none;
		position: static;
		box-shadow: none;
		margin-top: 0;
		padding-right: auto;
	}

}