.progressloader
	{
	    padding: 4px;
/*border: solid 1px;
background-color: #F3F6FB;*/
text-align: center;
color: Black;
font-weight: bold;
font-size: 13px;
letter-spacing: 2px;
position: fixed;
top: 0px;
right: 0px;
z-index:1000;
	}	
#topNav{
			background-color: #fff;
			border-bottom: 1px solid #ccc;
			box-shadow: 2px 2px 2px #ccc;
		
		}
		
		.loginText{
			color:#7daf31;
		
		}
		.loginText:hover{
			color:#3d5aa5;
		
		}
		
		.menuControl{
			color:#3d5aa5;
		
		}
		
		.login li {
			list-style:none;
		}
		ul li .submenu{
			display:none;
		}
		ul li:hover .submenu{
			display:block;
		}
		
		/* Smartphones (portrait and landscape) ----------- */
	@media only screen and (max-width : 767px) {
		#logoBig{
			display:none;
		}
		
		#logoSmall{
			display:block !important;
			width:25% !important;
			margin-left:45px;
		}
		.hideSmall{
			display:none !important;
		
		}
		.hideMargin{
			margin-top:0px !important;
		
		}
		#menuDropdown{
			width:300px;
		
		}
		
		.loginText{
			font-size:20px;
		
		}
		
	}
	
	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-width : 768px) and (max-width : 1024px) {
		#logoBig{
			display:none;
		}
		
		#logoSmall{
			display:block !important;

		}
		.navbar-header{
			width:15%;
		
		
		}
		
		.searchtabResize{
			width:65% !important;
			vertical-align:top !important;
		
		}
		
		.searchnameResize{
			vertical-align:top !important;
			width:15% !important;
		}

	}
	
	/* Desktops and laptops ----------- */
	@media only screen and (min-width : 1025px) {
		
	}
	
	/* Large screens ----------- */
	@media only screen and (min-width : 1824px) {
		#logoBig{
			width:75% !important;
		
		}
		
		.largeMonitor{
			width:60% !important;
		
		}
	}