@media all{
	body{
	background-image:url('images/texture_bg.png');
	background-color:#ABDFF5;
	background-repeat:repeat;
	}

	@font-face {
	font-family: chand;
	src: url('SF_Cartoonist_Hand-webfont.ttf');
	}
	.hover_hand{ 
	cursor: hand; 
	cursor: pointer; 
	}
	#appstore_button{
		
		margin-bottom: 15px;
	}

}

@media (min-width: 1200px) {
	html, body {
		height: 100%;
	}

	#wrap {
		min-height: 100%;
		height: auto;
		overflow: hidden;
	}

	#myCarousel{
		float: left;
		width:459px;
		top: 134px;
		left: 53px;
		position:absolute;
	}
	#carousel-holder{
		min-width: 760px;
		position: relative;
	}
	.desc{
		font-family:chand;
		color: #2C8B3B;
		font-size:25px;
		line-height:110%;	
	}

	#footer {
   		position: relative;
		margin-top: -70px; /* negative value of footer height */
		height: 70px;
		clear:both;
   		background:#3DA2D4;
	}
	.social_icon{
		margin-top: 20px;
		margin-right: 20px;
	}
	.inquiry_page{
		margin-top: 10px;
		float: right;
	}
	#right-pane{
	/*background-color: red;*/
		text-align: center;
		margin-top: 60px;
		overflow:auto;
		padding-bottom: 70px;

	}
	#left-pane{
		margin-top: 25px;
		position: relative;
		padding-bottom: 70px;
		/*background-color: green;*/

	}
	#ipad_holder{
		float:left;	
	}
	
	#feature-pane{
		display:none;	
	}
 

}
 



 @media (min-width: 980px) and (max-width: 1199px) { 
	
	html, body {
		min-height: 100%;
		padding-bottom: 0px !important;
	}

	#wrap {
		min-height: 100%;
		
	}
	#myCarousel{
		float: left;
		width:365px;
		top: 103px;
		left: 41px;
		position:absolute;
	}
	#carousel-holder{
		min-width: 565px;
		position: relative;
	}
	#ipad_holder{
		float:left;	
	}
	#right-pane{
	/*background-color: red;*/
		text-align: center;
		margin-top: 100px;
		padding-bottom: 105px;
	}
	#left-pane{
		margin-top: 45px;
		position: relative;
		padding-bottom: 105px;
		/*background-color: green;*/
	}
	#footer {
	
   		position: relative;
		margin-top: -90px; /* negative value of footer height */
		height: 90px;
		clear:both;
   		background:#3DA2D4;
	}
	.social_icon{
		margin-top: 20px;
		margin-right: 20px;
	}
	.inquiry_page{
		margin-top: 20px;
		float: right;
	}
	.desc{
		font-family:chand;
		color: #2C8B3B;
		font-size:23px;
		line-height:100%;	
	}
	
	#feature-pane{
		display:none;	
	}
}







/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	html, body {
		height: 100%;
	}

	#wrap {
		min-height: 100%;
		height: auto;
		overflow: hidden;
	}


	#myCarousel{
		float: left;
		width:459px;
		top: 134px;
		left: 53px;
		position:absolute;
	}
	#carousel-holder{
		min-width: 760px;
		position: relative;
	}
	#ipad_holder{
		float:left;	
	}
	#left-pane{
		margin-top: 20px;
		position: relative;
		clear: left;
		margin-left: 10%;
	}

	.social_icon{
		margin-top: 20px;
		margin-right: 20px;
	}
	.inquiry_page{
		margin-top: 20px;
		float: right;
	}
	.desc{
		font-family:chand;
		color: #2C8B3B;
		font-size:23px;
		line-height:100%;	
	}
	#ipad_holder{
		float:left;	
	}
	#right-pane{
		float: left;
		min-width: 90%;
		text-align: center;
		padding-bottom: 130px;
	}

	#footer {
		position: relative;
		margin-top: -90px; /* negative value of footer height */
		height: 90px;
		clear:both;
   		background:#3DA2D4;
	}
	.social_icon{
		margin-top: 20px;
		margin-right: 20px;
	}
	.inquiry_page{
		margin-top: 20px;
		float: right;
	}
	.desc{
		font-family:chand;
		color: #2C8B3B;
		font-size:23px;
		line-height:100%;	
	}
	#feature-pane{
		display:none;	
	}

}
 






	/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	html, body {
		height: 100%;
		padding-left: 0 !important; 
		padding-right: 0 !important;
	}
	

	#wrap {
		min-height: 100%;
		height: auto;
		overflow: hidden;
	}

	#myCarousel{
		float: left;
		width:365px;
		top: 103px;
		left: 41px;
		position:absolute;
	}
	#carousel-holder{
		width: 565px;
		position: relative;
	}
	#ipad_holder{
		float:left;	
	}
	#left-pane{
		margin-top: 20px;
		position: relative;
		clear: left;
		margin-left: 10%;
	}

	.social_icon{
		margin-top: 20px;
		margin-right: 20px;
	}
	.inquiry_page{
		margin-top: 20px;
		float: right;
	}
	.desc{
		font-family:chand;
		color: #2C8B3B;
		font-size:23px;
		line-height:100%;	
	}
	#ipad_holder{
		float:left;	
	}
	#right-pane{
		padding: 20px;
		float: left;
		min-width: 100%;
		text-align: center;
		padding-bottom: 100px;
	}

	#footer {
		position: relative;
		margin-top: -60px; /* negative value of footer height */
		height: 60px;
		clear: both;
   		background:#3DA2D4;
	}
	.social_icon{
		margin-top: 20px;
		margin-right: 20px;
	}
	.inquiry_page{
		margin-top: 20px;
		float: right;
	}
	.desc{
		font-family:chand;
		color: #2C8B3B;
		font-size:23px;
		line-height:100%;	
	}
	.mobile_links{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	#feature-pane{
		display:none;	
	}


}
 
	/* Landscape phones and down */
@media (max-width: 480px) { 
		html, body {
		height: 100%;
		padding-left: 0 !important; 
		padding-right: 0 !important;
	}
	

	#wrap {
		min-height: 100%;
		height: auto;
		
	}

	#myCarousel{
		float: left;
		width:255px;
		top: 75px;
		left: 30px;
		position:absolute;
	}
	#carousel-holder{
		width: 400px;
		position: static;
		margin: 0 auto;
	}
	#ipad_holder{
		float:left;	
	}
	#left-pane{
		margin-top: 20px;
		position: relative;
		clear: left;
		width:100%;
		margin-left: 0 !important;
		
	}

	.inquiry_page{
		margin-top: 20px;
		float: right;
	}
	.desc{
		font-family:chand;
		color: #2C8B3B;
		font-size:23px;
		line-height:100%;	
	}
	#ipad_holder{
		float:left;	
	}
	#right-pane{
		padding: 20px;
		float: left;
		min-width: 100%;
		text-align: center;
		
	}

	#footer {
		position: relative;
		margin-top: -60px; /* negative value of footer height */
		height: 60px;
		clear: both;
   		background:#3DA2D4;
	}
	.social_icon{
		margin-top: 20px;
		margin-right: 10px;
	}
	.inquiry_page{
		margin-top: 20px;
		float: right;
	}
	.desc{
		font-family:chand;
		color: #2C8B3B;
		font-size:23px;
		line-height:100%;	
	}
	.mobile_links{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.mobile_desc{
		display: none;
	}
	#temp{
		position:relative;	
		
	}
	#feature-pane{
		display:block;
		min-width: 100%;
		padding-bottom:100px;
		font-family:chand !important;
		padding:10px;
		padding-left:20px;
		line-height:110%;
		color: #2C8B3B !important;
		padding-bottom:100px;
		font-size:19px;
	}

}