#menu ul li ul li{
position: relative;	
}

#menu .menu3rdlevel{
	position: absolute;
	top: -2px;
	left: 100%;
	display: none;

	z-index:1001;
	padding-bottom: 0;
	font-size: 15px;
	background-color: #2D75BD;
	border: none;
	min-width: 265px;

	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
	box-shadow:0 6px 12px rgba(0,0,0,.175)
}


#menu .menu3rdlevel > a{
	color: #fff; /* menu3rdlevel 'see all' color */
}

/*#menu .menu3rdlevel_inner{
	display: table;
}

#menu .menu3rdlevel_inner ul{
	display: table-cell;
}*/

@media (min-width: 768px) {
	#menu ul li ul li:hover > .menu3rdlevel {
		display: block;
	}

	#menu .arrow{
		background-image: url(../../image/menu3rdlevel/arrow.png); /* replace with custom arrow if you wish (10 x 8 default) */
		background-repeat: no-repeat;
		background-position: right center;
	}

	#menu ul li ul li:hover > a.arrow{
		background-image: url(../../image/menu3rdlevel/arrow_w.png); /* another arrow for hover (or delete) */
		color: #FFF;
	}

	#menu ul li ul li > a{ /* uncomment this for singe line link */
		/* white-space: nowrap; */
	}
	
}

@media (max-width: 767px) {
	#menu ul li ul li:hover > .menu3rdlevel {
		display: block;
	}

	#menu .arrow{
		background-image: url(../../image/menu3rdlevel/arrow.png); /* replace with custom arrow if you wish (10 x 8 default) */
		background-repeat: no-repeat;
		background-position: right center;
	}

	#menu ul li ul li:hover > a.arrow{
		background-image: url(../../image/menu3rdlevel/arrow_w.png); /* another arrow for hover (or delete) */
		color: #FFF;
		background-repeat: no-repeat;
		background-position: right center;
	}

	#menu ul li ul li > a{ /* uncomment this for singe line link */
		 white-space: normal; 
	}
	#menu ul li ul li:hover .menu3rdlevel{
		display: block !important;
	}
	#menu ul li ul li:hover .menu3rdlevel .menu3rdlevel_inner{
		display: block !important;
	}
	#menu ul li ul li:hover .menu3rdlevel .menu3rdlevel_inner .dropdown-menu{
		display: block !important;
	}
	#menu ul li ul li:hover .dropdown-menu{
		display: block !important;
	}
	.menu3rdlevel{
		position: relative !important;
		left: 0px !important;
	}
	#menu .nav > li > a{
		text-align: left !important;
	}
}