/* =Responsive Structure
----------------------------------------------- */
@media screen and (max-width: 1100px) {
	.wrapper {
		width: 900px;
	}
	#slogan p {
		font-size: 22px;
		padding-top: 3.56%;
	}
	img.size-full,
	img.size-large {
		max-width: 100%;
		width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
		height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	}	
}
@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
	/*  ipad */
	.wrapper {
		width: 700px;	
	}
	#header-content {
		padding: 30px 0 20px;
	}
	.featured-text {
		bottom: 30px;
		padding: 19px 15px 22px 22px;
		width: 270px;
	}	
	.featured-text h2 {
		font-size: 20px;
		line-height: 26px;
		padding-bottom: 5px;
	}
	.featured-text p {
		font-size: 13px;
		line-height: 20px;
	}
	#home-top-sidebar .widget {
		width: 47.03%;
	}	
	#nav-slider .nav-previous, #nav-slider .nav-next {
		padding: 5px;
		top: 35%;
	}
	#colophon .twitterfeed .follow-us a {
		font-size: 18px;
	}
	.wp-caption {
		max-width: 95%;
	}
}
@media (max-device-width: 767px) {
	#access select.tinynav {
		background-image: url("../images/select-arrow.png");
	}
}
@media screen and (max-width: 767px) {
	/* Small Tablet */
	.wrapper {
		width: 430px;	
	}
	#header-bg {
		margin-bottom: 20px;
		padding-bottom: 45px;
	}
	.home #header-bg {
		margin-bottom: 40px;
	}	
	#header-content {
		padding: 30px 0 10px;
	}
	#branding hgroup, #sidebar-header {
		text-align: center;
	}
	#branding hgroup, #site-logo, #site-details, #site-logo a img, #sidebar-header, #branding #searchform {
		display: block;
		float: none;
		max-width: 100%;
	}
	#site-logo a img {
		display: block;
		margin: 0 auto;
		padding: 0;
	}
	.featured-text {
		bottom: 20px;
		padding: 5px 10px;
		width: 240px;
	}
	.featured-text h2 {
		font-size: 18px;
		line-height: 26px;
		padding: 0;
	}
	.featured-text p {
		display: none;
		float: none;
	}
	ul.social-profile {
		display: block;
		float: none;
		margin: 0 0 0 -10px;
	}
	#branding #searchform {
		font-size: 16px;
	}
	#nav-slider .nav-previous, #nav-slider .nav-next {
		padding: 7px;
		top: 35%;
		width: 12px;
	}
	.tinynav {
		display: block;
	}
	#access,
	.home #access {
		margin: 0 0 -17px;
		padding: 0 10px
	}
	#access select.tinynav {
		background-color: transparent;
		background-position: right center;
		background-repeat: no-repeat;
	}
	.menu-header-container .menu {
		display: none;
	}	
	#slider, #slogan, #content article {
		padding-bottom: 30px;
	}	
	#home-top-sidebar {
		padding-bottom: 0;
	}
	#tweet-feed-slider {
		margin-right: 0;
		width: 81.78%;
	}
	#slogan p {
		font-size: 20px;
		padding-top: 5.56%;
	}
	.twitterfeed {
		padding-top: 15px;
		padding-bottom: 15px;
		box-shadow: 0 1px 0 #555b5f;
		-moz-box-shadow: 0 1px 0 #555b5f;
		-webkit-box-shadow: 0 1px 0 #555b5f;
	}
	.twitterfeed .logo {
		width:15%;
	}
	.twitterfeed p {
		font-size: 13px;
	}
	#colophon .twitterfeed .follow-us {
		display: none;
	}	
	#home-top-sidebar .widget {
 		width: 47.03%;
	}
	#home-right-sidebar .item {
 		width:44.05%;
	}
	.gallery-item, .service-item {
		width: 47.03%;
		padding-bottom: 20px;
	}
	#wp_page_numbers ul li a {
		-webkit-box-shadow: 0 1px 0 #fff;
		-moz-box-shadow: 0 1px 0 #fff;
		box-shadow: 0 1px 0 #fff;
	}
	.catchthemes_tagcloud_widget a {
		-webkit-box-shadow: 0 1px 0 #f5f5f5;
		 -moz-box-shadow: 0 1px 0 #f5f5f5;
		 box-shadow: 0 1px 0 #f5f5f5;
	}
	.catchthemes_tagcloud_widget a:hover {
		-webkit-box-shadow: 0 1px 0 #f5f5f5;
		 -moz-box-shadow: 0 1px 0 #f5f5f5;
		 box-shadow: 0 1px 0 #f5f5f5;
	}
	#primary, 
	#secondary, 
	.contact #primary, 
	.contact #secondary {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	#secondary .widget img {
		max-width:100%;
	}
	#colophon #footer-main .widget-area {
		float: none;
		margin-right: 0;
		width: auto;
	}
	#site-generator .copyright,
	#site-generator .powered-by {
		float: none;
		text-align: center;
		width: auto;
	}	
	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {
		display: block;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	.wp-caption {
		max-width: 95%;
	}
	#content .gallery .gallery-item {
		padding-bottom: 10px;
	}
	.smart-even {
		clear: both;
	}
	.hentry .contact-form textarea {
		max-width: 90%;
	}	
	.commentlist .children li.comment {
		margin: 0;
		padding: 0.5em;
	}	
}
@media screen and (max-width: 479px) {
	/* iPhone */
	.wrapper {
		width: 320px;	
	}	
	body, input, textarea {
		font-size: 13px;
		line-height: 22px;
	}
	#header-content {
		padding-top: 20px;
	}
	#site-logo a img {
		max-width: 85%;
	}
	#site-title a {
		font-size: 38px;
		line-height: 42px;
	}
	#site-description {
		font-size: 14px;
		line-height: 16px;
	}
	#access {
		margin: 0;
	}
	h1 {
		font-size: 26px;
		line-height: 32px;
	}
	h2 {
		font-size: 24px;
		line-height: 30px;
	}
	h2 {
		font-size: 20px;
		line-height: 26px;
	}	
	hr {
		margin: 0 0 20px;	
	}
	#slogan, #primary .post, .wp-pagenavi, #home-top-sidebar .widget {
		padding-bottom: 20px;
	}
	.widget {
		margin-bottom: 20px;
	}
	.featured-text {
		bottom: 15px;
		left: 45px;
		padding: 5px 10px;
		width: 188px;
	}
	.featured-text h2 {
		font-size: 14px;
		line-height: 18px;
	}
	#nav-slider .nav-previous, #nav-slider .nav-next {
		padding: 5px;
		top: 30%;
	}
	.widget-title {
 		font-size: 22px;
	}
	.page .entry-header {
		padding-bottom: 0;
	}
	.entry-title { 
		font-size: 24px;
		line-height: 31px;
	}	
	#header-bg {
    	box-shadow: none;
 		-moz-box-shadow: none;
 		-webkit-box-shadow: none;
		padding-bottom: 30px;
	}	
	#branding #s {
 		box-shadow: 0 1px 0 #474c51;
 		-moz-box-shadow: 0 1px 0 #474c51;
 		-webkit-box-shadow:0 1px 0 #474c51;
		font-size: 16px;
	}
	.display {
		display: inherit;
	}
	.page-title {
   		font-size: 24px;
   		padding-bottom: 10px;
	}
	#main {
		padding-top: 10px;
	}
	#home-top-sidebar {
		margin: 0;
		padding-bottom: 0;
	}
	#home-top-sidebar .widget {
		margin-left: 0;
   		width: 100%;
	}
	#slogan p {
		font-size: 16px;
		line-height: 24px;
		padding-top: 10px;
	}
	#home-left-sidebar, #home-right-sidebar {
		float: none;
		width:100%;
	}
	#content #custom_post_type, #content #custom_post_type .gallery-item, #content #custom_post_type dd,
	#content .service, #content .service-item, #content .service-item dd {
		margin: 0;
	}
	#content #custom_post_type .gallery-item, #content .service-item {
		width: 100%;
		float: none;
	}
	#wp_page_numbers {
		padding-bottom:10px;
	}
	#wp_page_numbers ul li {
		line-height:25px;
		font-size:11px;	
	}
	#wp_page_numbers ul li.page_info {
		display: none;
	}
	#wp_page_numbers ul li a {
		font-size:12px;	
		padding:0 10px;
	}
	.wp-pagenavi {
		line-height: 25px;
		font-size: 12px;
	}
	.wp-pagenavi .pages {
		display: none;
	}
	.wp-pagenavi .current, .wp-pagenavi a {
		font-size:11px;
		padding:0 10px;
	}
	.pagination {
		padding-bottom:10px;
		text-align: center;
		font-size:11px;	
	}
	.pagination span {
		line-height:25px;
		font-size:12px;	
		padding:0 10px;
	}
	ul.default-wp-page {
		padding-bottom:10px;
	}
	ul.default-wp-page li a {
		line-height:25px;
		font-size:12px;
		padding:0 10px;
	}
	#secondary .wid-contact {
		padding-bottom: 0;
	}
	.contact .widget-title { 
		padding-bottom: 10px;
	}
	.contact #secondary {
	   font-size: 13px;
	   line-height: 22px;
	}
	#colophon.with-twitter-feed {
		padding-top: 59px;
	}
	#colophon.with-twitter-feed #footer-main {
		padding-top: 20px;
	}
	#supplementary .widget-area {
	   margin-top: 0;
	}
	#supplementary #second .post {
		margin-bottom: 10px;
	}
	#supplementary #first, #supplementary #second {
		float:none;
		margin:0;
		width:100%;
	}
	#supplementary .widget-title {
		padding-bottom:10px;
	}
	#supplementary .testimonial-text {
		box-shadow: 0 1px 0 #555b5f;
		-moz-box-shadow: 0 1px 0 #555b5f;
		-webkit-box-shadow: 0 1px 0 #555b5f;
	}
	#supplementary #third .contact-info, #supplementary #third .like-us {
		float:none;
		width:100%;
		margin-right: 0;
	}
	#site-generator {
		padding: 20px 0;
	}	
	#main label {
		line-height: 30px;
		width: 100%;
	}
	#main form .text, #main form .textarea {
		 width: 96%;
		 margin: 0 0 10px;
	}
	.wp-caption {
		max-width: 96%;
		padding: 2%;
	}
	.entry-content .thumb {
		float: none;
		width: 100%;
	}
	.entry-content .content {
	   float: none;
	   margin-left: 0;
	   margin-top: 10px;
	   width: 100%;
	}
	#content .gallery .gallery-item {
		padding-bottom: 5px;
	}
}

@media screen and (max-width: 319px) {
	.wrapper {
		width: 100%;	
	}	
	.home #header-bg {
		margin-bottom: 40px;
	}
	#site-logo a img {
		max-width: 75%;
	}	
	#site-title a {
		font-size: 30px;
		line-height: 34px;
	}
	#site-description {
		font-size: 12px;
		line-height: 14px;
	}
	#branding #s:focus {
		max-width: 75%;
	}
	.featured-text {
		bottom: 10px;
		left: 5px;
		width: 85%;
	}
	.featured-text h2 {
		font-size: 14px;
		line-height: 16px;
		padding: 0;
	}
	#nav-slider {
		display: none;
	}
	#slogan p {
		font-size: 14px;
		line-height: 22px;
	}	
	#home-top-sidebar {
		margin-left: 0;
	}
	#home-top-sidebar .widget {
		float: none;
		margin-left: 0;
		width: 100%;
	}
	.gallery-item, .service-item {
		width: 97.03%;
	}
	.entry-content .content p {
	   margin-bottom: 10px;
	}
	.wp-caption {
		max-width: 96%;
		padding: 5px 2%;
	}	
	input[type="text"], input[type="password"], textarea {
		width: 80%;
	}
	#content .gallery .gallery-item {
		padding-bottom: 0;
	}	
}