/* CSS Document */
/* ------------------------------------------ */
/* iPhone 6 (landscape) ----------------------- */
/* ------------------------------------------ */
@media only screen and (min-width: 376px) and (max-width: 667px) and (orientation : landscape) {
	body.home .wpb_content_element h1 {
		padding-top:24px;
		margin-bottom:24px;
	}	
	
	.hide-mobile {
		display:none;	
	}
	
	#content.content_full_width,
	.main-area {
		margin:0 !important;
		padding:0 !important;
		width:100% !important;
		
		/*background:#ddd;*/	
	}
	
	.mobile-fullwidth-row {
		width:100% !important;
		display:block;	
		margin:0 !important;
		padding:0 !important;
	}
	
	#tt-mobile-menu-button {
		background-color: #004b48 !important;
		background-image:none !important;
	}
	
	.mobile-fullwidth-row div {
		margin:0 !important;
		padding:0 !important;
	}
	
	#home-mobile-banner {
		background:url(/wp-content/themes/Karma/images/mobile-home-background.png) no-repeat;
		background-size:contain;
		display:block;
		width:100%;
		float:left;
		padding:0;
		
	}
	
	#home-mobile-banner .mobile-home-spacer {
		opacity:0;
		position:relative;
		top:0;
		margin-top:-83px;
	}
	
	#home-mobile-banner #home-mobile-btn-become,
	#home-mobile-banner #home-mobile-btn-find {
		position:relative;
		top:20px;
		display:block;
		z-index:300;
	}
	
	#home-mobile-banner #home-mobile-btn-become a,
	#home-mobile-banner #home-mobile-btn-find a {
		display:block;
		padding:0 !important;
		width:80%;
		float:left;
		margin:0 10%;
	}
	
	#home-mobile-banner #home-mobile-btn-become a img,
	#home-mobile-banner #home-mobile-btn-find a img {
		width:100%;	
	}
}
/* ------------------------------------------ */
/* iPhone 6 (portrait) ------------------------ */
/* ------------------------------------------ */
@media only screen and (max-width : 375px) and (orientation : portrait) {
	body.home .wpb_content_element h1 {
		padding-top:24px;
		margin-bottom:24px;
	}	
	
	.hide-mobile {
		display:none;	
	}
	
	#content.content_full_width,
	.main-area {
		margin:0 !important;
		padding:0 !important;
		width:100% !important;
		/*background:#ddd;*/	
	}
	
	.mobile-fullwidth-row {
		width:100% !important;
		display:block;	
		margin:0 !important;
		padding:0 !important;
	}
	
	#tt-mobile-menu-button {
		background-color: #004b48 !important;
		background-image:none !important;
	}
	
	.mobile-fullwidth-row div {
		margin:0 !important;
		padding:0 !important;
	}
	
	#home-mobile-banner {
		background:url(/wp-content/themes/Karma/images/mobile-home-background.png) no-repeat;
		background-size:contain;
		display:block;
		width:100%;
		float:left;
		padding:0;
		
	}
	
	#home-mobile-banner .mobile-home-spacer {
		opacity:0;
		position:relative;
		top:0;
		margin-top:-83px;
	}
	
	#home-mobile-banner #home-mobile-btn-become,
	#home-mobile-banner #home-mobile-btn-find {
		position:relative;
		top:20px;
		display:block;
		z-index:300;
	}
	
	#home-mobile-banner #home-mobile-btn-become a,
	#home-mobile-banner #home-mobile-btn-find a {
		display:block;
		padding:0 !important;
		width:80%;
		float:left;
		margin:0 10%;
	}
	
	#home-mobile-banner #home-mobile-btn-become a img,
	#home-mobile-banner #home-mobile-btn-find a img {
		width:100%;	
	}
}

/* CSS Document */
/* ------------------------------------------ */
/* iPhone (landscape) ----------------------- */
/* ------------------------------------------ */
@media only screen and (min-width: 321px) and (max-width: 568px) and (orientation : landscape) {
	body.home .wpb_content_element h1 {
		padding-top:24px;
		margin-bottom:24px;
	}	
	
	.hide-mobile {
		display:none;	
	}
	
	#content.content_full_width,
	.main-area {
		margin:0 !important;
		padding:0 !important;
		width:100% !important;
		/*background:#ddd;*/	
	}
	
	.mobile-fullwidth-row {
		width:100% !important;
		display:block;	
		margin:0 !important;
		padding:0 !important;
	}
	
	#tt-mobile-menu-button {
		background-color: #004b48 !important;
		background-image:none !important;
	}
	
	.mobile-fullwidth-row div {
		margin:0 !important;
		padding:0 !important;
	}
	
	#home-mobile-banner {
		background:url(/wp-content/themes/Karma/images/mobile-home-background.png) no-repeat;
		background-size:contain;
		display:block;
		width:100%;
		float:left;
		padding:0;
		
	}
	
	#home-mobile-banner .mobile-home-spacer {
		opacity:0;
		position:relative;
		top:0;
		margin-top:-83px;
	}
	
	#home-mobile-banner #home-mobile-btn-become,
	#home-mobile-banner #home-mobile-btn-find {
		position:relative;
		top:20px;
		display:block;
		z-index:300;
	}
	
	#home-mobile-banner #home-mobile-btn-become a,
	#home-mobile-banner #home-mobile-btn-find a {
		display:block;
		padding:0 !important;
		width:80%;
		float:left;
		margin:0 10%;
	}
	
	#home-mobile-banner #home-mobile-btn-become a img,
	#home-mobile-banner #home-mobile-btn-find a img {
		width:100%;	
	}
}
/* ------------------------------------------ */
/* iPhone (portrait) ------------------------ */
/* ------------------------------------------ */
@media only screen and (max-width : 320px) and (orientation : portrait) {
	body.home .wpb_content_element h1 {
		padding-top:24px;
		margin-bottom:24px;
	}	
	
	.hide-mobile {
		display:none;	
	}
	
	#content.content_full_width,
	.main-area {
		margin:0 !important;
		padding:0 !important;
		width:100% !important;
		/*background:#ddd;*/	
	}
	
	.mobile-fullwidth-row {
		width:100% !important;
		display:block;	
		margin:0 !important;
		padding:0 !important;
	}
	
	#tt-mobile-menu-button {
		background-color: #004b48 !important;
		background-image:none !important;
	}
	
	.mobile-fullwidth-row div {
		margin:0 !important;
		padding:0 !important;
	}
	
	#home-mobile-banner {
		background:url(/wp-content/themes/Karma/images/mobile-home-background.png) no-repeat;
		background-size:contain;
		display:block;
		width:100%;
		float:left;
		padding:0;
		
	}
	
	#home-mobile-banner .mobile-home-spacer {
		opacity:0;
		position:relative;
		top:0;
		margin-top:-83px;
	}
	
	#home-mobile-banner #home-mobile-btn-become,
	#home-mobile-banner #home-mobile-btn-find {
		position:relative;
		top:20px;
		display:block;
		z-index:300;
	}
	
	#home-mobile-banner #home-mobile-btn-become a,
	#home-mobile-banner #home-mobile-btn-find a {
		display:block;
		padding:0 !important;
		width:80%;
		float:left;
		margin:0 10%;
	}
	
	#home-mobile-banner #home-mobile-btn-become a img,
	#home-mobile-banner #home-mobile-btn-find a img {
		width:100%;	
	}
}