@media only screen and (max-width:960px)
{
	.fullWidthMob
	{
		width : 100% !important;
	}
	
	.fltLftMob
	{
		float: left !important;
	}
	
	.spaceUpMob
	{
		margin-top:10px;
	}
	
	.spaceBottumMob
	{
		margin-bottom:10px;
	}
	
	.spaceLeftMob
	{
		margin-left:10px;
	}
	
	.spaceAllMob
	{
		margin: 10px;
	}
	
	.fltRemoveMob
	{
		float : none !important;
	}
	
	
	.maincontentMobileFriendly
	{
    	left: 0% !important;
    	padding : 0px 10px;
	}
			
	
	
}








.fullheight
{
	height : 100%;
}

.hideElement, .hideelement
{
	display :none;
}



.maincontentMobileFriendly
{
    font-family: monospace;   
    width: 50%;
    position: absolute;
    top: 40%;    
    left: 25%;
}



/* Icons design  */

.iconContainer 
{
	max-width: 150px;
	text-align: center;
	padding: 5px;
	display: table-cell; /*similar to float left  */
	border-radius: 10%;
	/* background-color: white; */ /* optional */
	/* border-radius: 10%; */
}

.menuitem
{
	text-decoration: none;
    color: black;
}

.menuIcon 
{
	/* content: "\f003"; */
	font-size: 20px;
	border-radius: 25%;
	border: 10px solid;
	padding: 2px;
	color: white;
	margin: 10px 20px 10px;
}

.icon-bg-green 
{
	border-color: green;
	background-color: green;
}

.icon-bg-purple 
{
    border-color: #9C27B0;
    background-color: #9C27B0;
}

.icon-bg-violet 
{
    border-color: #673AB7;
    background-color: #673AB7;
}

.icon-bg-skyblue
{
    border-color: #03A9F4;
    background-color: #03A9F4;
}

.icon-bg-lightgreen 
{
    border-color: #8BC34A;
    background-color: #8BC34A;
}

.icon-bg-radium
{
    border-color: #CDDC39;
    background-color: #CDDC39;
}