

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.dynamicContent > .content {
	    width: 700px;		
		padding-left: 30px; 
		padding-right: 30px;
		margin: 0 auto;
	}
	.span10 {
	    width: 700px;
	}
	.border1 {
		padding-right: 30px;
		margin-right: 30px;
	}
	.span4 {
	    width: 300px;
	}
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
	.dynamicContent > .content {
	    width: 580px;		
		padding-left: 30px; 
		padding-right: 30px;
		margin: 0 auto;
	}
	.span10 {
	    width: 580px;
	}
	.border1 {
		border-right: 0 none ! important;
	}	
}

@media only screen and (min-width: 540px) and (max-width: 639px) {
	.dynamicContent > .content {
	    width: 480px;		
		padding-left: 30px; 
		padding-right: 30px;
		margin: 0 auto;
	}
	.span10 {
	    width: 480px;
	}
	.border1 {
		border-right: 0 none ! important;
	}
}

@media only screen and (min-width: 481px) and (max-width: 539px) {
	#banner { display: none ! important; }	
	.dynamicContent > .content {
	    width: 440px;		
		padding-left: 30px; 
		padding-right: 30px;
		margin: 0 auto;
	}
	.span10 {
	    width: 440px;
	}
	.border1 {
		border-right: 0 none ! important;
	}
	.dynamicContent img {
		margin: 6px auto;
		clear: both;
		display: block;
		float: none ! important;
	}
}

@media only screen and (min-width: 361px) and (max-width: 480px) {
	#banner { display: none ! important; }
	#wrapper { top: -70px; padding-bottom: 70px; }
	.dynamicContent > .content {
	    width: 360px;		
		padding-left: 30px; 
		padding-right: 30px;
		margin: 0 auto;
	}
	.span10,
	.span5 {
	    width: 360px;
	}
	.border1 {
		border-right: 0 none ! important;
	}
	.dynamicContent img {
		margin: 6px auto;
		clear: both;
		display: block;
		float: none ! important;
	}
	#form1 label textarea {
		width: 338px;
	}
	#form1 .empty, #form1 .error {
		left: 180px;
	}
}

@media only screen and (max-width: 360px) {
	#banner { display: none ! important; }
	
	#wrapper { top: -70px; padding-bottom: 70px; }
	.dynamicContent > .content {
	    width: 300px;		
		padding-left: 30px; 
		padding-right: 30px;
		margin: 0 auto;
	}
	.span10,
	.span5 {
	    width: 300px;
	}
	.border1 {
		border-right: 0 none ! important;
	}
	.dynamicContent img {
		margin: 6px auto;
		clear: both;
		display: block;
		float: none ! important;
	}
	#form1 label textarea {
		width: 278px;
	}
	#form1 .empty, #form1 .error {
		left: 180px;
	}
}