/*
@@@@@@@@@@@@@@@@@@@@@@
RESPONSIVE
@@@@@@@@@@@@@@@@@@@@@@

	about				styles for responsive objects
	
	syntax

*/


/* portrait tablet --> landscape tablet */
@media all and (min-width: 0px) and (max-width: 1000px)
{
		
	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	body & html settings
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	
			body{}
		
	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	layout
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
				
		/*+ layout
		..........................................................................*/

			.layout{width:748px; }


}	
		
/* mobile landscape --> portrait tablet */
@media all and (min-width: 0px) and (max-width: 767px)
{
		
		
	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	body & html settings
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	
			body{}
		
	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	layout
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
				
		/*+ layout
		..........................................................................*/

			.layout{width:480px; }

}	
		
/* mobile portrait --> mobile landscape */
@media all and (min-width: 0px) and (max-width: 480px)
{
		
	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	body & html settings
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	
			body{}
		
	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	layout
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
				
		/*+ layout
		..........................................................................*/

			.layout{width:100%; }


}