/*** outer width = 1182px ***/

#top_menu_id2 {display:none}
#mobile-districts-menu { display:none;}

@media only screen and (max-width: 1170px) {  

.container  {width:100%}
.par_title_wrap { width:96%; padding-left:0;}

.foot,
.logo_sep,
.inner,
.testi,
.flexslider,
.homepage .newsletter{
	width:100%;
	padding-left:0;
	}

.main {width:79.52%}

.content { width:50%}
.sidebar  {width: 25.40%}
.foot_info {width:93.7%}
#sec_main {width:81.218%}
.services_ul_wrap ul.services_ul li { width:31.25%; margin:0 0.1%}
.services .inner { width:79.52%; padding:34px 10.23%}

.flexslider  {
	padding-left:16.27%; 
	padding-right:0
	}

.top_nav > ul {
	 width:810px;
	}
.top_nav ul li a {
	padding:35px 20px 31px;
	}

#district-menu { width:27%;}
#district-menu select { width:100%;}
#district-totals { width:72%;}
#welcome-text { margin-left:50px;}


}

@media only screen and (max-width: 1024px) {
	
	.container_top, .container_bottom, .container_single_bottom { display:none}
	/*.container .inner { background-color:#fff;}
	.homepage .container .inner { background-image:url("../images/container_inner.png"); }*/
	.main {width:96%}
	.content {width:58%}
	.sidebar {float:left; padding-left:20px}
	.logo_sep { background-position:center;}
	.testi {width:90%; padding-left:0; padding-right:0}
	
	.top_nav > ul {
	 width:738px;
	}
.top_nav ul li a {
	padding:35px 14px 31px;
	}

	
	
	
	}
	
@media only screen and (max-width: 960px) { 

.container .inner { background-image:none; background-color:#fff;}
.homepage .services .inner { background-color:#19457B}
.services_l, .services_r { display:none}
#search-box {right:10px}


 	#top_menu_id2 { display:inherit;}
	.content, .sidebar {width:100%; float:none}
	#menu-btn { display:inherit }
	
	/***  Menu   ***/ 
	
	#top_menu_id {width:250px;}
	

	
	.top_nav > ul, .top_bar > ul { 
	  width:250px; 
	  background:#19457B; 
	  float:none; 
	  position:absolute; 
	  left:-250px;
	  top:0;
	  color:#FFF;
	  padding-right:0px;
	  border:none;
	  z-index:100;
	
	}
	
	.nav-open .top_nav > ul,
	.nav-open .top_bar > ul
	 { 
	  left:0;
	  transition-delay: 0s;
	  transition-duration: 0.2s;
	  transition-property: all;
	  transition-timing-function: ease; 
	}
	
	
	.top_nav > ul li,
	.top_bar > ul li{ 
		float:none; 
		display:block; 
		}
		
	.top_nav > ul li a,
	.top_bar > ul li a {
		padding: 8px; 
		display:block;
		}
	

.top_nav ul li.has_child { 
	background-image:none
	}

.top_nav ul li ul { 
	position:static; 
	margin-left:0; 
	width:250px; 
	background-image:none; 
	border:none;
	display:none;
	}
	
	


.top_nav ul li ul li, 
.top_nav ul li ul li.first { 
	padding:0; 
	background-color:#3A608E; 
	color:#fff; 
	border-right:none;
	border-bottom:none;
	}
	
	
.top_nav ul li ul li a, 
.top_nav ul li ul li.first a { 
	text-align:left; 
	padding-left:12px; 
	color:#fff; 
	border-bottom:none; 
	background-color:#3A608E; 
	border-bottom:1px solid #5E7DA0;
	}
	
.top_nav ul li ul li li, 
.top_nav ul li ul li li.first {  
	padding-left:20px; 
	width:230px;
	}
	
.flexslider  {
	padding-left:4%; 
	padding-right:0;
	width:97%
	}
#sec_main { width:95%}	
.services_ul_wrap ul.services_ul li { width:45%}

#welcome-text img{ max-width:100%; height:auto;}

}

@media only screen and (max-width: 600px) { 

.services_ul_wrap ul.services_ul li { width:98%}
.par_title_wrap {padding-top:20px;}
.par_title_wrap h1.par_title { font-size:36px; line-height:36px;}
.flexslider {padding-top:0;}


}

@media only screen and (max-width: 565px) { 
#district-menu { width:100%;}
#district-menu select { width:100%;}
#district-totals { width:100%; float:left;}
#desk-districts-menu { display:none;}
#mobile-district { display:inline-block; background-color:#174378; color:#ffffff; display:block; width:50%; text-align:center; padding:5px 10px; border-radius:6px; margin-bottom:20px; }
a:hover#mobile-district { text-decoration:none;}
#mobile-districts-menu { display:inherit;}
#mobile-districts-menu ul, #mobile-districts-menu:active ul  { 
		display: none;
		position: absolute;
		padding: 20px;
		background: #fff;
		border: 5px solid #444;
		left: 12px;
		top: 60px;
		width: 50%;
		border-radius: 4px 0 4px 4px;
		z-index:9999;
}
#district-menu ul li a.current {
    background:#c92a29;
    transition: all 0s ease 0s;
	}
#welcome-text { display:none;}

}