/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right:15px;
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:before {
	content: '\f107';
	font-family: 'FontAwesome';
	position: absolute;
	right: 14px;
	height: 0;
	width: 0;
}
.sf-arrows > li > .sf-with-ul:focus:before,
.sf-arrows > li:hover > .sf-with-ul:before,
.sf-arrows > .sfHover > .sf-with-ul:before {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:before {
	content: '\f105';
}
.sf-arrows ul li > .sf-with-ul:focus:before,
.sf-arrows ul li:hover > .sf-with-ul:before,
.sf-arrows ul .sfHover > .sf-with-ul:before {
	border-left-color: white;
}

@media screen and (max-width: 960px){
	
	.sf-arrows .sf-with-ul {
		padding-right:1.5em;
	}
	.sf-arrows .sf-with-ul:before {
		right: 2em;
	}
}

@media screen and (min-width: 960px){
	.sf-arrows .sf-with-ul:before {
		display: none;
	}
}