.contactBox {
	border:1px dotted #555555;
	background-color:#f2f2f2;
	margin:10px;
	}
.contactInfo {float:right; width:320px}

table#form { float:none !important; }


@media screen and (min-width: 769px) and (max-width: 900px){
	
	.submit, #head, #bnnHeader {
		background-size:contain;
		}
	
	#bnnHeader, #logo, #sub h1 {
		width:730px;
		}
	#bnnHeader{height:145px;}
	#head {
		height: 48px;
		width: 140px;
		margin-left: 472px;
		}
	#index #logo {
		height:48px;
		background-size:390px;
		}
	#index #bg_container,
	#sub #bg_container {
		background-size:1120px;
		}
		
	.sidebarIcons { display:none; }
	
	.contactInfo {width:660px}
	#sub table#form {width:660px; background-color:#fafafa}
	
	.text {padding-left:0}
	.textSize {width:320px!important}
	
	table#main {
		width:700px;
		}
	#sub table#form {width:527px; background-color:transparent;}
	table#select {margin:10px 0 0 10px}
	table.select {width:320px; margin:0 0 0 10px}
	.select span {width:315px; font-size:7.5pt}
	.select ul	 {width:145px}
	#select div	 {height:70px}
	
	#select div label, #select div {width:70px}
	#select div label {
		font:8.5pt/100% TexGyre !important;
		white-space: nowrap;
		position: relative;
		text-indent: 2px;
		}
	#select div input {top:24px; position:absolute}
	
	#base {width:100%}
	
	.form_table  {width:335px}
	.form_table .full_, .form_table textarea {width:300px}
	.form_table .full {width:140px}
	.form_table .third_ {width:66px}
	.form_table .phn2 {width:30px}
	.form_table .phn2 {width:20px}
	
}
@media screen and (max-width: 768px){
	.submit, #head, #bnnHeader {
		background-size:contain;
		}
	
	#bnnHeader, #logo, #sub h1 {
		width:500px;
		}
	#bnnHeader{height:100px;}
	#head {
		height: 34px;
		width: 100px;
		margin-left: 323px;
		}
	#index #logo {
		height:34px;
		background-size:280px;
		}
	#index #bg_container,
	#sub #bg_container {
		background-size:800px;
		background-color:#001c3e;
		}
	
	#index h1 {width:auto}
	#sub h1 {
		padding:24px 0;
		}
		
	.sidebarIcons { display:none; }
		
	.text	  {padding-left:0}
	.textSize {width:450px!important}
	
	.contactInfo {width:470px}
	
	table#main {width:500px}
	table#form {width:460px}
	table#sidebar {display:none}
	table#select {margin:10px 0 0 10px}
	table.select {width:440px; margin:0 0 0 10px}
	
	#select div label, #select div {width:100px}
	#select div label {
		position: relative;
		text-align: center;
		padding: 64px 0 0 0;
		}
	.select ul	 {width:205px}
	.select span {width:434px}
	#select div input {top:24px; position:absolute}

	.form_table {width:460px}
	.form_table .full {width:205px}
	.form_table .full_, .form_table textarea {width:430px}
	.form_table .third_ {width:120px}
	.form_table .phn {width:40px}
	.form_table .phn2 {width:50px}

}

@media screen and (max-width: 500px){
	.submit, #head, #bnnHeader, .app {
		background-size:contain;
		}
	
	#bnnHeader, #logo, #sub h1 {
		width:360px;
		}
	#sub td.in > div > div {width:320px}
	td.in { max-width:330px; }
	td.in p {max-width:320px; }
	#bnnHeader{height:75px;}
	#head {
		height: 42px;
		width: 73px;
		margin-left: 230px;
		margin-top: 28px;
		}
	#index #logo {
		height:53px;
		background-size:280px;
		}
	#index #bg_container,
	#sub #bg_container {
		background-size:520px;
		background-color:#001c3e;
		}

	#index h1 {
		width:auto;
		top: 10px;
		position: relative;
		}
	#sub h1 {
		padding:15px 0;
		}
	
	.sidebarIcons { display:none; }

	.sidebarIcons {width:330px!important; float:none!important}
	.sidebarIcons > a > img {display:block}
	.app {
		width: 60px;
		height: 69px;
		}
	.text	  {padding-left:0}
	.textSize {width:320px!important}
	
	table#main {width:320px}
	table#form {width:330px}
	table#sidebar {display:none}
	table#select {margin:10px 0 0 10px}
	table.select {width:320px; margin:0 0 0 10px}

	#select div label, #select div {width:70px}
	#select div label {
		font:8.5pt/100% TexGyre !important;
		white-space: nowrap;
		position: relative;
		text-indent: 2px;
		}
	#select div input {top:24px; position:absolute}
	.select ul	 {width:145px}
	.select span {width:314px; font: 7.5pt/100% TexGyre}
	
	#base {
		width:320px;
	}
	#base ul {
		padding: 0 20px;
		width: 300px;
		}
	
	#sub .form_in textarea {width:200px!important}
	.contactInfo {width:310px}
	.contactBox {width:300px!important; margin:0 0 10px 0}
	
	.form_table  {width:335px}
	.form_table .full_, .form_table textarea {width:300px}
	.form_table .full {width:140px}
	.form_table .third_ {width:66px}
	.form_table .phn2 {width:30px}
	.form_table .phn2 {width:20px}
	
	.section_to_shrink { max-width:330px; }
	td.form_in { max-width:330px; }
	.submit3 { position:relative; left: -138px; bottom: -44px;}
	select, input[type='text'],input[type='number'],input[type='tel'],textarea {
		font-size:16px !important;
	}
	#select div label {
		height:auto;
	}
}