/** all devices and responsive browser windows **/

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

}

@media screen and (max-width: 800px) 
{
	/* table.app_header {   background-color: yellow; } */ 
	
	body {	padding: 0px 0px; }
	
	#container_responsive {	width: 100%; }
	
	.aside	{ width: 95%; }

	.clear	{ width: 95%; }
	
	#responsive-form .txtinput , #responsive-form textarea	{ width: 180px;	}
	
	select.selmenu 	{ width: 90%;	margin-right: 0px; }
	
	#responsive-form .txtinput_noicon { width: 90%; }

	#responsive-form .txtblock_noicon { width: 85%; }
	
 	#responsive-form .txtblock_noicon_wide { width: 90%; }

	#responsive-form .logo 	{ width: 180px;	}
	
	#responsive-form .buttons_table  { width: 100%; }		
	
	img.logo_img { height: 30px; }
	
	.clear_one { width: 95%;}
}

/* smaller screen dropoff *******/

@media only screen and (max-width: 550px)
{
 	body {	padding: 0px 0px;  }
	
	/* table.app_header {   background-color: orange; } */
	
	select.selmenu 	{ width: 90%; }
	
 	#responsive-form .txtinput , #responsive-form textarea 	{ width: 120px;	}
	
 	#responsive-form .txtblock_noicon { width: 85%; }

	#responsive-form .txtblock_noicon_wide { width: 90%; }
	
	#responsive-form .logo 	{ width: 100px;	}	
	
	img.logo_img { height:30px; }

	.clear_one { width: 95%;}
}

/* iPhone Landscape ********/

@media only screen and (max-width: 480px) 
{
	body {	padding: 0px 0px; }
	
	/* table.app_header {   background-color: lime; } */
	
	select.selmenu 	{ width: 90%;	}
	
	#responsive-form .txtinput_noicon { width: 90%; }
	
	#responsive-form .txtblock_noicon { width: 85%; }

	#responsive-form .txtblock_noicon_wide { width: 90%; }

 	#responsive-form .txtinput, #responsive-form textarea 	{ width: 120px;	}
	
	img.logo_img { height:30px; }
	
	.buttons { display: block;  float: none; }
	
	.clear_one { width: 95%;}	
}

/* iPhone portrait *******/

@media only screen and (max-width: 320px) 
{
	body {	padding: 0px 0px; }
	
	/* table.app_header {  background-color: pink; } */

 	#responsive-form .txtinput, #responsive-form textarea {	width: 70px; }
	
	select.selmenu 	{ width: 90%;	}
	
	#responsive-form .txtinput_noicon { width: 90%; }
	
	#responsive-form .txtblock_noicon { width: 85%; }

 	#responsive-form .txtblock_noicon_wide { width: 90%; }
	
	img.logo_img { height:30px; }
	
	.buttons { display: block;  float: none; }
	
	.clear_one { width: 95%;}		
}
