/* IE specific stuff */
@media all and (-ms-high-contrast:none) {
	img.chartoverflow, .chartwrapper img { width: 100%; }
}
@media only screen and (min-width: 1171px)  { 
	.hideOnDesktop{display:none}
}
/*tablet sized*/
@media only screen and (max-width: 1170px)  { 
	.sidebar{
		width: 300px;
	}
	.sidebar-invite ul {
		padding-left: 5%;
		width: 290px;
		margin: 32px auto 24px;
	}
	.sidebar-invite .btnGreen {   min-width: 220px;}
	.publicWrapper.hasSidebar{padding: 1px 320px 1px 10px;}
	.hasSidebar {
		min-height: 690px;
	}

	.pageSignup #rightcol, .signup .preformCopy {
		width: 90%;
		max-width: 90%;
		clear: both;
		position: relative;
		right: auto;
		margin: 10px auto 100px;

	}
	.pageSignup div.signup,
	.pageSignup #registerForm {
		zz-max-width: 90%;
		clear: both;
		margin: 10px auto;
		float: none;
	}
}
@media only screen and (max-width: 1000px)  { 
	.topNavArea {width: 520px;}
	.topNavArea li{margin-left: 3%;}
	#hero h1{
		font-size: 20pt;
		margin-top: 0;
	}


}

@media only screen and (max-width: 850px)  { 
	.topNavArea {width: 480px;}
	.topNavArea li{margin-left: 3%;}
}

@media only screen and (min-width: 769px)  {
	html:not(.isMobile)  .showOnlyOnPhone {display: none !important;}
	.showInlineOnlyOnPhone{display:none;}
	.atc-footerLinks .btnAllowPhoneView{display: none;}
	.wrapOnlyOnMobile{white-space: nowrap} 
	#btnWriteComment{display: none;}
}

html:not(.isMobile)  .showOnlyOnPhone {display: none !important;}