/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
/************************************************************************************
 Smartphones (portrait and landscape)  
*************************************************************************************/
@media only screen and (max-width: 480px) {
	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}		
	header {
		height: auto;
	}
	p {
		padding:0;
		font-size:100%;
		font-family:helvetica,arial,sans-serif;
	}
	.innerWrap h1 {
		font-size:110%;
		line-height:1.2;
		margin:3px 0 3px 0 !important;
		padding-bottom:10px;
		text-align:center;
		border-bottom:none;
	}
	.innerWrap, .masthead, footer .inner  {
		width:auto;
		padding:0 2%;
		font-size:100%;
	}
	.masthead {
		height:auto;
	}
	h2, address {
		display:none !important;
	}
	.forMobile {
		background-color:#fff !important;
		margin:0;
		padding-bottom:8px;
		border-bottom:1px solid #333 !important;
	}
	.left, .right, .footer .inner li.amazon-left, .footer .inner li.amazon-right {
		float:none;
		width:100%;
		text-align:center;
	}
	.img.world {
		background:#fff url('../images/classic_hikes_world_portal_320px.jpg') no-repeat;
		width:300px;
		height:386px;
		overflow:hidden;
	}
	.img.na {
		background:#fff url('../images/classic_hikes_north_america_portal_320px.jpg') no-repeat;
		width:300px;
		height:386px;
		overflow:hidden;
	}
	.img.world a, .img.na a {
		width:300px;
		height:386px;
	}
	.imgInfo {
		width:300px;
	 }
	footer .inner {
		background-image: none !important;
		height:auto;
	}
}
/************************************************************************************
smaller tablets (portrait and landscape)
*************************************************************************************/
@media screen and (min-width: 481px) and (max-width: 767px) {
	header {
		height: auto;
	}
	.innerWrap, .masthead, footer .inner  {
		width:auto;
		padding:0 2%;
		font-size:100%;
	}
	.masthead {
		height:auto;
	}
	.innerWrap h1{
	border-bottom:none;
	width:100%;
	line-height:1.5em;
	font-size:120%;
	padding-bottom:6px;
	margin:0;
}
	h2, address {
		display:none !important;
	}
	.right, .left {
		width:49%;
	}
	.right h3, .left h3 {
		font-size:90%;
		margin-left:0;
	}
	.right .subtitle, .left .subtitle {
		font-size:80%;
	}
	.img.world {
		background:#fff url('../images/classic_hikes_world_portal_320px.jpg') no-repeat;
		width:300px;
		height:386px;
		overflow:hidden;
	}
	.img.na {
		background:#fff url('../images/classic_hikes_north_america_portal_320px.jpg') no-repeat;
		width:300px;
		height:386px;
		overflow:hidden;
	}
	.img.world a, .img.na a {
		width:300px;
		height:386px;
	}
	.imgInfo {
		width:300px;
	 }
}
/************************************************************************************
 iPads (portrait and landscape)
*************************************************************************************/
@media screen and (min-width: 768px) and (max-width: 983px) {

	.innerWrap, .masthead, footer .inner  {
		width:auto;
		padding:0 2%;
		font-size:100%;
	}
	.masthead {
		height:auto;
	}
	.right, .left {
		width:48%;
		overflow:hidden;
		padding:0;
		text-align:center;
	}
	.right h3, .left h3 {
		font-size:100%;
		width:96%;
	}
	.right .subtitle, .left .subtitle {
		width:96%;
	}
	.imgInfo {
		width:386px;
	 }
}
/************************************************************************************
iPhone with Retina display
*************************************************************************************/
   /* @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      .contentArea .innerWrap .img.world {
      	background-image: url('../images_ai/bookCoverWorld_mobile-hd.jpg');
      	background-size: 300px 388px; 
	  }
      .contentArea .innerWrap .img.na {
      	background-image: url('../images_ai/bookCoverNA_mobile-hd.jpg');
      	background-size: 300px 388px; 
	  }
    }*/
/************************************************************************************
iPad with Retina display
*************************************************************************************/	
/* @media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (-webkit-min-device-pixel-ratio: 2) {
     .contentArea .innerWrap .img.world {
      	background-image: url('../images_ai/bookCoverWorld_mobile-hd_iPad.jpg');
      	background-size: 385px 500px; 
	  }
      .contentArea .innerWrap .img.na {
      	background-image: url('../images_ai/bookCoverNA_mobile-hd_iPad.jpg');
      	background-size: 385px 500px; 
	  }
}	*/