/* Desktops and laptops ----------- */
@media only screen 

and (max-width : 767px) {
	
	html, body {
	width:100%;
	height:100%;
	min-height:100%;
	max-width:767px;
	-webkit-text-size-adjust: none;	
	overflow-x:hidden;	
	}

	#main, header div, footer, nav, .inner {	
	width:100%;
	}

	img {
	max-width: 100%;
	height: auto;
	}
	

		
	.home-tabs,
	.no-mobile {
		display:none !important;
	}
	
	#sidebar, 
	#content, 
	#blog-sidebar, 
	#blog-content, 
	.section-third, 
	.section-two-thirds, 
	.home-tab-section, 
	.home-tab-section.last, 
	footer .inner, 
	.location-image, 
	.location-text,
	.footer-left,
	.footer-right,
	.col-2 {
		width:96%;
		padding:0 2%;
		float:none;
		clear:both;
		border:0;
	} 
	
	#search {	
	width:55%;
	}
	
	#search label {	
	width:27%;	
	}

	#search input[type='text'] {
	width:55%;
	}

	h2.home-tab-header-mobile {
		display:block;
	}

	.item {
		height:auto !important;
	}
	.footer-right {
		margin-top:30px;
	}
	
	[id*='bio'] {
 	 width:80%;
	}
	
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

	html, body {
	width:100%;
	height:100%;
	min-height:100%;
	min-width: 320px;
	max-width:568px;
	-webkit-text-size-adjust: none;	
	overflow-x:hidden;	
	}
	
	#main, header div, footer, nav, .inner {
	width:100%;
	}
		
	html {
	overflow-y: scroll; 
	-webkit-overflow-scrolling: touch;
	}

	html * {
    	-webkit-transform: translateZ(0px);
	}

	img {
	max-width: 100%;
	height: auto;
	}

	#sidebar, 
	#content, 
	#blog-sidebar, 
	#blog-content, 
	.section,
	.section-third, 
	.section-two-thirds, 
	.home-tab-section, 
	.home-tab-section.last, 
	footer .inner, 
	.location-image, 
	.location-text,
	.footer-left,
	.footer-right,
	.col-2 {
		width:96%;
		padding:0 2%;
		float:none;
		clear:both;
		border:0;
	} 
	
	.home-banner h1 {
	font-size:24px;
	line-height:27px;
	}
	
	.legend {
	position:relative;
	margin-top:10px;

	}
	
	.footer-right {
		margin-top:30px;
	}
		

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px)
and (max-width : 481px) {
	img {
	max-width: 100%;
	height: auto;
	}

	
	
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

	html, body {
	width:100%;
	height:100%;
	min-height:100%;	
	max-width:320px;
	-webkit-text-size-adjust: none;	
	overflow-x:hidden;	
	}

	img {
	max-width: 100%;
	height: auto;
	}

	.home-banner h1 {
	font-size:16px;
	line-height:19px;
	}
	
	footer li {
		float:none;
		display:block;
		margin:3px 0;
	}
}





/* iPads (portrait) ----------- */
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)  {
	html, body {
	width:100%;
	height:100%;
	min-width: 768px;
	max-width:1024px;
	overflow-x:hidden;
	}


	img {
	max-width: 100%;
	height: auto;
	}


	.inner, header div, #main, footer {
	margin: 0 auto;	
    	max-width: 100%;
    	min-height: 100%;
    	width:100%;
	}

	
}