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

#menu .menu3rdlevel{
position: absolute;
top: 0px;
right: 100%;	
display: none;

z-index:1001;
min-width:160px;

background-color:#fff; /* edit or add style here */

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


#menu .menu3rdlevel > a{
color: #23A1D1; /* 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-r.png); /* replace with custom arrow if you wish (10 x 8 default) */
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	#menu ul li ul li:hover > a.arrow{

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