@charset "utf-8";
/* CSS Document */
@media (max-width: 1900px) {
	#innerwrapper .main {
		width:78%;}
	
	#pages.events h2.local{
		width:16%;
	}
	
	#pages.events .border{
		width:84%;
	}
	
	#pages.department .multiple .member .name {
		font-size: 27px;
	}
	
	#home #navwrapper .sub_menu{
		left:60px;
	}
	
	#pages.links .main{
		min-height:950px;
	}
	
	#topwrapper #navwrapper .nav{
		width:80%;
	}
	
	#pages .table.voting {
		width: 50%;
	}
	
	#footerwrapper .nav{
		width:38%;
	}
}

@media (max-width: 1750px) {
 	#home .search #searchwrapper{
		width:37%;
	}
	
	#home .head {
	 
		background-size: cover;
		background-image: url(images/home-clock.jpg);
		background-position: center;
	}
	
	#home .head img{
		display:none;
	}
	
	#home .greywrapper .info{
		width:71%;
	}
	
	#topwrapper #navwrapper li {
		padding: 0 0 0 60px;
	}
	
	/*#pages.section .box{
		width:43%;
	}
	
	#pages.section .box{
		width:43%;
	}
	*/
	
	#innerwrapper #pages.section .main {
		width: 90%;
	}
	
	#pages.section .box .desc{
		font-size:14px;
	}
	
	#home .small{
		letter-spacing:2px;
	}
	
	#footerwrapper .nav{
		width:40%;
	}
	
	#footerwrapper .contact{
		width:30%;
	}
	
	#pages.travel h2{
		width:40%;
	}
	
	#pages.links .navlink{
		letter-spacing:0;
	}
	
	#pages.links .whitebox{
		height:82.5%;
	}
	
	#pages.business .commerce{
		width:20%;
	}
	
	#pages.department .multiple .member .name {
		font-size: 24px;
	}
	
	#pages.department .box .but{
		left:30%;
	}
	
	#pages .table.voting {
		width: 60%;
	}
	 
	
	
	
}

@media (max-width: 1550px) {
	#topwrapper #navwrapper .nav{
		width:78%;
	}
	
	#home .greywrapper .info {
		width: 68%;
		font-size:16px;
		line-height:20px;
	}
	 
	#footerwrapper .nav .col2 {
		margin: 0 70px;
	}
	
	#pages.section .info{
		width:85%;}
	
	#pages.section .box .title{
		letter-spacing:1px;
	}
	
	#pages.section .box .desc {
		font-size: 12.5px;
		line-height: 18px;
	}
	
	#topwrapper #navwrapper li {
		padding: 0 0 0 30px;
	}
	
	#topwrapper #navwrapper #nav{
		width:78%;
	}
	
	#topwrapper #navwrapper{
		margin:20px 0 0 0;
	}
	
	#navwrapper .sub_menu{
		border-top:37px solid #fff;
		left:20px;
	}
	
	#innerwrapper .main {
		width:85%;
	}
	
	#pages.department .multiple .member.main .name {
		font-size: 25px;
	}
	
	#innerwrapper #pages.section .main {
		width: 98%;
	}
	 
	
 
	#home #navwrapper .sub_menu{
		left:30px;
		border-top: 17px solid transparent;
	}
	
	#pages.links .whitebox .box {
		width:22.7%;
	}
	
	#home .small{
		font-size:16px;
	}
	
	#topwrapper #navwrapper .nav{
		text-align:left;
	}
	
	#home #topwrapper #navwrapper .nav{
		text-align:right;
	}
	
	#pages.department .box .but {
		left: 26%;
	}
	
	#pages.notification #form{
		width:50%;
	}
		
	
}

@media (max-width: 1400px) {
	#topwrapper #navwrapper{
		width:70%;
	}
	 
	
	.padding.inner {
		padding:50px 2%;
	}
	
	#home .links .over{
		padding:50px 10px 10px;
	}
	
	#home .links .link{
		font-size:18px;
	}
	
	#home .links .link .over img{
		width:45px;
	}
	
	#home .greywrapper .info{
		width:64%;
		font-size: 13px;
    	line-height: 15px;
	}
	
	#home .greywrapper .update .date {
	 
		position: relative;
		bottom: 0;
		left: 0;
		clear: both;
	}
	
	#home .greywrapper .col .update a {
	    right:0;
		position: relative;
		bottom: 0;
		 
		padding: 4px 0;
		 
		display: block;
		margin: 10px 0 0 0;
	}
	
	#innerwrapper .main  {
		width: 88%;
	}
	
	#topwrapper #navwrapper {
		width: 74%;
	}
	
	#topwrapper #navwrapper li {
		padding: 0 0 0 15px;
	}
	
	#topwrapper #navwrapper .nav {
		width: 75%;
	}
	
	#home #topwrapper #navwrapper .nav {
		width: 100%;
	}
	
	#topwrapper #navwrapper{
		width:80%;
	}
	
	#innerwrapper {
		margin: 80px 0 0 0;
	}
		
	 
	
	#topwrapper .logo{
		width:220px;
	}
	
	#topwrapper #navwrapper {
		margin: 12px 0 0 0;
	}
	
	#navwrapper .sub_menu {
		border-top: 35px solid #fff;
		 
	}
	
	h1.banner{
		top:20%;
	}
 
 
 	 
	
	#pages.section .info {
		width: 82%;
	}
	
	#pages .navlink{
		font-size:13px;
	}
	
	#pages.section.departments .box.links .buttons .button{
		letter-spacing:1px;
	}
	
	#pages.parks-recreation .text{
		height:100%;
	}
	
	#pages.parks-recreation .box{
		background:none;
	}
	
	#pages .table .row{
		height:auto;
		overflow:hidden;
	}
	
	#pages .table.voting {
		width: 80%;
	}
	
	#pages.news .labels{
		width:50%;
	}
	
	#footerwrapper .logo{
		width:180px;
	}
	
	#footerwrapper .contact {
		width: 33%;
		margin:0 0 0 2%;
	}
	
	#footerwrapper .nav .col2 {
		margin: 0 30px;
	}
	
	#pages.department .multiple .member .name {
		font-size: 20px;
	}
	
	#pages.department .multiple .member.main .name {
		font-size: 20px;
	}
	
	#pages.department .box h3 {
		margin: -30px 0 45px 0;
		letter-spacing: 2px;
	}
	
	#pages.uezregister .steps .box{
		font-size:15px;
		width:43%;
		margin:25px 1%;
	}
}

@media (max-width: 1200px) {
	 
	
	.main-menu{
	  position: absolute;
	  display: none;
	  right:0;
	  top: 0;
	  height: 100%;
	  transition: left 0.3s ease, box-shadow 0.3s ease;
	  z-index: 999;
		 
	}
	
	#topwrapper #navwrapper  .main-menu ul{
	  list-style: none;
	  margin: 0;
	  padding: 2.5em 0 0;
	 
	  -webkit-box-shadow: -8px 0 8px rgba(0,0,0,.5);
		 -moz-box-shadow: -8px 0 8px rgba(0,0,0,.5);
			  box-shadow: -8px 0 8px rgba(0,0,0,.5);
	  min-height: 100%;
	  width:240px;
	  background: #1a1a1a;
	  text-align:right;
	  z-index:9;
	 
	 
	}
	
	.nav li {
		display: block;
		margin: 0 0 0 0px;
	}
	 
	
	 #topwrapper #navwrapper .sub_menu{
		visibility: hidden;
		position: absolute;
		z-index: 999;
		top: 0px!important;
		left: -430px;
		width: 200px;
		border-top: none;
		padding: 0!important;
	}
	
	#navwrapper .sub_menu li.first {
		margin: 0;
	}
	
	#home .signup form{
		float:none;
		width:100%;
		margin:15px 0 0 0;
	}
	
	#footerwrapper .nav{
		display:none;
	}
	
	 
	
	#topwrapper #navwrapper .sub_menu li a.empty{
		display:none;
	}
	
	#topwrapper #navwrapper li {
		padding: 0;
	}
		
	#topwrapper .fa{
		display:block;}
	
	  
	#topwrapper #navwrapper .sub_menu li a {
		font-size: 14px;
		padding: .75em  5px;
	}
	
	#navwrapper .fa-bars{
		color:#1287d0;
		position:fixed;
		right:20px;
		top:25px;
		font-size:18px;
	}
	
	#home #navwrapper .fa-bars{
		color:#fff;
	}
	
	#footerwrapper {
			padding:30px 0;
		}
		
		#footerwrapper .logo {
			float:none;
			margin: 0 auto;
		}
	
	#footerwrapper .contact{
		width:30%;
		float:none;
		margin:30px auto 0 auto;
		text-align:center;
	}
	
	#footerwrapper .left, #footerwrapper .right{
		float:none;
		margin:0;
		width:100%;
	}
	
	#footerwrapper .footer{
		padding:0;
	}
	
	#footerwrapper .left .button{
		margin:20px 0;
	}
	 
	 
	
	 
	
	.fa-close{
		font-size:22px;
	}
	
	#topwrapper #navwrapper .menu-toggle, #topwrapper #navwrapper .menu-close{
		display:block;
		padding:0;
	}
	
	#topwrapper  #navwrapper {
		width: 100%;
		float: none;
		text-align: left;
		margin:0;
	}
 
	.goog-te-gadget{
		position:absolute;
		top:25px;
		right:430px;
		margin:0 0 20px 0;
	}
	
	
	#home .goog-te-gadget{
		right:100px;
	}
	 
	
	.logo img{
		width:100%;
	}
	
	#topwrapper   #navwrapper ul a {
		padding: 15px 0 0 0;
		font-size: 20px;
	}
	
	 

	.main-menu li:first-child a {
	 
	}
	
	.main-menu a:hover,
	.main-menu a:focus,
	{
	  background: #333;
	  text-decoration: none;
	}
	
	#topwrapper #navwrapper .main-menu a, #topwrapper #navwrapper .sub_menu li a{
	  display: block;
	  padding: .75em 15px;
	  line-height: 15px;
	  font-size: 15px;
	  color: #fff;
	  text-decoration: none;
	  border-bottom: 1px solid #383838;
	}
	
	 
	.main-menu .menu-close {
	  position: absolute;
	  right: 0;
	  top: 10px;
	  border-bottom: none!important;
	}
	 
	.main-menu:target, .main-menu[aria-expanded="true"]{
	  display: block;
	  right:0;
	  outline: none;
	  -moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  -webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  
	  
	}
	
	.main-menu:target .menu-close, .main-menu[aria-expanded="true"] .menu-close{
	  z-index: 1001;
	}
	
	.main-menu:target ul, .main-menu[aria-expanded="true"] ul, {
	  position: relative;
	  z-index: 1000;
	}
	 
	.main-menu:target + .backdrop,
	.main-menu[aria-expanded="true"] + .backdrop{
	  position: absolute;
	  display: block;  
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 998;
	  background: #000;
	  background: rgba(0,0,0,.85);
	  cursor: default;
	  
	}
	
	
	@supports (position: fixed) {
	  .main-menu,
	  .main-menu:target + .backdrop,
	  .main-menu[aria-expanded="true"] + .backdrop{
		position: fixed;
		 
	  }
	  
	  #home .search #searchwrapper {
			width: 50%;
		}
	  
	   
	  #home .greywrapper .left, #home .greywrapper .col.right{
		  float:none;
		  width:100%;
	  }
	  
	  #home .greywrapper .left{
		  padding:0 0 40px 0;
	  }
        #home  .hiring{ 
          height: unset;
		  margin:0 auto 20px;
        }
	  #home .left .hiring{ 
          width: 220%;
	  }
        
        #home .greywrapper .col.two{
            margin-top:45px;
        }
        
	  .main{
		  width:1000px;
	  }
	  
	  #topwrapper #searchwrapper{
		  margin:0 50px 0 0;
	  }
	  
	 
	  
	  #pages.section.departments .box.links.four{
		  height:100%;
	  }
	  
	  h1.banner {
		top: 15%;
	  }
	  
	  #pages.department .depthead h2 .sub, #pages.department h2.contact .sub{
		  letter-spacing:1px;
	  }
	  
	   
		
		#pages.department .box {
			margin: 0 0 30px 0;
			width: 100%;
		}
		
		#form{
			width:85%;
		}
		
		#pages.department .item {
			width: 50%;
		}
		
		#pages .navlink{
			width:31%;
		}
		
		#pages.links .whitebox, #pages.legal .whitebox,  #pages.faq .whitebox, #pages.updates .whitebox  {
			width:63%;
		}
		
		#pages.links .whitebox .box,  #pages.legal .whitebox .box, #pages.updates .whitebox .box  {
			width: 30%;
		}
		
		 
		
		#pages.faq .answer{
			line-height:20px;}
		
		#pages.history .whitebox{
			width:65%;
		}
		
		#pages.history .text{
			width:87%;
		}
		
		#pages.travel h2 {
			width: 55%;
		}
		
		#pages.travel .taxis .whitebox, #pages.travel .taxis .whitebox.middle{
			width:90%;
			margin:0 auto 15px auto;
		}
		
		#pages.travel .busing .right .but {
			position: relative;
			bottom: 0;
			right: 0;
			 
		}
		
		#pages.travel .busing .right .but.two{
			right:0;
			margin:15px 0 0 0;
		}
		
		#pages.travel .busing .whitebox, #pages.travel .busing .whitebox.right{
			height:100%;
			float:none;
			margin:0 auto 15px auto;
			width:90%;
		}
		
		#pages.travel .taxis h2, #pages.travel .busing h2 {
			width: 20%;
		}
		
		#pages.how .col{
			float:none;
			width:100%;
			margin:0 0 30px 0;
		}
		
		#pages.contact .info {
			width: 50%;
			margin: 0 0 30px 0;
		}
		
		#pages.contact .left, #pages.contact .right{
			float:none;
			width:100%;
		}
		
		#pages.contact .left{
			margin:0 0 30px 0;
		}
		
		#pages.department .box .but{
			position:relative;
			left:0;
			margin:-40px auto 0px auto;
		}
		
		#pages.department .box h3 {
			margin: 30px 0 10px 0;
		}
		
		#pages.department .box .info{
			    border: 1px solid #1287d0;
		}
		
		#pages.department .box{
			border:none;
		}
		
		#pages .table.voting {
			width: 93%;
		}
		
		#pages.department .multiple .member .but {
		 
		 
			padding: 5px 5px;
			font-size: 13px;
		}
		
		#pages.department .depthead h2{
			margin:0 0 20px 0;}
		
		
			  
	   
	
}

@media (max-width: 1000px) {
	.main{
		  width:960px;
	  }
	  
	#pages.maps .left, #pages.maps .right{
		float:none;
		width:90%;
		margin:0 auto 30px auto;
	}
	
	#pages .table .index a{
		margin:2px;
	}
	
	#pages .table .col, #pages .table.voting .col1, #pages .table.voting .col2, #pages .table.voting .col3 {
		float: none;
		width: 100%!important;
		position:relative;
	}
	
	#pages.tax-assessor .table .col1:before, #pages.tax-assessor .table .col2:before, #pages.tax-assessor .table .col6:before, #pages.tax-assessor .table .col7:before, #pages.tax-assessor .table .col8:before{
		content:'Block';
		position:absolute;
		top:0;
		left:0;
		font-weight:bold;
		width:130px;
	}
	
	#pages.tax-assessor .table .col2:before{
		content:'Lot';
	}
	
	#pages.tax-assessor .table .col6:before{
		content:'Land Value';
	}
	
	#pages.tax-assessor .table .col7:before{
		content:'Improvement Value';
	}
	
	#pages.tax-assessor .table .col8:before{
		content:'Total Value';
	}
	
	 
	
	#pages.tax-assessor .table .col{
		padding:0 0 15px 150px;
	}
	
	#pages .table .header{
		display:none;
	}
	
	#pages.federal .table .header{
		display:block;
	}
	
	#myBtnContainer select.textfield {
		margin: 8px 0 0 0;
		padding: 8px;
	}
	
	#pages.news .info{
		width:90%;
	}
	
	 
	#pages .navlink{
		display:none;
		z-index:8;
		position:relative;
  		margin: 0px 0 0 0!important;
		background-color: #1488d0;
		color: #fff;
		padding: 13px 2% 13px 13px;
		text-align:left;
		border-bottom: 1px solid #fff;
	}
	
	#pages .navlink.x{
		border:none;
		font-size:0;
		background:none;
	}
	
	#pages .navlink.view{
		display:block;
	}
	
	#pages.links .whitebox.links, #pages.links .whitebox,
	#pages.faq .whitebox,
	#pages.updates .whitebox,
	#pages.legal .whitebox{
		border:none;
		width:96%;
		padding:2%;
		min-height:0;
		position:absolute;
		overflow-y: scroll;
		top:100px;
	}
	
	#pages.links .whitebox h2, #pages.updates .whitebox h2, #pages.legal .whitebox h2, #pages.faq .whitebox h2{
		margin:0px 0 30px 0;
	}
	
	#blank{
		position:absolute;
		top:0;
		left:0;
	}
	
	#blank .mobilemenu{
		display:inline;
	}
	
	#blank .regmenu{
		display:none;
	}
	
	#pages.all a.open{
		display:block;
		margin:0px 0 10px 0;
		z-index:8;
		position:relative;
		font-size:12px;
		font-weight:400;
		letter-spacing:1px;
		color: #1287d0;
		text-transform:uppercase;
		cursor:pointer;
	}
	
	#pages.all a.open .fas{
		border:none;
		position:relative;
		display:inline;
	}
	
	 
	#pages.all a.open .fa-minus{
		display:none;
	}
	
	#pages.all a.open.opened .fa-plus{
		display:none;
	}
	
	#pages.all a.open.opened .fa-minus{
		display:inline;
	}
	
}

@media (max-width: 960px) {
	.main{
		  width:93%;
	  }
	 
	  #home .search #searchwrapper {
			width: 68%;
		}
		
	  #home .links .link{
		  width:48%;
	  }
	  
	  #home .small{
		  width:31%;
	  }
	  
	  #pages.department .multiple .member, #pages.department .multiple.seven .member {
		  width:48%;
		 
	  }
	  
	  #pages.department .multiple .member.main{
		  width:100%;
		  margin:60px 0 30px 0;
	  }
	  
	  #pages .navlink {
			width: 35%;
	  }
	  
	  /*#pages.links .whitebox, #pages.legal .whitebox, #pages.faq .whitebox, #pages.updates .whitebox {
		width: 59%;
		}*/
		
		#pages.history .year{
			float:none;
			width:100%;
			margin:50px 0 0 0;
		}
		
		#pages.history .whitebox {
			width: 96%;
			float:none;
		}
		
		#pages.history .pix {
		 
			width: 195px;
			margin: 0 8px 0 0;
		}
		
		#pages.history .text{
			float:none;
			width:100%;
		}
		
		#pages.travel h2{
			margin:0 0 20px 0;
			width:100%;
		}
		
		#pages.department .multiple {
			padding: 300px 0 0 0;
			position: relative;
		}
		
		#pages.department .multiple.seven, #pages.department .multiple.two{
			padding:0;
		}
		
		#pages.department .multiple.two .member.main{
			position:static;
		}
		
		#pages.department .multiple .member.main{
			position:absolute;
			top:0;
			left:0;
			width:100%;
			margin:0;
		}
		
		#pages.notification #form {
			width: 65%;
		}
		
		#pages.news #myBtnContainer .button{
			width:30%;
		}
}

@media (max-width:850px) {
	#footerwrapper .contact{
		 
		margin:0 auto;
	}
	
	#footerwrapper .logo{
		display:none;
	}
    
	#home .greywrapper .col{
		float:none;
		width:100%;
	}
	
	#home .greywrapper .col.two{
		float:none;
		margin:20px 0 0 0;
	}
	
	#home .greywrapper .info{
		width:80%;
	}
    
    #home .left .hiring{
        width: unset;
    }
    
	h1.banner {
		top: 12%;
	}
	
	#pages .navlink {
		width: 40%;
	}
	
	/*#pages.links .whitebox, #pages.legal .whitebox, #pages.faq .whitebox, #pages.updates .whitebox  {
		width: 54%;
	}*/
	
	#pages.links .whitebox .box, #pages.legal .whitebox .box, #pages.updates .whitebox .box {
		width: 47%;
	}
	
	#pages.parks-recreation .box{
		width:100%;
	}
	
	#pages.events h2.local {
		width: 100%;
	}
	
	#pages.events .border{
		display:none;
	}
	
	#pages.events .left, #pages.events .right{
		float:none;
		width:100%;
	}
	
	#pages.events .left{
		margin:50px 0 40px 0;
	}
	
	#pages.doing-business .whitebox.left, #pages.doing-business .whitebox.right, #pages.doing-business .whitebox.one, #pages.doing-business .whitebox.two {
		float: left;
		width: 96%;
		margin:0 0 30px 0;
	}
	
	#pages.doing-business  .thumbs, #pages.doing-business .commerce{
		float:none;
		width:100%;
	}
	
	#pages.doing-business h1.banner{
		font-size:30px;
	}
	
	#pages.doing-business .banner .link {
		position: relative;
		 
		bottom: 50px;
	}
	
	#pages.news .labels {
		width: 80%;
	}
	
	#bus .box{
		width:65%;
		padding:50px 20px 0 0;}
	
	#bus .trigger{
		width:180px;
		font-size:12px;}
	
	#bus .title{
		width:194px;
	}
	
	#bus .title img{
		width:100%;
	}
	
	#bus h2{
		font-size:20px;
		line-height:25px;
	}
	
	#pages.section .button.link{
		width:200px;
	}
	
	.goog-te-gadget-simple{ 
		right:320px;
	}
	
	#pages.industrial-commission #listings .table .float{
		float:none;
		width:100%!important;
		padding:12px 0;
		height:auto;
	}
	
	#pages.industrial-commission #listings .table .row.top .float{
		display:none;
	}
	
	#pages.resource-detail .text.center{
		width:100%;
	}
			 
}

@media (max-width:750px) {
	#home .links .link{
		font-size:15px;
	}
	
	#home .links .link .over img{
		width:40px;
	}
	
	#home .links .hidden{
		font-size:15px;
		margin:10px 0 0;
	}
	
	#pages .navlink {
		width: 46%;
	}
	
	/*#pages.links .whitebox, #pages.legal .whitebox, #pages.faq .whitebox, #pages.updates .whitebox  {
		width: 48%;
	}*/
	
	#pages.section .box{
		width:450px;
	}
	
	#pages.section.departments .box#administration{
		height:100%;}
	
	#pages.section.departments .box.links .buttons .button, #pages.section.departments .box.links .button.left.five{
		width: 94%;
		padding:10px 3%;
	}
	
	#pages.section.departments .box.links .buttons {
		margin: 20px 0 0 -20px;
		width: 490px;
	}
	
	#pages.section.departments .box.links .buttons .button.left.bottom{
		border-bottom:none;
	}
	
	#pages.section .box .buttons .button {
		border-left:none;
	}
	
	#pages.section.departments .box.links .buttons .button.left.five{
		    border-bottom: 1px solid #1287d0;
			position:relative;
		    bottom:0;
			border-top:none;
			
	}
	
 
	
	#pages.news  li a{
		float:none;
		display:block;
		clear:both;
		margin:15px 0 0 0;
	}
	
	.text.center{
		width:100%;
	}
	
	#pages.doing-business .banner .link{
		float:right;
	}
	
	#pages.doing-business .banner .but {
		 
		margin: 0 2% 0 0;
		padding: 4px 0;
		width: 90px;
		float: right;
	}
	
	#innerwrapper #bus .main{
		width:95%;
	}
	
	#bus .box{
		width:60%;
	}
	
	#pages.section .button.link {
		width: 170px;
		letter-spacing:2px;
	}
	
	#pages.news .info {
		width: 87%;
	}
	
	.goog-te-gadget{
		top:5px;
		right:15px;
	}
	
	#home .goog-te-gadget{
		top:40px;
	}
	
	#topwrapper {
    	padding: 40px 2% 15px 2%;
	}
	
	#navwrapper .fa-bars{
		top:45px;
	}
	
	#pages.industrial-commission .button{
		width:100px;
	}
	
	#pages.industrial-commission .tablelist .textfield{
		width:75%;
	}
	
	#pages.uezregister .toptext{
		font-size:16px;
		margin:0;
	}
	
	#pages.uezregister .steps .box{
		padding:20px 4%;
		width:92%;
		margin:50px 0 0;
	}
	
	#pages.uezregister .bottom .box{
		width:90%;
		font-size:16px;
		margin:0 0 20px;
	}
}

@media (max-width:650px) {
	#home .search #searchwrapper {
		width: 80%;
	} 
	
	#home .greywrapper .info {
		width: 75%;
	}
	
	#home .box {
		margin: 15px 1.8%;
		width: 45%;
	}
	
	#home .box  img{
		width:100%;
		
	}
	
	#footerwrapper{
		padding:20px 0;
	}
	
	#pages.news .info{
		width:88%;
	}
	
	#pages.committee .left, #pages.committee .right{
		float:none;
		width:100%;
		text-align:left;
	}
	
	#pages.committee .left{
		margin:0 0 12px 0;
	}
	
	#pages.committee .col{
		float:none;
		margin:0;
	}
	
	#pages .navlink {
		width: 49%;
	}
	
	/*#pages.links .whitebox, #pages.legal .whitebox, #pages.faq .whitebox, #pages.updates .whitebox {
		width: 45%;*/
	}
	
	#pages.links .whitebox .box, #pages.legal .whitebox .box, #pages.updates .whitebox  .box{
		width: 100%;
	}
	
	#pages.department .frame{
		padding:90% 0 0 0;
	}
	
	#pages.history .left.text, #pages.history .sites{
		float:none;
		width:100%;
	}
	
	#topwrapper #navwrapper .sub_menu{
		left:-480px;
	}
	
	#pages.parks-recreation .pix{
		height:100%;
	}
	
	.text.center{
		width:100%;
	}
	
	#pages.resource-detail .left, #pages.resource-detail .right{
		float:none;
		width:100%;
	}
	
	#pages.resource-detail .left{
		margin:0 0 20px 0;
	}
	
	#pages.travel .information{
		width:100%;
	}
	
	#pages.travel .info {
		float: none;
		padding:10px 0;
		clear:both;
		margin: 0px 0;
		width: 100%;
	}
	
	#pages.travel .service{
		width:100%;
		margin:10px 0;
		flex:none;
		text-align:left;
	}
	
	#pages.resource-detail.resource .left {
		width: 96%;
		padding: 2%;
 
	}
	
	#pages.resource-detail.resource .right{
		float:none;
		width:100%;
	}
	
	#pages.resource-detail .left .pix {
		margin: 0 0 0px 0;
	}
	
	h1.banner {
		top: 0%;
	}
	
	#pages.doing-business .whitebox .pic img{
		width:100%;
	}
	
	#pages.doing-business .banner .but {
    	margin: 12px 2% 0 0;
	}
	
	#bus .trigger {
		width: 125px;
		font-size: 11px;
		padding:7px 7px 7px 7px;
	}
	
	#bus .box {
		width: 66%;
	}
	
	#bus .title{
		width:139px;
	}
	
	#footerwrapper .contact{
		width:60%;
	}
	
	#pages.news .info {
		width: 85%;
	}
	
	#pages.notification #form{
		width:80%;
	}
}

@media (max-width:550px) {
	#home #searchwrapper input{
		width:75%;
	}
	
	#home .links .link{
		width:98%;
	}
		
	#home .small {
		width: 47%;
	}
	
	h2{
		font-size:25px;
		letter-spacing:2px;
		margin:0 0 30px 0;
	}
	
	.padding.inner {
		padding: 30px 2%;
	}
	
	#home .greywrapper .info {
		width: 65%;
	}
	
	#home .caps{
		display:block;
		margin:0 0 12px  0;
	}
	
	#home .signup .textfield{
		width:80%;
	}
	
	#footerwrapper .right, #footerwrapper .left{
		float:none;
		width:100%;
	}
	
	#footerwrapper .right{
		margin:0 0 12px 0;
	}
	
	#footerwrapper .left .button{
		margin:20px 0;
	}
	
	 
	
	#topwrapper #navwrapper .main-menu a, #topwrapper #navwrapper .sub_menu li a{
		font-size:13px;
	}
	
	#home #topwrapper #navwrapper .sub_menu, #topwrapper #navwrapper .main-menu ul {
		left: -320px;
		
		width: 160px;
	}
	
	h1{
		font-size:34px;
		padding:25px 0;
	}
	
	#pages.department .multiple .member .name {
		font-size: 16px;
	}
	
	#topwrapper .logo, #topwrapper.scrolled .logo  {
		width: 150px;
	}
	
	#home #topwrapper .logo{
		margin:15px 0 0 0;
	}
	
	#home .goog-te-gadget {
		right: 33px;
	}
	 
	#topwrapper #searchwrapper {
		margin: 0 30px 0 0;
		width: 45%;
	}
	
	#navwrapper .fa-bars{
		right:10px;
	}
	
	#searchwrapper input{
		width:70%;
	}
	
	h1.banner {
		top: 10%;
	}
	
	#pages.section .icon{
		width:40px;
	}
	
	#pages.section .info {
		width: 80%;
	}
	
	#pages.section .button.link {
		width: 48%;
		padding: 0;
		font-size: 13px;
		line-height: 18px;
	}
	
	#pages.news .info {
		width: 82%;
	}
	
	#pages.news .info .title{
		font-size:15px;
	}
	
	#form {
		width: 95%;
		padding:20px 15px 40px 15px;
	}
	
	#pages.department .item {
		width: 100%;
		margin: 0 0 30px 0;
	}
	
	.text.center{
		width:100%;
	}
	
	#pages.department #notice marquee{
		width:92%;
	}
	
	#innerwrapper #pages.links.all .main{
		width:99%;
	}
	
	#pages .navlink {
		font-size: 10px;
		width:48%;
		font-weight:500;
	 
	}
	
	/*#pages.links .whitebox, #pages.legal .whitebox, #pages.faq .whitebox, #pages.updates .whitebox {
		width: 45%;
	}*/
	
	#pages.links .whitebox h2, #pages.updates .whitebox h2, #pages.legal .whitebox h2, #pages.faq .whitebox h2 {
		 
		font-size: 17px;
		margin: 0 0 20px 1%;
		letter-spacing: 1px;
	}
	
	#pages.section .box{
		overflow:hidden;
	}
	
	 
	#pages.section .button.link{
		letter-spacing:1px;
	}
	 
	
	#pages.resource-detail h2{
		font-size:18px;
		line-height:20px;
	}
	
	#pages.resource-detail .info{
		margin:10px 0 0 0;
	}
	
	#pages.doing-business h1.banner {
		position: relative;
		color:#1287d0;
		padding:30px 0 0 0;
	}
	
	#pages.doing-business .whitebox .pic, #pages.doing-business .whitebox .info{
		float:none;
		width:100%;
		margin:0 0 20px 0;
	}
	
	#pages.doing-business .whitebox .pic{
		width:40%;
	}
	
	#pages.doing-business .banner .link {
		float: none;
		bottom: 0;
	}
	
	#pages.doing-business .banner .but {
		margin: 0 auto 10px auto;
		float:none;
		color:#1287d0;
		border:1px solid #1287d0;
	}
	
	#pages.contact .info{
		width:100%;
	}
	
	#innerwrapper {
		margin: 70px 0 0 0;
	}
	
	#pages.faq .q{
		font-size:14px;
		font-weight:normal;
	}
	
	#pages.faq .answer{
		padding:0 0 20px 0;
		font-size:13px;
		line-height:18px;
	}
	
	#pages.news .labels {
		width: 100%;
	}
	
	#pages.news #myBtnContainer .button{
		font-size:13px;
	}
	
	#pages.department .text.center{
		width:100%;
	}
	
	#pages.department .butlinks{
		width:100%;
	}
	
	#bus .box {
		width: 48%;
		padding:20px 20px 0 0;
		overflow-y: scroll;
    	max-height: 400px;
	}
	
	#bus .fare {
	 
		letter-spacing: 1px;
		 
		font-size: 15px;
		padding: 0 0 0px 0;
		
	}
	
	#bus .day{
		font-size:12px;
		line-height:24px;
	}
	
	#bus .col{
		float:none;
		width:100%;
	}
	
	#pages.news .info {
		width: 80%;
	}
	
	#pages.department .multiple{
		padding:340px 0 0 0;
	}
	
	#pages.department .multiple .member {
		width: 47%;
		margin: 0 1.5% 30px 1.5%;
	}
	
	#pages.section .box .button{
		width:100%;
		padding:5px 0;
	}
	
	#pages.resource-detail .whitebox{
		padding:30px 10%;
		width:80%;
	}
	
	.dn-twoleft, .dn-tworight{
		float:none;
		width:100%;
	}
	
	#form select.textfield{
		width:100%;
	}
	
	#pages.notification .map{
		width:100%;
	}
	
	#pages.notification .map img{
		width:100%;
		height:auto;
	}
	
	#pages.industrial-commission .tablelist .textfield {
		width: 60%;
	}
	
	#pages.pbs{
		font-size:14px;
	}
}