@media (min-width: 0px) and (max-width: 674px) {
	.m_noFloat,.t_noFloat{
		float:none !important;
		display:block;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.text_columns, .text_3columns, .text_4columns {
		-webkit-columns: auto 1;
		-moz-columns: auto 1;
		columns: auto 1;
	}
	.td{
		display:block !important;
		width: 100% !important;
	}
	p.td{
		padding:2px;
		margin: 2px 0px !important;
	}
	p.td.padded{
		padding:4px;
	}
	#mainContent p.td + p.td{
		margin-top:-7px !important;
	}
	.table.bordered .td{
		border:none;
	}
	.table.bordered .tr{
		border-bottom:solid 1px #333;
	}
	.table .tr > p.td {
		margin: 0px 4px !important;
		line-height: 200% !important; 
	}
	#mainContent {
		padding-bottom: 342px;
	}
	#pageContent > #header + #mainContent{
		margin-top:150px;
	}
	#pageContent > #header.thin + #mainContent{
		margin-top: 150px !important;
	}
	#pageContent.thin > #header.thin + #mainContent{
		margin-top: 45px !important;
	}
	.container {
		width: 100% !important;
	}
	#content .contentArea .column{
		width:100%;
		padding:5px;
		display:block;
	}
	#content > .column_container {
		min-height: 200px;
	}
	#content .contentArea .column_container {
		width: 100%;
		display:block;
	}	
	#h_topBanner nav {
		right: 200px !important;
		padding: 11px 0px;
	}
	.topNav a {
		padding: 12px 11px 8px !important;
	}
	.mainNav a {
		font-size: 19px !important;
		padding: 10px 8px 17px;
	}
	.h_appContainer {
		float: none;
		top: 0px;
		right: 0px;
	}
	.h_appContainer .h_search {
		display: none;
	}
	#h_topBanner nav {
		right: 210px !important;
	}
	.h_wrapApps {
		width: 100%;
		right: 0px;
		left: 0px;
	}
	.h_wrapApps .h_iconWrap {
		font-size: 11px !important;
	}
	#pipelineButton span.topOnly {
		display: inline-block;
		vertical-align: middle;
	}
	.appDrawer.active {
		right: 2px;
	}
	.active.searchIcon_activator {
		background: none;
		padding: 0px;
		margin: 0px;
		box-sizing: border-box;
		position: static;
		z-index: auto;
	}
	.active.h_searchBarForm {
		position: static;
		height: auto;
		bottom: 0px;
		right: 0px;
		padding: 0px;
		background: none;
	}
	.thin #h_topBanner > div.h_logoContainer {
		/* margin-left: 15%; */
		width: 200px;
		margin: 0px auto;
	}
	#h_topBanner > .h_logoContainer > img {
		display: none;
	}
	.thin #h_topBanner > .h_logoContainer > .h_logo > .h_ccsuLogo {
		width: 34px;
		height: auto;
	}
	#h_topBanner > .h_logoContainer > .h_logo > .h_logoText {
		margin-left: 5px !important;
	}
	#h_topBanner > .h_logoContainer > .h_logo {
		padding-top: 5px;
	}
	#pipelineButton {
		position: absolute;
		right: 0px;
		padding: 12px 20px;
	}
	#quickButton {
		position: absolute;
		left: 0px;
		padding: 12px 20px;
	}
	/*-------TOP NAV------*/
	#mainContent #sub_top_navigation ul {
		text-align: center;
	}
	div#sub_top_navigation {
		margin: 0px;
	}
	/*-------LEFT NAV------*/
	#leftNavigation {
		width: 100%;
		display: table-footer-group;
	}
	ul#lnav_mainLinks {
		border-top: solid 1px #000;
	}
	#lnav_mainLinks li a{
		padding: 13px 20px;
		font-size: 18px;
	}
	#lnav_mainLinks li ul a{
		padding: 8px 20px;
		font-size: 16px;
	}
	#lnav_mainLinks li h1 a {
		padding: 6px 20px;
		font-size: 18px;
	}
	#lnav_addLinkContainer .lnav_additionalLinks a {
		display: block;
		padding: 14px;
		border: solid 1px #000;
		font-size: 16px;
		background: #ccc;
		color: #333;
	}
	/*-------CONTENT------*/
	#mainContent > header {
		border-bottom: solid 1px #bbb;
		padding-bottom: 0px;
	}
	#mainContent > header h1 {
		padding: 15px;
	}

	#mainContent > header h2 {
		margin-left: 15px;
	}
	#mainContent #content {
		width: 100% !important;
		display: table-header-group;
	}
	#content > div.siteImage {
		/* width: 100%; */
	}
	#content > div.siteImage > img {
		width: 100%;
	}
	#content > .siteImage > iframe{
		height:200px;
	}
	#mainContent .contentArea {
		width: 100%;
		display: block;
		min-width: 0px;
		max-width: 100%;
		min-height: 0px;
	}

	#mainContent > header .breadCrumbs {
		display: none;
	}

	/*------SUB_ROTATOR---------*/
	#sub_rotator,
	#sub_rotator > .rotator_image,
	#sub_rotator > .rotator_image > img{
		width:100% !important;
	}
	#sub_rotator .rotator_image img {
		width: inherit;
	}

	div#rotator_buttons {
		top: 0px !important;
		margin: 0px;
		bottom: 0px;
		vertical-align: middle;
	}
	#rotator_prev {
		top: 0px;
		height: auto;
		bottom: 0px;
		vertical-align: middle;
		position: absolute;
		left: 0px;
	}
	#rotator_next {
		top: 0px;
		height: auto;
		bottom: 0px;
		vertical-align: middle;
		position: absolute;
		right: 0px;
	}

	/*----UTILITY----*/
	.tr.stayTR{
		display:table-row !important;
	}
	.td.stayTD{
		display:table-cell !important;
	}
	.m_hidden {
		display: none !important;
	}
	.m_show {
		display: block;
	}

	.iframeContainer {
		width: 100% !important;
	}
}



@media (min-width: 0px) and (max-width: 775px) {

	#mainContent #rightBanner {
		display: block;
		width: 100%;
		max-width: 100%;
		padding: 0px 10px;
		text-align: center;
		margin-bottom: 10px;
	}

	#rightBanner .element {
		display: block;
		vertical-align: top;
		text-align: left;
		margin-bottom: 10px;
		width:100%;
	}
	
	#rightBanner > .element > * {
		max-width: 100%;
		height: auto;
	}
}