﻿
@media only screen and (max-width : 835px)	
{
.maincontent1 {
	margin: 14px;
	width: auto;
}	

.maincontent1 .mcTop {
	float: none;
	width: 100%;
	max-width: 100%;
}

.maincontent1 .mc1left {
	float: none;
	width: auto;
}

.maincontent1 .mc1right {
	margin: 0px 0px;
	padding-top: 14px;
	width: 100%;
	clear: both;
}

.maincontent1 .mc1left .blockConsidering {
	margin-top: 14px;
width: 49%;
float: left;
}

.maincontent1 .mc1left .blockProfiles {
width: 49%;

float: right;
}

.bottomlinx li a {
	font-size: 12px;
}
.advocacy1 .threecol1, .advocacy1 .threecol2, .advocacy1 .threecol3 {
float: none;
width: 100%;
margin-bottom: 14px;
}

.landingHeaderImg img{
	width: 100%;
	max-width: 755px;
}

}

@media only screen and (max-width : 800px)	
{
	
	.header {
	background-image: url(images/logo-rwd.png);
}
.header .headlink {
	display: block;
	float: left;
	height: 120px;
	width: 175px;
	font-size: 0px;
}
	
	.navigation{
		display:none;
	}
	
.maincontent1 .mc1left .blockConsidering, .maincontent1 .mc1left .blockProfiles  {
min-height: 1px;
padding-bottom: 10px;
	}
	
.maincontent1 .mc1left .bcTop a, .maincontent1 .mc1left .profTop a{
	text-decoration: underline;
	font-size: 18px;
	margin-bottom: 10px;
}
	
	.profBtm, .bcBtm{
		display: none
	}
		.rwdNav.doRWD {
	
	display: block;
}

.l2contentarea,.l2Titleblock{
	padding: 15px;
	width:auto;
}

.l2contentarea .l2caLeft{
	display:none;
}

.l2contentarea .l2caRight {
border-left: none;
margin-left: 0px;
padding-left: 0px;
}
.connectBlocks .sf_3cols_1_33,  .connectBlocks .sf_3cols_2_34{
	width: 48% !important;
}
.connectBlocks .sf_3cols_3_33{
	clear: left;
}

}

@media only screen and (max-width : 740px)	
{
	.sag740 > .sf_colsOut {
	width: 100% !important;
	float: none !important;
}
}
@media only screen and (max-width : 680px)	
{
	.sag740 > .sf_colsOut {
	width: 100% !important;
	float: none !important;
}
.header .headrow1 .h1Linx {
clear: right;
}	
.feature{ padding-top: 12px;	}
}


@media only screen and (max-width : 640px)	
{
	
	.header .headrow1 .h1Linx a {
padding-right: 6px;
padding-left: 6px;

}

	.advocacy1 .advoLinx a{
font-size: 12px;
	}
	
	.advotwit {

clear: both;
display: block;
text-align:center;
}

.bottomlinx li {

width: 33.3%;
float: left;
}

}
@media only screen and (max-width : 600px)	
{
	
	.maincontent1 .mc1left .blockConsidering, .maincontent1 .mc1left .blockProfiles {
width: 100%;

float: none;
}



.linkColumns{
	display: none;
}

.carouselWrap{
	width: 100%;
	max-width: 500px;
	margin: 0px auto;
}

.carousel{
	width: 100%;
	padding: 0px 40px;
	max-width: 420px;
}

.l2caRight .sf_colsOut {
	width: 100% !important;
	float: none  !important;
}

.borderbottom {
	border-bottom: none;
}


.borderleft {
	border-left: none;
}

.borderright {
	border-right: none;
}

}

@media only screen and (max-width : 480px)	
{
.carouselWrap{
	width: 100%;
	max-width: 360px;
	margin: 0px auto;
}

.carousel{
	width: 100%;
	padding: 0px 40px;
	max-width: 280px;
}
	
.social1{
	padding-left: 14px;
	padding-right: 14px;
}

.connectBlocks .sf_colsOut, .maincontent1 .mc1left .blockConsidering, .maincontent1 .mc1left .blockProfiles{
    float: none;
    width: 100% !important;
		
}
.advocacy1 .advotwit,.feature, .floatlinx {
	display:none;
}
.l2caLiner .sfFormBox {
    width: 100%;
}

.advocacy1 .advoLinx a {
display: block;
clear: left;
padding: 14px 0px;
}

.bottomlinx li {
width: 100%;

}

.news .sfnewsListItem, .events .sfeventListItem{

width: 100%;

}

}

@media only screen and (max-width : 330px)	
{
.carouselWrap{
	display: none;
}
}