@media (min-width: 768px) {



	/*** ESSENTIAL STYLES ***/

	.bonmm-top-menu:not(#top-menu-0) {
		display: none;
	}

	.bonmm-top-menu.sf-menu,
	.sf-menu * {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.bonmm-top-menu.sf-menu li {
		position: relative;
	}

	.bonmm-top-menu.sf-menu ul {
		position: absolute;
		display: none;
		top: 100%;
		left: 0;
		z-index: 99;
	}

	.bonmm-top-menu.sf-menu>li {
		float: left;
	}

	.bonmm-top-menu.sf-menu li:hover>ul,
	.bonmm-top-menu.sf-menu li.sfHover>ul {
		display: block;
	}

	.bonmm-top-menu.sf-menu a {
		display: block;
		position: relative;
		outline: none;
	}

	.bonmm-top-menu.sf-menu li:hover a {
		color: #2e2e2e;
	}

	.bonmm-top-menu.sf-menu a i {
		margin-right: 5px;
	}

	.bonmm-top-menu.sf-menu ul ul {
		top: -1px;
		left: 100%;
	}

	.bonmm-top-menu.sf-vertical {
		width: 12em;
		/* If you want the width of the closed menu to expand to its
			widest top-level menu item (like its "Supersubs" submenus do),
			replace the width rule above with the following two rules. */
		/*min-width: 12em;*/
		/*width: 12em;*/
	}

	.bonmm-top-menu.sf-vertical ul {
		left: 100%;
		top: 0;
	}

	.bonmm-top-menu.sf-vertical>li {
		float: none;
	}

	.bonmm-top-menu.sf-vertical li {
		width: 100%;
		margin-top: 1px;
	}

	/*** alter arrow directions ***/
	.bonmm-top-menu.sf-vertical.sf-arrows>li>.sf-with-ul:after {
		margin-top: -5px;
		margin-right: -3px;
		border-color: transparent;
		border-left-color: #dFeEFF;
		/* edit this to suit design (no rgba in IE8) */
		border-left-color: rgba(255, 255, 255, .5);
	}

	.bonmm-top-menu.sf-vertical.sf-arrows li>.sf-with-ul:focus:after,
	.bonmm-top-menu.sf-vertical.sf-arrows li:hover>.sf-with-ul:after,
	.bonmm-top-menu.sf-vertical.sf-arrows .sfHover>.sf-with-ul:after {
		border-left-color: white;
	}

	/*** DEMO SKIN ***/
	.bonmm-top-menu.sf-menu {
		max-width: 100%;
		width: 100%;
		padding: 5px 0 5px 0;
	}

	.bonmm-top-menu.sf-menu .submain:after {
		content: '\e804';
		font-family: Mercury;
		color: #3a3a3a;
		font-weight: 600;
		font-size: 13px;
		position: absolute;
		right: 1rem;
		top: 50%;
		transform: translateY(-50%);
	}

	.bonmm-top-menu.sf-menu ul {
		box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
		min-width: 13em;
		/* allow long menu items to determine submenu width */
		*width: 12em;
		/* no auto sub width for IE7, see white-space comment below */
		background-color: white;
	}

	.bonmm-top-menu.sf-menu a {
		padding: 15px 5px 12px;
		text-decoration: none;
		zoom: 1;
		/* IE7 */
		color: #3A3A3A;
		font-size: 0.95rem;
		font-weight: 400;
		position: relative;
		line-height: 0.95rem;
	}


	.sf-menu li {
		/*background: white;*/
		white-space: nowrap;
		/* no need for Supersubs plugin */
		*white-space: normal;
		/* ...unless you support IE7 (let it wrap) */
		-webkit-transition: background .2s;
		transition: background .2s;
	}

	/*.sf-menu ul li {*/
	/*    background: white;*/
	/*}*/
	/*.sf-menu ul ul li {*/
	/*    background: white;*/
	/*}*/
	.sf-menu li:hover,
	.sf-menu li.sfHover {

		/* only transition out, not in */
		-webkit-transition: none;
		transition: none;
	}


	/*** arrows (for all except IE7) **/
	.sf-arrows .sf-with-ul {
		padding-right: 2.5em;
		*padding-right: 1em;
		/* no CSS arrows for IE7 (lack pseudo-elements) */
		position: relative;
	}

	/* styling for both css and generated arrows */
	.sf-arrows .sf-with-ul:after {
		content: '\e804';
		font-family: Mercury;
		color: #3a3a3a;
		font-weight: 600;
		font-size: 13px;
		position: absolute;
		right: 1rem;
		top: 50%;
		transform: translateY(-50%);
	}

	.sf-arrows>li>.sf-with-ul:focus:after,
	.sf-arrows>li:hover>.sf-with-ul:after,
	.sf-arrows>.sfHover>.sf-with-ul:after {
		border-top-color: white;
		/* IE8 fallback colour */
	}

	/* styling for right-facing arrows */
	.sf-arrows ul .sf-with-ul:after {
		border-color: transparent;
		border-left-color: #dFeEFF;
		/* edit this to suit design (no rgba in IE8) */
		border-left-color: rgba(255, 255, 255, .5);
	}

	.sf-arrows ul li>.sf-with-ul:focus:after,
	.sf-arrows ul li:hover>.sf-with-ul:after,
	.sf-arrows ul .sfHover>.sf-with-ul:after {
		border-left-color: white;
	}
}