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

#menu .menu3rdlevel{
/*position: absolute;
top: -6px;
left: 100%;*/
display: block;
/*display: none;*/

z-index:1001;
min-width:160px;
min-height: 20px;
padding:1px 0 0 0;

/* edit or add style here */
/*background-color:#fff; 
border:1px solid #ccc;
border:1px solid rgba(0,0,0,.15);
border-radius: 4px;
-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 .see-all {
	display: none;
}

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

#menu .menu3rdlevel_inner{
display: table;	
}

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

#menu .show3rdlevel{
display: block;	
}
.dropdown-inner ul li .menu-title {
	font-weight: bold !important;
	font-size: 12px !important;
}

@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) */
		
		background-repeat: no-repeat;
		background-position: right center;
		
		/*background-color: #229ac8;*/ /* replace with your color or delete (for the parent category when hover) */

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

/*#menu .dropdown-menu .arrow {
	font-weight: bold;
	font-size: 11px;
}
#menu .dropdown-menu .arrow:hover {
	color: #DB916F;
}*/

/* mobile code starts here */
@media (max-width: 767px) {
	#menu .menu3rdlevel {
		left: 0 !important;
		top: 0 !important;
		position: relative;
		display: none;
		padding-bottom: 10px;
		
		background-color: rgba(0, 0, 0, 0.1);
		
		border: 0;
		border-radius: 0; /* edit border */
	}
	
	#menu .arrow{
		text-decoration: none;
		
		background-image: url(../../image/menu3rdlevel/arrow_d.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_d.png); /* another arrow for hover (or delete) */
		
		background-repeat: no-repeat;
		background-position: right center;
		
	}
	
	#menu .menu3rdlevel_inner {
		display: block;
	}
	
	#menu .menu3rdlevel_inner ul {
		display: block;
	}
	
	#menu .menu3rdlevel_inner a {
		width: 100%;
		color: #fff;  /* color */
	}
	
	#menu .menu3rdlevel .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff; /* color */
	}
}
/* mobile code ends here */