@media (min-width: 800px){



	.porkyQuicklinks { padding-left: 0px; }
	.porkyQuicklinks .sub-menu .menu-item a{ color: black !important; }
	.porkyQuicklinks .menu-item{ position: relative; display: inline; list-style-type: none;  }
	.porkyQuicklinks .menu-item a{ font-size: 8pt; text-transform: uppercase; margin-right: 20px; text-decoration: none; }
	.porkyQuicklinks-header{ display: inline; color: grey; text-transform: uppercase; font-size: 0.7em; position: absolute; top: 5px; text-decoration: none; }



	.menu-item:hover > ul.sub-menu {display: block; opacity: 0.95; transition: opacity 1s; }
	.sub-menu li.menu-item{ display: block; text-align: left; font-family: Tahoma; padding: 3px; margin-left: 0px; }
	.sub-menu .menu-item a { color: black; font-size: 9pt; font-family: Georgia; text-shadow: none; text-transform: none; }
	.mainmenu .sub-menu .menu-item a { color: black; }
	ul.sub-menu li{ padding: 5px; border-radius: 5px;}
	ul.sub-menu li:hover{ background-color: #DCDCDC; }
	ul.sub-menu li.menu-item:hover::after { border-color: transparent; }
	.sub-menu{ display: none; position: absolute; opacity: 0; transition: opacity 1s; z-index: 10000; top: 40px; right: 0px; width: 200px; background-color: white; border: 1px solid #CDCDCD; border-top: 3px solid #ecd51b; padding: 10px; border-radius: 3px; box-shadow: 0px 2px 2px black; }
	.sub-menu .sub-menu { right: 150px; left: auto; top: 0px; position: absolute;  }

	.porkyQuicklinks .sub-menu { top:20px; right: auto; left: 0px; }

}

@media (max-width: 800px){
	.porkyQuicklinks {display: none; }
	.porkyQuicklinks-header, .porky_actionbutton{ display: block; padding: 10px; color: grey; text-transform: uppercase; text-decoration: none; }
	.porky_actionbutton{ background-color: white; }
	.porkyQuicklinks .menu-item{ list-style-type: none; padding: 5px; }