#header-menu, #left
{	display: none;
}

#main
{	margin-left: 0;
}

#content
{	margin-top: 0;
}


/* Lets make the Design Responsive */

@media (min-width: 1024px) and (max-width: 1399px) { 
	/* CSS for browsers less than 1024px*/
	body 
	{ 	max-width: 1390px; 
		/*background: purple;*/
	}

}




@media (min-width: 960px) and (max-width: 1023px) { 
	/* CSS for browsers less than 1024px*/
	body 
	{ 	max-width: 1000px; 
		/*background: orange;*/
	}



}





@media (min-width: 768px) and (max-width: 959px) { 
	/* CSS for browsers less than 960px*/
	body 
	{	max-width: 950px; 
		/*background: yellow;*/
	}

	
	.mobile
	{	display: block;
	}

	.no-mobile
	{	display: none;
	}



}








@media (min-width: 600px) and (max-width: 767px) { 
	/* CSS for browsers less than 768px*/
	body 
	{	max-width: 760px; 
		/*background: magenta;*/
	}

	.mobile
	{	display: block;
	}

	.no-mobile
	{	display: none;
	}





	
}








@media (min-width: 480px) and (max-width: 599px) { 
	/* CSS for browsers less than 600px*/
	body 
	{	max-width: 580px;
		/*background: green;*/
	}


	.mobile
	{	display: block;
	}

	.no-mobile
	{	display: none;
	}



}














@media (min-width: 320px) and (max-width: 479px) { 
	/* CSS for browsers less than 480px*/
	body 
	{	max-width: 460px; 
		/*background: cyan;*/
	}


	.mobile
	{	display: block;
	}

	.no-mobile
	{	display: none;
	}




}

















@media (max-width: 320px) { 
	/* CSS for browsers less than 320px*/
	body 
	{	max-width: 320px; 
		/*background: red;*/
	}

	.mobile
	{	display: block;
	}

	.no-mobile
	{	display: none;
	}




}