html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	header, footer, .featured{width:768px;}
	.social1{position:relative; top: 10px; right:-180px; z-index:2;}
	#contact-form input, #contact-form select, #contact-form textarea {width: 95%;}
	#contact-form .message{width: 100%;}
	header #logo {width: 20%; padding-top: -4%; margin-left:-20px;}
	.weather {width:205px; overflow: hidden; margin-left:20px;}
}

@media only screen and (max-width: 767px) {
	header, footer, .featured{width:100%;}
	header {margin-top: 0px;height:150px;}
	header #logo{top:50px;}
	header nav {top:5px; right: 5px;}
	.social1{position:relative; top: 10px; right:10px; z-index:2;}
	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

}

@media only screen and (max-width: 479px) {
	.content h4 span, .content h4{ padding-left: 8px;}
	header{height: 130px;}
	header #logo{top: 70px; left:10px;}
	.content-box-left-bootomgrid {width:27%; height:auto; float:left;}
	.social1{position:relative; top: 10px; left:10px; z-index:2;}
	p, ul, h3, h2, .more {padding-left:8px; padding-right:4px;}
	#contact-form .message {width: 90%;}
	.photo {max-width:96%; height: auto;}
	header #logo {width: 40%; margin-top: -8%;}
	header nav ul li a {font-size: 11px; line-height:14px;padding: 0px 1px; margin-bottom:5px;}
	.weather {width:300px; overflow: hidden; margin-left:20px;}
}
@media only screen and (max-width: 480px) {
	ul li.len_flag{
	display:inline;
	float:right;
	margin-top:16px;
	margin-right:20px;}
}