@media only screen and (min-width: 768px) {
	
	.leftsidebar #sidebar ul {margin: 0px 0px 20px 0px;}
		.leftsidebar #sidebar ul li {border: #CCC 1px solid;  font-size: 11px; font-weight: bold; margin: 1px 0px 0px 0px; text-transform: uppercase; color: #2878ca; display: block; }
		.leftsidebar #sidebar ul li a {margin: 1px 0px 0px 0px; padding: 5px 0px 5px 15px; color: #2878ca; display: block;}
		.leftsidebar #sidebar ul li a:hover {color: #128f37; display: block; background: #f3f3f3;}



/* Flyout */

	/* The list elements which contain the links */
	#cssmenu > ul li {position: relative; z-index: 500;}

		/* General link styling */
		#cssmenu > ul li a {position: relative; margin: 0px 0px 0px 300px; z-index: 500; text-decoration: none;}

		/* The arrow indicating a submenu */
		#cssmenu > ul .has-sub>a::after {content: ''; position: absolute; top: 12px; right: 4px; width: 0px; height: 0px;
			/* Creating the arrow using borders */
			border: 4px solid transparent; border-left: 4px solid #3dafea; 
		}
	
		/* THE SUBMENUS */
		#cssmenu > ul ul {position: absolute; background: #FFF;	left: 175px; top: -9999px; width: 173px; opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
		}

		/* Showing the submenu when the user is hovering the parent link */
		#cssmenu > ul li:hover>ul {top: -2px; opacity: 1;}
		
		.mSelected {color: #128f37; display: block; background: #f3f3f3; padding: 0px 0px 0px 10px;}
		
}