@media (max-width: 736px) {

.menu-collapser				{
							position:relative;
							max-width:100%;
							height:32px;
							padding:0 0 0 60px;
							color: #FFF;
							font-size:1em;
							line-height:32px;
							box-sizing:border-box;
							-moz-box-sizing:border-box;
							-webkit-box-sizing:border-box;
							border-bottom: solid 1px #bcbdbf;
							margin-left: -5px;
							background-color:#a6a7b6;
							}
							
.collapse-button			{
							position:absolute;
							left:5px;top:50%;
							width:40px;
							padding:7px 10px;
							color:#FFFFFF;
							font-size:14px;
							text-align:center;
							background-color:#5f3944;
							border-radius:2px;
							cursor:pointer;
							transform:translate(0, -50%);
							-o-transform:translate(0, -50%);
							-ms-transform:translate(0, -50%);
							-moz-transform:translate(0, -50%);
							-webkit-transform:translate(0, -50%);
							box-sizing:border-box;
							-moz-box-sizing:border-box;
							-webkit-box-sizing:border-box;
							background: #fff;
							}
							
.collapse-button:hover,.collapse-button:focus		{
													color: #5e7ead;
													background: #FFF;
													}
													
.collapse-button .icon-bar	{
							display: block;
							height: 2px;
							width: 18px;
							margin: 2px 0;
							background-color: #5f3944;
							border-radius:1px;
							max-width: 100%;
							}
							
ul.submenu					{
							width: 100%;
							margin: 0;
							padding: 0 0 0 0;
							list-style-type:none;
							border-top: none;	
											
							}
							
ul.submenu:before,ul.submenu:after		{
										content:'';
										display:table;
										}
										
ul.submenu:after						{
										clear:both;
										}
										
ul.submenu.collapsed li					{
										display:block;
										max-width:100%;
										box-sizing:border-box;
										-moz-box-sizing:border-box;
										-webkit-box-sizing:border-box;
										/* margin-left: -3px; */
										background: #a6a7b6;
										border-bottom: 1px solid #5f3944;
										color: #fff;
										}
										
ul.submenu.collapsed li>ul				{
										position:static;
										display:none;
										}
										

										
ul.submenu.collapsed li .sub-toggle		{
										height:40px;
										max-width: 100%;
										}
										
ul.submenu li							{
										position:relative;
										float:none;
										display: block;
										margin-left: -5px;
										max-width: 100%;
										color: #fff;
										}
										
ul.submenu li ul						{
										margin:0;
										list-style-type:none;
										}
										

ul.submenu li>ul						{
										position:absolute;
										left:0;
										top:100%;
										z-index:999;
										display:none;
										width:100%;
										}
										

										
ul.submenu.collapsed li a 						{
										display:block;
										
										border-top: none;
										box-sizing:border-box;
										-moz-box-sizing:border-box;
										-webkit-box-sizing:border-box;
										max-width: 100%;
										margin-right: 0px;
										padding-right: 0px;
										padding-left: 8px;
										margin-left: 0px;
										color: #fff;
										}
										
aside.sidebar ul.sub-nav li.link-titles  	{
											font-weight: bold;
											font-size: 1.2em;
											}
											
#main-content aside.sidebar ul.sub-nav li.link-titles a	{
											margin-top: -10px;
											margin-bottom: 5px;
											}
										
#main-content aside.sidebar ul.submenu.collapsed li a:hover			{
																	color: #0066AA; 
																	text-shadow: none;
																	}
										
#main-content .sidebar ul.sub-nav li.sidebar_active a				{
	 									border-left: none;
	 									text-decoration: none;
	 									color: #0066AA;
	 									font-weight: bold;
	 									list-style: none;
	 									background: #cecee1;
	 									text-shadow: none;
	 									}
	 									
aside.sidebar ul.sub-nav li.sidebar_active a			{
											color: #fff;
											text-decoration: none;
											background: #e5dfdd;
											text-shadow: none;
											}
							
	 									

	 									
ul.submenu li:hover a em, ul.submenu li:hover				{
										background: #cecee1;
										color: #cecee1; 
										transition:background-color 0.5s ease-out;
										-o-transition:background-color 0.5s ease-out;
										-moz-transition:background-color 0.5s ease-out;
										-webkit-transition:background-color 0.5s ease-out;
										}

										
ul.submenu.collapsed li .sub-toggle				{
										height:40px;
										max-width: 100%;
										}
										
ul.submenu li							{
										position:relative;
										float:none;
										display: inline-block;
										/* not working 
										height: 100%;
										*/
										}
										
ul.submenu li ul						{
										margin:0;
										list-style-type:none;
										}										

ul.submenu li>ul						{
										position:absolute;
										left:0;
										top:100%;
										z-index:999;
										display:none;
										width:100%;
										}
										
ul.submenu li>ul>li ul					{
										position:absolute;
										left:100%;
										top:0;
										z-index:999;
										display:none;
										width:100%;
										}
										

										
ul.submenu li.sidebar_active a,  ul.sidebar_active li.active a em	{
	 									border-left: none;
	 									text-decoration: none;
	 									color: #24242d;
	 									font-weight: bold;
	 									background: #e5dfdd;
	 									}
	 									
ul.submenu li a em						{
	 									border-left: none;
	 									text-decoration: none;
	 									color: #fff;
	 									height: 100%;
	 									}
	 									
ul.submenu li a span					{
										min-height: 100%;
										}
	 									
ul.submenu li:hover a em, ul.submenu li:hover				{
										color: #cecee1;
										}
										
ul.submenu li a:hover					{
										text-decoration:none;
										background: #cecee1;
										color: #3e66a4;  
										}
										
ul.submenu li .sub-toggle				{
										background:none repeat scroll 0 0 rgba(0,0,0,0.075);
										position:absolute;
										right:0;
										top:0;
										z-index:999;
										width:48px;
										height:100%;
										text-align:center;
										cursor:pointer;
										}
										
ul.submenu li .sub-toggle:before		{
										content:'';
										display:inline-block;
										height:100%;
										margin-right:-0.25em;
										vertical-align:middle;
										}
										
ul.submenu li .sub-toggle>i			{
										display:inline-block;
										color:#333;
										font-size:18px;
										vertical-align:middle;
										}
										
ul.submenu>li							{
										border-left:1px solid #ecebec;
										}
										
ul.submenu>li.active							{
										border-left: none;
										}
										
ul.submenu>li:first-child,ul.submenu>li.has-submenu+li		{
															border-left:0
															}
															
ul.sub-nav li.no-link  {
										font-weight: bold;
										font-size: 1em;
										display:block;
										max-width: 100%;
										margin-right: 0px;
										padding: 5px 0 5px 8px;
										margin-left: 0px;
										color: #fff;
										text-shadow: 1px 0px 0px #000;
										margin-left: -4px;
											}
											
ul.sub-nav li.no-link:hover 	{
										color: #fff;
										}
															
}