@media only screen and (min-device-width : 320px) and (max-device-width : 1219px) {
	html {
		-webkit-text-size-adjust: none;
	}
}

@media only screen and (min-width: 320px) and (max-width: 1219px){


}


@media only screen and (min-width: 320px) and (max-width: 767px){
.btn-primary {
    font-size: 14px;
	line-height: 40px;
	height: 40px;
    padding: 0 25px;
}
 

#header {
    padding: 1px 0;
}
.pull-left {
    float: left;
    margin-top: 10px;
    margin-left: 0;
}
#logo img {
    width: 230px;
}
#mobile-nav {
    background: #203c93;
}
#mobile-nav-toggle {
	margin: 51px 0 0 0;
	z-index: 9999999;
	padding: 15px;
}
#mobile-nav-toggle i {
    color: #fff;
}
#mobile-nav ul li li {
    padding-left: 0;
}
#header #logo {
    float: none;
    position: inherit;
    left: 0;
    margin-top: 92px;
    right: 0;
    text-align: left;
    width: 100%;
}
.mobile-nav-active #mobile-nav-toggle i {
	color: #fff;
}
#mobile-nav ul li li a {
    font-size: 14px !important;
    padding: 4px 43px !important;
}
#mobile-nav ul .menu-item-active {
    color: #e8d80f;
}
#mobile-nav ul .menu-has-children i.fa-chevron-up {
    color: #e8d80f;
}


.toplicence-sec {
    padding: 0 0 11px 0;
}
.contactustext {
    float: right;
    display: none;
}
.toplicence-sub {
    width: 100%;
    float: none;
    margin-top: 0;
}
.toplicence-phone {
    float: none;
    width: 100%;
	background: #12276b;
}
.toplicence-phone p {
	font-size: 18px;
	line-height: 42px;
	text-align: center;
	display: block;
	padding:0;
	margin-right: 0;
	border: 0px;
}
.toplicence-phone i {
    float: none;
    margin-top: 6px;
    margin-left: 0;
    margin-right: 15px;
    display: inline-block;
}
.headtitle-box h1 {
    padding: 5px 10px 5px 10px;
    bottom: 6px;
    left: 15px;
    width: calc(100% - 30px);
    font-size: 12px;
	line-height: 22px;
	text-align: center;
}
.headertitle {
    padding: 50px 0;
}
.headertitle .galleries-slider {
    margin-bottom: 25px;
}
.head-newstext h2 {
    text-align: center;
    color:#fff;
    font-size: 19px;
    line-height: 25px;
    padding: 12px 0 0 0;
}
.head-newscroll {
    padding: 25px 0 0 15px;
}
.head-news {
    height: auto;
    padding-bottom: 30px;
	text-align: center;
}
.head-newscroll ul li {
    font-size: 14px;
    line-height: 22px;
    padding: 8px 0 8px 0;
    margin: 0;
}
.toplicence-phone p::after {
	content: "";
	position: absolute;
	width: 10%;
	height: 44px;
	top: 0;
	z-index: 1;
	right: 0;
	background:#12276b;
}
.toplicence-phone p::before {
	content: "";
	position: absolute;
	width: 10%;
	height: 44px;
	top: 0;
	z-index: 1;
	left: 0;
	background:#12276b;
}
.welcome-outer {
    padding: 30px 0 0 0;
}
.welcome-sub {
    padding-right: 0px;
	text-align: center;
}
.welcome-outer h2 {
    text-align: center;
    font-size: 25px;
    line-height: 28px;
    margin-top: 20px;
}
.welcome-outer h3 {
    text-align: center;
    margin-top: 12px;
    font-size: 15px;
    line-height: 20px;
}
.welcome-outer p {
    text-align: center;
    margin-top: 20px;
    font-size: 15px;
    line-height: 22px;
}
.welcome-outer .btn-primary {
    margin-top: 28px;
}
.welcome-help {
    margin-top: 40px;
}
.welcome-text {
    padding: 10px 0;
    text-align: center;
}
.welcome-text p {
	font-size: 19px;
	line-height: 25px;
	color:#fff;
}
.valuestatement-outer {
    padding: 40px 0 0 0;
}
.valuestateimgleft {
    width: 46%;
    float: left;
}
.valuestateimgright {
    width: 46%;
    float: right;
	margin-left:0px;
}
.valuestatement-outer h2 {
    text-align: center;
    font-size: 25px;
    line-height: 28px;
    margin-top: 20px;
}
.valuestatement-outer p {
    text-align: center;
    margin-top: 16px;
    font-size: 15px;
    line-height: 22px;
}
.services-outer {
    padding: 72px 0 0 0;
}
.services-box {
    padding: 51px 23px 30px 23px;
	text-align:center;
	margin-bottom:70px;
}
.services-box p {
    line-height: 25px;
    margin-top: 12px;
}
.services-main {
    margin-bottom: 0px;
	display:inherit;
}
.services-box  h4 {
    font-size: 21px;
    line-height: 34px;
}
.safety-outer {
    padding: 0 0 30px 0;
    margin-top: -21px;
}
.safety-boximg {
    margin-bottom: 20px;
}
.safety-box {
    text-align: center;
}
.safety-box h4 {
	font-size: 20px;
	line-height: 22px;
}
.safety-box p {
    font-size: 15px;
    line-height: 23px;
    margin-top: 10px;
}
.safety-box .btn-primary {
    padding: 0 0;
    position: initial;
    bottom: 0;
    display: inline;
    width: 200px;
    margin: 0 auto;
    margin-top: 20px;
	margin-bottom:25px;
}
.footer-sec {
    padding-top: 47px;
	text-align:center;
}
.footerlogo {
    text-align: center;
	margin-bottom:30px;
}
.footerlogo img {
    width: 240px;
}
.footer-sec h5 {
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 22px;
}
.footer-sec ul {
    padding: 0 0 0 0;
    margin: 0 0 30px 0;
}
.footer-sec ul li {
    font-size: 15px;
    line-height: 21px;
    text-align: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
	display: block;
	text-align: center;
}
.footer-sec ul li a {
	padding: 5px;
}

.footer-sec p {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 25px;
	margin-top: 5px;
	padding-top: 20px;
	padding-bottom: 15px;

}

.innertitletext-outer {
    padding: 50px 0;
}
.innerheaderbg h1 {
    color: #fff;
    font-size: 22px;
}
.innertitletext-outer h2 {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    position: relative;
}
.innertitletext-outer h2::after {
    bottom: -14px;
    width: 29%;
}
.innertitletext-outer p {
	font-size: 15px;
	line-height: 22px;	
}
.innertitletext-outer ul {
    margin: 40px 0 0 20px;
}
.innertitletext-outer ul li {
    font-size: 15px;
    line-height: 24px;
    padding: 0;
    margin: 0 0 15px 0;
}
.innertitletext-outer p strong {
	font-size: 20px;
	line-height: 23px;
}
.history-img01 {
    width: auto;
    float: none;
    margin-left: 0;
    margin-bottom: 20px;
	text-align: center;
}
.history-img02 {
    width: auto;
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
	text-align: center;
}
.commissioners-img {
    width: auto;
    float: none;
    margin-right: 0;
    text-align: center;
    margin-bottom: 30px;
}
.commissioners-sec h3 {
    text-align: center;
}
.commissioners-sec h4 {
	font-size: 17px;
	line-height: 22px;
	margin: 3px 0 0 0;
	text-align: center;
}
.commissioners-sec p {
    text-align: center;
}
.commissioners-text {
    margin-top: 20px;
}
.commissioners-text p {
    text-align: left;
	margin: 0 0 0 0;
}	
.linkform-sec {
    padding: 30px 15px 30px 15px;
    margin-bottom: 30px;
	height:auto;
}
.strategic-plan p strong {
    font-size: 20px;
    line-height: 28px;
}
.yearlybudget-sec {
    width: 100%;
    margin: 0;
    padding: 30px 15px 30px 15px;
    margin-bottom: 30px;
}
.contact-sec p strong {
    font-size: 16px;
    line-height: 32px;
    padding: 0;
    margin: 0;
    width: 100%;
    display: inline;
}
.contact-sub {
    padding: 30px 15px 30px 15px;
}
.contact-sec p {
    font-size: 15px;
    line-height: 22px;
    display: flex;
    flex-direction: column;
    justify-items: center;
    text-align: center;
}
.agendaminutes-sub {
    padding: 30px 15px 30px 15px;
    margin-bottom: 30px;
}
.agendaminutes-sub p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 7px;
}
.agendaminutes-sub p a {
    color: #161a8a;
    display: flex;
}
.overview-sec {
    display: inherit;
    margin-top: 40px;
}
.overview-sec ul {
    margin: 40px 0 0 0;
}
.calendarmapimg {
	padding: 15px;
}
.agendaminutes-main {
    display: inherit;
}
.agendaminutes-sub p {
	text-align:center;	
}
.agendaminutes-sub p strong {
    font-size: 18px;
    line-height: 23px;
}
.agendaminutes-sub p a {
    text-align: left;
}
.agendaminutes-main {
    display: inherit;
}
.districtmap-main {
	padding:30px 15px 30px 15px;
}


}
@media (max-width: 575px) { 


}


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
    

}

/* Medium devices (tablets, 768px and up)*/
@media only screen and (min-width: 768px) and (max-width: 991px){
#mobile-nav {
    background: #203c93;
}
#mobile-nav-toggle {
	margin: 22px 0 0 0;
	z-index: 9999999;
	right: 30px;
}
#mobile-nav-toggle i {
    color: #fff;
}

#mobile-nav ul li li {
    padding-left: 0;
}
#header {
    padding: 2px 0;
}
.pull-left {
    float: none;
    text-align: center;
}
.toplicence-sec {
    padding: 52px 0;
}
.toplicence-sub {
	width: auto;
	float: left;
	margin-top: 8px;
}
.toplicence-phone p {
	font-size: 16px;
	line-height: 45px;
	padding: 0 15px 0 15px;
	margin-right: 10px;
}
.toplicence-phone i {
    margin-top: 7px;
}
.contactustext p {
	line-height: 45px;
}
.contactustext p a {
	font-size: 16px;
	line-height: 45px;
	padding: 0 15px 0 15px;
	margin-right: 10px;
}
.headtitle-box h1 {
    padding: 10px 10px 10px 10px;
    text-align: center;
	font-size: 15px;
	line-height:22px;
}
.welcome-outer h2 {
    text-align: left;
    font-size: 32px;
    line-height: 36px;
}
.welcome-outer h3 {
    text-align: left;
    margin-top: 15px;
}
.welcome-outer p {
    text-align: left;
    margin-top: 24px;
    font-size: 17px;
    line-height: 25px;
}
.welcome-outer .btn-primary {
    margin-top: 28px;
}
.welcome-help {
    margin-top: 40px;
}
.valuestatement-outer {
    padding: 50px 0 0 0;
}
.valuestatement-outer p {
    margin-top: 15px;
    font-size: 17px;
    line-height: 25px;
}
.services-outer {
    padding: 70px 0 0 0;
}
.services-box {
    margin-bottom: 70px;
}
.safety-outer {
    padding: 0 0 134px 0;
}
.safety-box .btn-primary {
    padding: 0 0;
    position: initial;
    bottom: 0;
    display: inline;
    width: 200px;
    margin: 0;
    margin-top: 20px;
	margin-bottom:25px;
}
.footer-sec {
    padding-top: 56px;
}
.footer-sec p {
	margin-top: 37px;

}
.contact-sec p strong {
    font-size: 16px;
    line-height: 32px;
    padding: 0;
    margin: 0;
    width: 100%;
    display: inline;
}
.contact-sec p {
    font-size: 15px;
    line-height: 22px;
    display: flex;
    flex-direction: column;
    justify-items: center;
    text-align: center;
}
.overview-sec {
    display: flex;
    margin-top: 40px;
}
.overview-sec ul {
    padding: 0 0 0 0;
    margin: 40px 0 0 0;
    list-style-type: none;
}


}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    

}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
    

 }