@media only screen and (max-width: 767px) 
{
	
	
	#CollegeLogo img
	{
		height: 35px;
	}
	
	#IamDropMenu h2
	{
		padding-left: 10px;
	}
	#IamDropMenu ul
	{
		margin-left: 10px;	
	}
	
	#IamDropMenu ul li {
		width: 47%;
		height: 95px;
		font-size: 12px;
		z-index: 100;
	}
	
	.HeaderIconContainer li
	{
		padding: 0px;
		height: 140px;
		width: 33%;
	}
	.HeaderIconContainer li > a
	{
		position: relative;
		width: 100%;
	}
	   

	.headerimage
	{
		
	}
	.AcademicsIconContainer i 
	{
		font-size: 40px;
		line-height: 70px;
		color: #004780!important;
		height: 80px;
		width: 80px;
	}
	.DropMenuContainer
	{
		
		padding: 40px 0px 0px 0px;
		background-color: rgba(73, 125, 158, 0.99);
		height: 100vh;
	}
	.DropMenuContainer h2
	{
		padding-top: 15px;
	}
	
	.DropMenuContainer
	{
		height: 105vh;
		overflow: auto;
	}
	.AcademicsIconContainer img
	{
		font-size: 30px;
		height: 80px;
		width: 80px;
		padding: 13px;
	}
	#IconNavigationContainer
	{
		right: auto;
		left: 0;
		margin: 0;	
		margin-left: 20px;
		margin-top: 50px;
		/* right: 0;
		margin-left: 0px;
		padding: 0px;
		position: absolute;
		margin-top: 55px;
		*/
	}
	#IconNavigationContainer a
	{
		background-color: #df7b1d;
		color: white;
		border-radius: 3px;
		margin-top: -9px;
	}
	.CloseMenu
	{
		position: absolute;
		color: white!important;
		width: 100%;
		font-size: 15px;
		left: 0;
		top: 0;
		height: 45px;
		line-height: 45px;
		background-color: #666;
		border: 1px solid #888;
		text-align: center;
	}
	#IconNavigationContainer a:hover
	{
		padding: 10px 10px 10px 10px;
		border-radius: 3px;
	}
	
	#HeaderNavigationList
	{
		width: 100%;
		clear: both;
		margin-left: 0px;
		margin-top: 96px;
		width: 100%;
		z-index: 300;
		height: 99vh;
		background-color: rgba(85, 85, 85, 0.95);
	}
	/*
	#HeaderNavigationList > li > a::before
	{
		content: "\f04b";
	font-family: FontAwesome;
		color: white;
		position: absolute;
		margin-top: 15px;
		margin-left: 7px;
		z-index: 1;
	}
	*/
	#HeaderNavigationList > li
	{
		clear: both;
		list-style: none;
		width: 100%;
		margin-left: 0px;
	}
	#HeaderNavigationList > li > a
	{
		padding-left: 29px;		
	}
	.DropMenuTrigger, .DropMenuTrigger:focus
	{
		color: white!important;				
		display: block;
		padding: 15px 20px 15px 15px;
		margin-top: 0px;
		width: 100%;
		font-size: 16px;
		text-align: left;
		background-color: rgba(73, 125, 158, 0.95);
		border: 1px solid #555;
	}
	.DropSelected
	{
		color: #df7b1d!important;
		font-weight: bold;
	}
	.MenuHidden
	{
		margin-left: -999999px!important;
	}

}