/* =Responsive Structure
----------------------------------------------- */

/* Smaller than standard 1060 (devices and browsers) */
@media screen and (max-width: 1060px) {
  	#page {
    	max-width: 900px;
  	}
  	.widget_search #s {
    	width: 84%;
	}
}

@media screen and (max-width: 960px) {
	/*  ipad */
	#page {
		max-width: 708px;
	}	
	#nav-below {
		border-bottom: 1px solid #ddd;
		margin-bottom: 30px;
	}
	#primary,
	.left-sidebar #primary {
		margin: 0;
	}
	#content,
	.left-sidebar #content {
		margin: 0;
		width: 100%;
	}
	#secondary {
    	clear: both;
    	width: 100%;
	}
	.widget_search #s {
    	width: 94%;
	}
	.featured-content .attachment-excerpt-thumbnail {
		max-width: 180px;
		margin: 0.5em 20px 0.5em 0;
	}
	/* Make sure we have room for our comment avatars */
	.commentlist {
		width: 100%;
	}
	.commentlist > li.comment,
	.commentlist .pingback {
		margin-left: 102px;
		width: auto;
	}
	/* And a full-width comment form */
	#respond {
		width: auto;
	}
	/* No need to float footer widgets at this size */
	#colophon #supplementary .widget-area {
		float: none;
		margin-right: 0;
		width: auto;
	}
	/* No need to float 404 widgets at this size */
	.error404 #main .widget {
		float: none;
		margin-right: 0;
		width: auto;
	}

}
@media screen and (max-width: 767px) {
	/*  small tablet */
	#page,
	.one-column #page {
		max-width: 380px;
	}
	#main {
		padding: 16px 5% 0;
	}
	body, input, textarea {
		font-size: 13px;
	}
	#branding {
		padding-bottom: 15px;
	}
	#site-title a {
		font-size: 24px;
	}
	#site-description {
		font-size: 12px;
	}
	#header-right {
		max-width: 100%;
    	width: 100%;
	}
	#header-right ul.social-profile,
	#header-right .widget widget_search {
		
	}
	#access ul {
		font-size: 12px;
	}
	article.intro .entry-content {
		font-size: 12px;
	}
	.entry-title {
		font-size: 21px;
	}
	.featured-post .entry-title {
		font-size: 14px;
	}
	.entry-meta {
		font-size: 12px;
	}
	blockquote {
		margin: 0;
	}
	blockquote.pull {
		font-size: 17px;
	}
	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	/* Make sure the post-post navigation doesn't collide with anything */
	#nav-single {
		display: block;
		position: static;
	}
	#content .gallery-columns-3 .gallery-item {
		width: 31%;
		padding-right: 2%;
	}
	#content .gallery-columns-3 .gallery-item img {
		width: 100%;
		height: auto;
	}
	#featured-services {
		margin: 0;
	}
	#featured-services .featured-title {
		margin: 0 0 1em 0;
	}
	#featured-services .block {
    	margin-left: 0;
   		width: 100%;
	}
	#access ul {
		display: none;
	}
	.tinynav {
		background-image: none;
		background-color: transparent;
		background-position: right center;
		background-repeat: no-repeat;
		border: none;
		color: #fff;
		display: block;
		margin-bottom: 0;
		margin-left: auto;
		margin-top: 0;
		overflow: hidden;
		padding: 10px 0;
		width: 100%;
	}	
	.tinynav option {
		color: #000;
	}
	.tinynav {
		display: block;
	}
	#access .sb-holder {
		display: block;
	}
	.entry-content, .entry-summary {
		padding: 10px 0 0;
	}
	.widget_search #s {
    	width: 91%;
	}
	.wp-caption {
		display: block;
		margin: 0 auto 2em;
	}
	.featured-content .attachment-excerpt-thumbnail {
    	max-width: 100px;
		margin-right: 15px;
	}
	.commentlist .avatar {
		background: none;
		display: inline-block;
		float: left;
		height: auto;
		margin: 5px 15px 5px 0;
		max-width: 38px;
		padding: 0;
		position: static;
	}
	.commentlist > li.comment,
	.commentlist > li.pingback {
		margin-left: 0 !important;
	}
	.commentlist .children .avatar {
		left: 2.30px;
		padding: 0;
		position: absolute;
		top: 2.30px;
	}
	/* Use the available space in the smaller comment form */
	.commentlist > li:before {
		content: none;
	}	
	.commentlist > li.comment {
		padding: 20px;
	}
	#respond {
		padding: 20px;
	}
	#respond .comment-form-author .required,
	#respond .comment-form-email .required {
		left: 90%;
	}
	#respond input[type="text"],
	#respond textarea {
		width: 90%;
	}	
	#respond input#submit {
		left: 0;
	}
	#respond .form-submit {
		display: block;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
}
@media (max-device-width: 650px) {	
	.tinynav {
		background-image: url("images/select-arrow.png");
	}
}
@media screen and (max-width: 479px) {
	/*  iphone */
	#page,
	.one-column #page {
		max-width: 320px;
	}
	#branding hgroup {
		padding: 20px 5%;
	}
	#slider .featured-text {
		margin: 10px auto 5px;
	}	
	#controllers {
		padding: 0;
	}
	#main {
		padding: 16px 5% 0;
	}
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}
	img.size-full, img.size-large {
		max-width: 94%;
	}
	.featured-content .attachment-excerpt-thumbnail {
		margin-top: 0.1em;
		max-width: 75px;
	}
	.entry-title,
	#featured-services .entry-title {
		font-size: 22px;
		line-height: 26px;
		padding-bottom: 0.2em;
	}
	.featured-content .entry-summary {
   	 	padding: 0;
	}
	.widget-title {
		padding-bottom: 0.2em;
	}
	.widget_search #s {
		width: 85%;
	}
}
@media screen and (max-width: 319px) {
	/* small phone */
	#page,
	.one-column #page {
		max-width: 100%;
	}
	body {
		padding: 0;
	}
	#page {
		margin-top: 0;
	}
	#branding {
		border-top: none;
	}
	.widget_search #s {
		width: 80%;
	}	
	.featured-content .attachment-excerpt-thumbnail {
		margin: 0.2em 10px 0 0;
		max-width: 65px;
	}
	.wp-caption img {
		max-width: 88%;
	}
	#respond {
		padding: 10px;
	}
	#respond input[type="text"], 
	#respond textarea {
		width: 85%;
	}
	#respond input#submit {
		left: 0;
		margin: 5px 0;
		padding: 5px 22px;
	}
}