/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 1280px) {
		.take_action span, .sign-up span {
    	font-size: 17px;
    	font-weight:700;
	}


}

@media only screen and (min-width: 980px) and (max-width: 1279px) {
	.wrapper {max-width:940px;}
	.logo{ width:200px; display:none;}
	.logo2 { width:262px; display:block; padding:0 0 10px 2px; }
	.logo2 img { width:100%; height:auto;}
	.header-right{ float:none; width:100%;}
	.main-nav { display:block; float:left;}
	.header-right-top{ min-height:inherit; }
	.header-right-box { display:block; float:right;}
	.take_action {
		font-size: 20px;
    	line-height: 38px;
    	padding: 3px 0 0;
	}
	.take_action span b { display:none;}
	.take_action strong { display:none;}
	.widget_simpleimage img { padding:2px; width:100%; height:auto;}
	.footer h3{ font-size:20px;}
	.slider-pager li a { font-size:15px !important; overflow: visible;}
	.board_member { min-height:382px;}
	.publication_content { min-height:390px;}
	
	.council_area .council_block { width:23%; margin:0 1% 22px 0; }
	.council_area .council_block .cb_titlearea { padding:0 10%; font-size:25px;}
	
	.single-advisory_member .entry-content img { float:left; width:20%; margin:0 10px 0 15px;}

	.slide-box-cont a{
		margin: 10px 0 0 0;
		clear: both;
	}
}

@media only screen and (min-width: 980px) and (max-width: 991px) {
	.mapdesk, .ctadesk {display: none;}
.mapmobile, .ctamobile, .ctamobile .ctadesk {display: block;}
	.container { width:798px;}
	.main-nav { display:block; float:left;}
	.main-nav ul li{ margin-left:5px; margin-right:0;}
	.main-nav ul li:first-child { margin:0;}
	.main-nav ul li a{ font-size:14px; padding:5px 3px;}
	.main-nav ul li li:first-child { margin:0 0 0 5px;}
}
   
   @media only screen and (min-width: 900px) and (max-width: 1200px) {
   

	.slider-pager li{width:20%; height:auto;}
	
	

		
		}

   
   
   
@media only screen and (min-width: 768px) and (max-width: 979px) {
	.mapdesk, .ctadesk {display: none;}
.mapmobile, .ctamobile, .ctamobile .ctadesk {display: block;}

	h3{ font-size:18px;}
	.wrapper {max-width:748px;}
	.container{ padding:0 15px;}
	.container.footer{ padding:30px 15px;}
	.logo{ width:200px; display:none;}
	.logo2 { width:262px; display:block; padding:0 0 10px 2px; }
	.logo2 img { width:100%; height:auto;}
	
	
	.header-right{ float:none; width:100%;}
	.main-nav { display:block; float:left;}
	.main-nav ul li{ margin-left:5px; margin-right:0;}
	.main-nav ul li:first-child { margin:0;}
	.main-nav ul li a{ font-size:14px; padding:5px 3px;}
	.main-nav ul li:first-child a { padding:5px 3px 5px 0px;}
	.main-nav ul li li:first-child { margin:0 0 0 5px;}
	.header-right-box { display:block; float:right;}
	.header-right-top{ min-height:inherit;}
	.take_action {
		font-size: 20px;
    	line-height: 38px;
    	padding: 3px 0 0;
	}
	.take_action span b { display:none;}
	.take_action strong { display:none;}
	
	

	.slider-pager li{width:20%;}


	
	.map-description h2{ font-size:20px; line-height:normal;} 
	.main-nav{ display:block !important;}
	.slide-box-cont h2 { font-size:28px; line-height:32px; }
	.slide-box-cont h3 { font-size:18px; }
	.slide-box-cont a{ font-size:18px; line-height:32px; padding:0 20px; margin-top:0px; margin: 10px 0 0 0; clear: both;}
	.footerbottom_wrap{ padding:17px 15px;}
	.slider-pager li a { font-size:14px;}
	.sidebar h3 { font-size:15px; }
	.widget { margin:0 2% 1.5em;}
	.widget_simpleimage { width:50%; float:left; padding:0 2%; margin:0;}
	.widget_simpleimage img { width:100%; height:auto;}
	.board_member { min-height:inherit;}
	.staff_pic { text-align:center;}
	.board_member img { width:100%; height:auto;}
	.publication_content { min-height:inherit;}
	
	.council_area .council_block { width:23%; margin:0 1% 22px 0; }
	.council_area .council_block .cb_titlearea { padding:0 10%; font-size:25px;}
	
	.single-advisory_member .entry-content img { float:left; width:20%; margin:0 10px 0 15px;}
	.slide-box-cont {
	 padding: 0 0 0 40px;
	 	}

.popup_box
{
margin:0 0 0 -322px !important;

}
.popim {width: 95% !important; margin: 0 0 0 -47.5% !important; min-height: 300px;}
.popimp {width: 60%; left: 0; margin: 0 20%;}

.council_block {
min-height:330px;
}

}

@media only screen and (max-width: 767px) { 
.searchcol {width: 100%; float: none; margin: 0 0 10px 0;}
.mapdesk, .ctadesk {display: none;}
.mapmobile, .ctamobile, .ctamobile .ctadesk {display: block;}

	body{ font-size:16px;}
	.content-column p{ line-height:22px;}
	h3{ font-size:20px;}
	.midwest-map{ float:none; margin:0 auto 15px;}
	.main-nav{ float:none; clear:both;}
	.header-right{ width:auto; float:none;}
	.container{ padding-right:15px; padding-left:15px;}
	.logo{ float:none; margin:10px auto 0; width:255px;}
	.logo img { width:100%; height:auto;}
	.header-right-top{ min-height:inherit; max-width:402px; margin:0 auto 15px;}
	.sign-box{ margin-right:10px;}
	.take_action{ margin:0 10px; font-size:14px; line-height:20px; width:120px;}
	.heade-buttons{ width:282px; margin:0 auto; float:none;}
	.map-description h2{ font-size:24px; line-height:34px;}
	.becoming-post h2{ font-size:26px; line-height:normal; margin-bottom:5px;}
	.becoming-post span{ font-size:18px; line-height:normal;}
	.footer-column ul li{ font-size:14px; line-height:19px;}
	.container.becoming-post{ padding:35px 15px;}
		
	/*superfish*/
	.respond-nav-icon{ display:block;}
	.main-nav{ text-align:center; background:url(../images/respond-nav-bg.png) 0 0 repeat; display:none; padding:10px 0; margin-bottom:10px;}
	.main-nav ul li a { padding:10px 11px 5px !important;}
	.main-nav ul ul {padding: 0 0 10px; background: url(../images/nav-bg.png);}
	.sf-menu{ float:none;}
	.sf-menu > li{ float:none;}
	.sf-menu ul{ position:static;}
	
	.slide-box-cont{ background-position: -70% 0;}
	.slide-box-cont h2{ font-size:18px; line-height:22px; padding-bottom:5px;}
	.slide-box-cont h3{ font-size:14px; }
	.slide-box-cont a{ font-size:14px; line-height:30px; padding:0 15px; margin: 10px 0 0 0; clear: both;}
	.slider-pager li{ padding:8px;}
	.slider-pager li:hover, .slider-pager li.selected { padding:3px 5px; margin-top:-8px}
	.slider-pager li:hover a, .slider-pager li.selected a { height:40px; line-height:38px; }
	.slider-pager li a{ font-size:14px; height:20px;}
	.content-column .map-description h2{ text-align:left;}
	.content-column.column-large h3{ margin:0; font-size:24px}
	.banner{ margin-bottom:25px;}
	.slider-pager li a { font-size:12px;}
	.copyright{ text-align:center; padding:0 0 17px;}
	.footerright{ text-align:center;}
	.slider-pager li { margin-top:-8px; padding:4px 0 2px;}
	.slider-pager li a { font-size:12px; height:38px;}
	.slider-pager li:hover a, .slider-pager li.selected a { line-height:20px;}
	
	.sidebar h3 { font-size:15px; min-height:48px; }
	.widget { margin:0 2% 1.5em;}
	.widget_simpleimage { width:50%; float:left; padding:0 2%; margin:0;}
	.widget_simpleimage img { width:100%; height:auto;}
	.board_member { min-height:inherit;}
	.board_member img { width:100%; height:auto;}
	.section-publication .col-xs-12 { width:50%;}
	.publication_content { min-height:inherit;}
	
	.council_area .council_block { width:45%; margin:0 2% 22px 2%; }
	.council_area .council_block .cb_titlearea { padding:0 10%; font-size:25px;}
	.single-advisory_member .entry-content img { margin:0 10px 20px 15px;}

/*--------------------------popup----------------------------------------------*/

.publication_content { position:inherit;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position:inherit !important;}

.popup_box { 
left:1%;
margin:0;
position:absolute;
top:950px;
width:98%;
z-index: 9999;
font-size:14px;
line-height:20px;
padding:16px;
}
.publication_info { position:relative;}
.popup_left { width:46%; padding:0 2% 0 0;}
.popim .popup_left {width: 30%;}
.popim .popup_left img {width: 100%; height: auto;}
.popup_right { width:52%;}
.popim .popup_right {width: 68%;}

.popim {top: 5% !important; width: 99% !important; position: fixed !important; left: 0; margin: 0 .5% !important; min-height: 300px;}
.popim .poprightc {height: 300px;}
.popim .poprightc p {margin-bottom: 0;}


/*-----------------------new-header-----------------------------------*/

.logo{ width:200px; display:none;}
.logo3 { width:256px; display:block; margin:0px auto; padding:10px 0; }
.logo3 img { width:100%; height:auto;}

.header-right{ float:none; width:100%;}
.header-right-box { display:block; float:none; width:100%; }
.header-right-top{ min-height:inherit; display:none;}
.heade-buttons { width:100%;}
.take_action {
	font-size:13px;
	font-weight:400;
	font-family: 'Open Sans', sans-serif;
	line-height:26px;
	padding: 0;
	border-radius:8px;
	width:32.66%;
	margin:0 0 0 1%;
	height: 26px;
}
.take_action.donate { margin:0 0 0 1%; width:32.66%;}
.take_action span b { display:none;}
.take_action strong { display:none;}
.heade-buttons .sign-up { display:block; width:32.66%; padding: 0; }
.mobsh_icon { display:block;}
	
}

@media only screen and (max-width: 479px) {
	.authimg {width: 100%; margin: 0 0 30px 0;}
	h3{ font-size:18px;}
	.sign-box{ margin:0 0 15px 0;}
	.header-right-top{ max-width:210px;}
	.slide-box-cont{ width:100%; height: 100%;}
	.slide-box-cont h2{ font-size:12px; line-height:20px; /*display:none;*/}
	.slide-box-cont h3{ display:none;}
	.slide-box-cont a{ font-size:14px; line-height:30px; padding:0 15px; /*margin-top:20px;*/}
	a.left-arrow{ width:30px;}
	.banner-slider:hover a.left-arrow{ left:0px;}
	a.right-arrow{ width:30px;} 
	.banner-slider:hover a.right-arrow{ right:0px;}
	.footer .col-xs-6{ width:100% ;}
	.becoming-post h2{ font-size:20px;}
	.becoming-post span{ font-size:16px;}
	.becoming-post a{ height:28px; line-height:26px;}
	.map-description h2{ font-size:20px; line-height:30px;}
	.content-column .map-description h2{ font-size:20px; line-height:26px}
	.slider-pager li { margin-top:-8px; padding:4px 0 2px;}
	.slider-pager li a { font-size:12px; height:38px;}
	.slider-pager li:hover a, .slider-pager li.selected a { line-height:20px; font-size:12px;}
	.midwest-map-wrap { padding:30px 0;}
	.map-description { padding:0 3%; text-align:center;}
	.container.becoming-post { padding:10% 4%;}
	.becoming-post { padding:15px 2%;}
	.content-column.padding { text-align:center;}
	.content-column { text-align:center;}
	.footer-column { text-align:center;}
	.social-link ul { width:194px; margin:0px auto;}
	.footer-column .sign-up { margin:0px auto;}
	.widget { margin:0 0 1.5em;}
	.widget_simpleimage { width:100%; float:none; padding:0; margin:0;}
	.widget_simpleimage img { width:100%; height:auto;}
	.share-link { margin:0 24px 0 0;}

	/*.slider-pager li:nth-child(1){display: block;}
	.slider-pager li:nth-child(2){display: block;}
	.slider-pager li:nth-child(3){display: block;}*/
	.slider-pager li{width:50%;}
		/*.slider-pager li{display: none;}*/
	/*Erro 404
---------------------------------------------*/
.error-404 { text-align:center; font-size:14px; color:#333; overflow:hidden; padding-bottom:40px;}
.error-404 h1 {
	font-size:40px;
	color:#000;
	border-bottom:0;
}
.error-404 a {
	display:inline-block;
	padding:8px 10px;
	color:#FFF;
	font-weight:bold;
	background:#2ca343;
	border-radius:6px;
	font-size:12px;
	text-decoration:none;
}
.board_member { min-height:inherit;}
.section-publication .col-xs-12 { width:100%;}
.board_member img { width:100%; height:auto;}
.publication_content { min-height:inherit;}



.council_area .council_block { width:270px; margin:0 0 22px 0; }

/*--------------------------------popup--------------------------------------*/

.popup_box { 
left:2%;
margin:0;
position:absolute;
top:10%;
width:96%;
z-index: 9999;
font-size:14px;
line-height:20px;
padding:42px 16px 16px;
}
.popim {top: 10% !important; width: 99% !important; position: fixed !important; left: 0; margin: 0 .5% !important; min-height: 300px;}

.popup_left { float:none; padding:0 0 10px 0; }
.popup_right { float:none; width:100%; }
.popup_box_title { padding:10px 0;}

.popim .popup_left { text-align: left; float:none !important; padding:0 0 10px 0; width: 100% !important; display: block;}
.popim .popup_left .impact_share strong {display: none;}
.popim .popup_right { text-align: left; float:none !important; width:100% !important; }
.popim .popup_left img {float: left; width: 23%; height: auto; padding-right: 4%;}
.popim .popup_left div.poptit {display: inline-block; margin-top: -15px; width: 75%;}
.popim .popup_right div.poptit {display: none !important;}


/*-----------------------new-header-----------------------------------*/

.logo{ width:200px; display:none;}
.logo3 { width:256px; display:block; margin:0px auto; padding:10px 0; }
.logo3 img { width:100%; height:auto;}

.header-right{ float:none; width:100%;}
.header-right-box { display:block; float:none; width:100%; }
.header-right-top{ min-height:inherit; display:none;}
.heade-buttons { width:100%;}
.take_action {
	font-size:13px;
	font-weight:400;
	line-height:26px;
	padding:0;
	border-radius:8px;
	width:32.66%;
	margin:0 0 0 1%;
	height: 26px;
}
.take_action.donate { margin:0 0 0 1%; width:32.66%;}
.take_action span b { display:none;}
.take_action strong { display:none;}
.heade-buttons .sign-up { display:block; width:32.66%; padding: 0;}
.mobsh_icon { display:block;}
img.pubimg {margin: 0 auto 25px auto;float: none;}
.popup_left {
    float: left !important;
    padding: 0 0 10px !important;
	width:36% !important;
}
.popup_left img
{
height:auto !important;
}

.popup_right{
    float:right !important;
   
	width:50% !important;
}
	.impact_share
	{
	padding:6px 0 0 !important;
	}
	
	.conmedia
{
width:100% !important;

}
.headh1{
min-height:0px !important;

}
}

@media only screen and (min-width: 1000px) and (max-width: 1100px) {
.publication_content { min-height:425px;}
}
@media only screen and (min-width: 1350px) {
.popim {width: 60%; left: 0; margin: 0 20%;}
}