
.circle{
		background: url(/c/dam/assets/global/ZA/tomorrow-starts-here/img/hero2-icon.png) no-repeat 0 0;
		float: right;
		width: 150px;
		clear: both;
		margin-top: -160px;
		margin-right: 52px;
		height: 150px;	
	}
.onMobile{display:none;}
.c43-pilot {position:absolute;}
.button.button-white.button-2 {
	margin: 18px 15px;
	width: 140px;
}
#CTA2 {
	left: 350px;
}
@media only screen and (max-width: 970px) {
	.med-cta-text-content{min-height:120px;}
	.main-hero-content-wrap{
		width:auto;
	}
	.main-hero-content h1{
		margin-top:75px;
		padding-right:277px;
		text-align: left;
	}
	.main-hero-content p{
		text-align: left;
	}
}
@media only screen and (max-width: 770px) {
	.main-hero-content-wrap{margin-left:0;}
}
@media only screen and (max-width: 950px) {
	.main-hero-content-wrap{
		width:100%;
		margin-right: 238px;
		-moz-border-radius: 6px 6px 6px 6px; /* FF1+ */
		-webkit-border-radius: 6px 6px 6px 6px; /* Saf3-4, iOS 1+, Android 1.5+ */
		border-radius: 6px 6px 6px 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */;	
		padding:0;	
	}
	.secondary-hero-content-wrap{
		height:166px;
	}
	.main-hero-content p {
		font-size: 24px;
		line-height: 1.4em;
	}	
	#CTA1,#CTA2{bottom:45px;}	
	.main-hero-content{padding:25px;}
	.main-hero-content h1{
		padding-right:225px;
	}	
	.button.button-white.button-2 {
		margin: 18px 0 0;
		position: relative;
		width: auto;
	}	
	.circle {
		margin-top: -110px;
	}
}
@media only screen  and (max-width: 909px) {
	.main-hero-content h1{
		padding-right: 225px;
	}
	
}
/*@media only screen and (min-width: 870px) and (max-width: 944px) {
	.main-hero-content-wrap{ background-position:-55px 0px}
}*/
@media only screen  and (max-width: 880px) {
	.circle {
		margin-top: -143px;
	}
}
@media only screen and (max-width: 743px) {
	.circle{
		display:none;
	}
	.main-hero-content h1 {
		padding-right: 20px;
	}	
	br.onDesktop{display:none;}
}
@media only screen  and (max-width: 1220px) {
	/*.medium-cta-col{width:100%;}
	.no-tablet {
			display: none;
		}	
	.show-tablet {
		display: block;
	}	
	.med-cta-text-content{height:100%;}	
	.med-cta-text-content {padding-bottom:36px;}*/
}
@media only screen and (max-width: 713px) {
	/*#CTA1{bottom:90px;left:27px; width:70%; text-align:center;}
	#CTA2{left:27px; width:70%; text-align:center;}*/
	#CTA1,#CTA2{bottom:15px;position:relative; left:auto;width:89%; text-align:center;}	
	.circle{display:none;}
	.main-hero-content .button-1{margin-top:25px;}
	.main-hero-content p {
		font-size: 24px;
		line-height: 1.4em;
		text-align:left;
	}	
	.main-hero-content h1 {
		text-align:left;
		font-size:26px;
	}		
	.main-hero-content{padding:25px; text-align:center;}
	br.onDesktop{display:none;}
	.main-hero-content-wrap{
		background: #ddddd8;
	}
	div.brand-landing-hero .button-1 {left:25px;}
}
@media only screen and (max-width: 644px) {
	.main-hero-content p {
		font-size: 22px;
	}
	.main-hero-content h1 {
		margin-top: 55px;
	}
}
@media only screen and (max-width: 500px) {
	#CTA1,#CTA2{width:86%;}	

}
@media only screen and (max-width: 430px) {
	/*.main-hero-content p {
		font-size: 18px;
	}	
	.main-hero-content h1 {
		font-size: 24px;
	}*/
	.secondary-hero-content-img-right{/*float:none; position:absolute; top:50px; left:10px;*/ display:none;}
	.secondary-hero-content-wrap {height: auto; position:relative;}	
	.button.button-white.button-2{position:relative; }
	.onMobile{display:block;}
	.bigDevices{display:none;}
	#CTA1,#CTA2{width:83%;}	
	
}
@media only screen and (max-width: 389px) {
	.secondary-hero-content-img-right{left:20px;}
}
@media only screen and (max-width: 369px) {
	.secondary-hero-content-img-right{float:none; position:absolute; top:75px; left:20px;}
	.secondary-hero-content-wrap {height: auto; position:relative;}
}
@media only screen and (max-width: 320px) {
	.main-hero-content p {
		font-size: 16px;
	}	
	.main-hero-content h1 {
		font-size: 16px;
	}	
	#CTA1,#CTA2{font-size:11px; width:77%;}	
}
@media only screen and (max-width: 296px) {
	#CTA1,#CTA2,.secondary-hero-content-wrap{
		display: none;
	}	
	.brand-landing-hero{height:200px;}
	.main-hero-content-wrap{height:inherit; margin-bottom:30px;}
}

@media only screen and (max-width: 390px) {
	header{margin-bottom:50px;}
	#let-us-help {position: absolute;
					bottom: 5px;
					right: 0;}
}
@media only screen and (max-width: 285px) {
	.c43-content .c43-items div{ width:124px !important; padding-left:11px !important;}
	.c43-content .c43-items div {}
	.c43-content {width:165px;border-right: 1px solid #ddd;}
	.c43-content .top{width: 148px;
						height: 12px;
						position: absolute;
						top: -12px;
						left: 13px;
						padding: 0;
						background-position: -104px 0;}
	.c43-content .bot{width:165px}
	.c43-content .c43-icon {background-image:none;}
}

/*-----------------------------------------------------*/
#share ul {padding:0 !important;margin-left:0 !important;}


@media only screen and (max-width: 975px) {
	.main-hero-content a.onDesktop{display:none !important;}
	.main-hero-content a.onMobile{display:inline-block !important;}
	.c43-first.onMobile{display:block;}
	.c43-first.onDesktop{display:none;}
	#brand-landing-cta a.onMobile{display:block !important;}
	#brand-landing-cta a.onDesktop{display:none !important;}
	div.brand-landing-hero .button-1{bottom:40px;}
}
@media only screen and (min-width: 976px) {
	.main-hero-content a.onDesktop{display:inline-block !important;}
	.main-hero-content a.onMobile{display:none !important;}
	#brand-landing-cta a.onMobile{display:none !important;}
	#brand-landing-cta a.onDesktop{display:block !important;}
}