@CHARSET "UTF-8";
/**
 * Responsive Web CSS Definitionen für www.jost-world.com
 * @author Kevin Chileong Lee
 * @version 1.0
 * @since 06.12.2011
 */
 
/****************************************************************************
* MAIN MENU
****************************************************************************/
#mainmenu .tinynav
{
	display: none;
}

@media screen and (max-width: 480px) {
	#top #mainmenu > ul,
	#logoleiste
	{
		display: none;
	}	
	
	#showMenu
	{
	 	display: block;
	}
	
	#mainmenu .tinynav
	{
		display: block;
	}
	
	#content .csc-textpic-intext-left-nowrap > div
	{
		float: none;
		margin-left: 0 !important;
	}
	
	.ce_two_columns .column,
	#content .tx-jiccontent-pi1 .styleContainer .col1,
	#content .tx-jiccontent-pi1 .styleContainer .col2
	{
		float: none;
		width: 100%;
	}
	
	.ce_three_columns .column
	{
		float: none;	
		margin: 0 0 1em 0;
		width: 100%;
	}
	
	/****************************************************************************
	* HR
	****************************************************************************/
	.commercial-textpic > .col-xs-12
	{
		padding-right: 0;
	}
}

@media screen and (max-device-width: 480px) {

}

@media screen and (max-width: 770px) {
	
}

@media screen AND (max-width: 1024px) {
	/****************************************************************************
	* VIDEO JS
	****************************************************************************/
	div.video-js
	{
		height: auto !important;		
	}
}