.main_menu ul li ul li{
position: relative;	
}

#menu .menu3rdlevel{
position: relative;
top: 10px!important;
left: 10px!important;	
display: block;
overflow:hidden!important;
z-index:1001;

padding:5px 0 0 0;
margin-left:-10px!important;

}


#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;	
}

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

	#menu ul li ul li:hover > a.arrow{

		background-color: transparent; /* replace with your color or delete (for the parent category when hover) */
		color: #666;
	}
	
	#menu ul li ul li > a{ /* uncomment this for singe line link */
		/* white-space: nowrap; */	
	}
}


/* mobile code starts here */
@media (max-width: 767px) {
	#menu .menu3rdlevel {
		left: 0 !important;
		top: 0 !important;
		position: relative;
		display: none;
		padding-bottom: 10px;
		margin-left:5px!important;
		
		
		border: 0;
		border-radius: 0; /* edit border */
	}
	
	#menu .arrow{
		text-decoration: none;
		
		background-image: url(../../image/menu3rdlevel/arrow_w_d.png); /* replace with custom arrow if you wish (10 x 8 default) */
		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 */