#crump li { list-style: none; }
#crump a, #crump span { display: block; position: relative; padding: 8px 23px 8px 0; line-height: 20px; }

#crump #crump-box { position: relative; }
#crump .crump-last { display: block; position: relative; padding: 8px 0; line-height: 20px; }
#crump a:after, #crump span:after { display: block; content: ""; position: absolute; right: 9px; top: 14px; width: 8px; height: 8px; border-top: 1px solid rgba(0,0,0,0.5); border-right: 1px solid rgba(0,0,0,0.5); transform: rotate(45deg); }


#crump .crump-bonus { padding:0 0 0 20px; }
#crump .crump-bonus a { padding: 9px 0 0 0; line-height: 20px; font-size: 1.25rem; }
#crump .crump-bonus a:after { display: none; }

#crump .crump-more { display: none; cursor: pointer; }

@media screen and (max-width: 959px){
	#crump .crump-more { display: block; }
	#crump .crump-main { display: none; position: absolute; z-index: 1000000; left: 0; top: 32px; padding-bottom: 12px; background: #f8f9fa; box-shadow: 0 10px 10px rgba(0,0,0,0.125); border-bottom: 4px solid #bcbcbc; }
	#crump.show .crump-main { display: block; }
	#crump #crump-drop:hover .crump-main { display: block; }
	#crump .crump-main ul { display: block !important; }
	#crump .crump-main ul a { padding: 8px 24px; }	
	#crump .crump-main ul li a:after { right: auto; left: 32px; top: auto; bottom: -3px; width: 6px; height: 6px; transform: rotate(135deg); }
	#crump .crump-main ul li:last-child a:after { display: none; }
}