@import url("./style.css");

@media screen and (max-width:769px)
{
	#menu_bar
	{
		width:100%;
	}
	#menu_bar li
	{
		float: left;
		border: none;
		margin: 0 auto;
		width: 100% !important;
		height: 100% !important;
		transition: none;
		border-bottom: solid 3px rgba(0,0,0,.5);
	}
	#menu_bar li i
	{
		font-size: 200%;
		vertical-align: middle;
		float: right;
		margin-right: 5px;
	}
	#menu_bar li:first-child { margin: 0 auto; }
	#menu_bar li:hover .sub-menu li { transition: none; }
	#menu_bar li:hover .sub-menu li:hover .sub-menu li
	{
		border: none;
		transition: none;
	}
	#menu_bar .sub-menu
	{
		background: none;
		border: none;
		opacity: 1;
		visibility: visible;
		position: relative;
		width: 100% !important;
		transition: none;
		display: none;
	}
	#menu_bar li .sub-menu li
	{
		transition: none; border:
		none !important;
		border-bottom: solid 1px rgba(0,0,0,.5) !important;
	}
	#menu_bar li .sub-menu li .sub-menu
	{
		visibility: visible;
		opacity: 1;
		position: relative;
		width: 100%;
		margin-top: 0px;
		top: 0px;
		left: 0px;
		transition: none;
	}
	#menu_bar .sub-menu li .sub-menu li
	{
		transition: none; border:
		none !important;
		border-bottom: solid 1px rgba(0,0,0,.5) !important;
	}

	#menu_bar li .sub-menu a { margin-left: 55px; }
	#menu_bar li .sub-menu li .sub-menu a { margin-left: 110px; }

	#menu_bar_wrap
	{
		display: none;
	}
	#menu_bar_wrap_resp
	{
		display: block;
	}
	#menu_bar_resp
	{
		display: block;
		width: 80%;
		border-radius: 0px;
		color: black;
		font-size: 18px;
		margin: 0 auto;
	}

}