﻿#mobile-logo-emerson-div, #mobile-logo-asco-div
{
	float:left;
}

#mobile-nav-wrapper, #mobile-header
{
	display:none;
}

.mobile-menu-button 
{ 
	min-width: 0px; 
	position: relative;
    float: left;
    padding: 3px 4px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    border-radius: 4px;  
}
.mobile-menu-button .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin:5px;
    background-color: #cccccc;
}

.mobile-menu-toggle
{
	float: right;
    margin-right: 10%;
    font-weight:900;
}

.mobile-menu-toggle:before
{
	content:"+";
}

.mobile-menu-toggle-active:before
{
	content:"-";
}


@media (max-width: 768px) {

	#mobile-nav-wrapper
	{
		display:block;
		position:fixed;
		top:0;
		left:-85%;
		float:left;
	    background-color: #036FAC;
	    width: 85%;
	    height: 100%;
	    z-index:9000;
	    overflow: auto;
	}
	/*#mobile-content-wrapper
	{
		top:0;
		width:100%;
		z-index:10;
	  	position: relative;
	    float:left;
	    height: 100%;
	    -webkit-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
	        moz-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
	          o-box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
	            box-shadow:  -5px 0px 4px 0px rgba(0, 0, 0, 0.2);
	}*/
	#mobile-header
	{
		display:block;
		position:fixed;
		z-index:8000;
	    width: 100%;
	    height: auto;
	    border-bottom: 2px solid #EADFDF;
	    background-color:#FFF;
	}
	
	#mobile-nav-inner-header
	{
	    width: 100%;
	    height: 50px;	    
	}
	#mobile-nav-inner-header .mobile-menu-button
	{
		float:right;
		top:0;
	}
	.asco-top-lang {
    	padding-left: 2%;
	}
	.asco-top-login
	{
		background-image:none;
		width:auto;
       	margin-right: 0px;
       	padding-left: 10px;
	}
	.mobile-searchbox
	{
		/*background-color: #024e7a;
		border:1px solid #0e5a86;*/
	}
	.ms-srch-sb, #SearchBox
	{
		background-color:#036FAC;
	}
	
	.ms-srch-sb, .searchbox
	{
		width: 90%;
    	float: left;
	}
	.ms-srch-sb
	{
		background-color: #FFF;
	    margin: 5px 0px 10px 2%;
	    border-radius: 10px;
	    padding: 5px;	
	}

	/* Added attributes after search */
	.ms-srch-sb-navLink
	{
		display:none;
	}
	.ms-srch-sb > .ms-srch-sb-navLink
	{
		display:none;
	}
	a.ms-srch-sb-searchLink	
	{
		display:none;
	}
	
	.ms-srch-sb-searchLink 
	{
    	background-image:none;
    }
		
	.asco-top-icons
	{
		float:left;
		margin-left:3%;
	}
	
	.mobile-copyright
	{
		margin-top:10px;
		font-size:8pt;
		color:#CCCCCC;
		width:100%;
		float:left;
		text-align:center;
	}
	.mobile-footer-icons
	{
		margin-top:20px;
		width:100%;
	}
	
	#header, .topnavbar
	{
		display:none;
	}
	
	#main
	{
		margin-top:10px;
	}
	.asco-mobile-logo
	{
		max-width:35%;
		height:auto;
		float:left;
		padding-top:1%;
	}
	.emerson-mobile-logo
	{
		max-width:35%;
		height:auto;
		float:left;
	}	
	
	/* Mobile Nav Menu/Items */
	
	.mobile-menu-section
	{
	    color:#FFF;
	    background-color: #024e7a;
	    margin:0px;
	}
	
	.mobile-menu-section-title
	{
	    cursor:pointer;
	    border:1px solid #0e5a86;
	    padding: 10px;
	}
	.mobile-menu-section ul
	{
    	padding-left: 0px;
    	text-indent: 20px;
	    list-style-type:none;
	    margin-bottom:0px;
	}
	
	.mobile-menu-section ul a, .mobile-menu-section a, .mobile-menu-section ul a:visited, .mobile-menu-section a:visited
	{
	    color:#FFF;
	    text-decoration:none;
	}
	
	.mobile-menu-section ul li
	{
	    padding:5px 0px;   
	}
	
	ul.mobile-menu-section-items
	{
		background-color:#0e5a86;
	}
	
	/* Mobile Nav Menu/Categories/Items*/
	.mobile-menu-section-category
	{
		cursor:pointer;
		
	}
	.mobile-menu-section-category ul
	{
		padding-left: 0px;
    	text-indent: 20px;
	}
	ul.mobile-menu-section-categories li
	{
		padding:0px 0px!important;
	}
	ul.mobile-menu-category-items
	{
		background-color:rgb(4, 142, 222);
	}
	ul.mobile-menu-category-items li
	{
		padding:5px 0px!important;
	}
	.mobile-menu-category-title
	{
		background-color:#0e5a86;
		padding: 5px 0px;
	}
}
