#menu-toggle{
	position: fixed;
	top: 15px;
	right: 15px;
	z-index: 999;
	display: none;
	background-color: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	padding: 15px 15px;
	border-radius: 0;
	-webkit-transition: right 0.2s linear;
	-moz-transition: right 0.2s linear;
	-o-transition: right 0.2s linear;
	transition: right 0.2s linear;
}

body.expanded #menu-toggle{
	background-color: rgb(0, 0, 0);
}

#menu-toggle:hover{
	background-color: rgb(56, 78, 89);
}

#menu-toggle img{
	width: 20px;
}

a#brand-horizontal {
    display: none;
    position: relative;
    top: 0px;
}

a#brand-horizontal img{
	width: 85%;
	max-width: 320px !important;
}


@media (max-width: 977px) {
	body{
		background-color: #FFF;
		padding: 0 15px;
		background: none;
	}


	table tbody tr td, table tbody tr, table tbody{
		width: auto;
	}

	.cs_GridRow #column-left > table tr, .cs_GridRow #column-left > table td{
		display: inline-block;
		padding: 0 !important;
	}


	img{
		max-width: 100% !important;
		height: auto !important;
	}

	.constprojheading td img{
		width: auto !important;
		max-width: none !important;
	}

	ul.breadcrumbs {
	    padding: 20px 15px;
	    background-color: #ececec;
	    border-radius: 0;
	    line-height: 0;
	}

	ul.breadcrumbs li {
		float: none;
		display: inline-block; 
		line-height: 1.3em; 
		white-space: normal;
	}

	#menu-toggle{
		display: block !important;
	}

	#menu-toggle .menu-toggle-close, body.expanded #menu-toggle .menu-toggle-open{
		display: none;
	}

	body.expanded #menu-toggle .menu-toggle-close{
		display: block;
	}

	#wrapper{
		padding: 0;
		margin: 0;
		background: #FFF;
		width: 100%;
	}

	#wrapper a#brand{
		left: 0;
	}

	.home #primary, #content #primary, .home #secondary{
		float: none;
		left: 0;
		width: 100%;
		margin-left: 0;
		padding: 0;
	}

	.block-gtranslate-so-header {
		margin-left: 0 !important;
	}

	a#brand {
	    display: none;
	}

	a#brand-horizontal {
	    display: inline-block !important;
	    background-color: #FFF;
	    padding: 5px 15px 0px 0;
	    min-height: 165px;
	}

	#nav #nav-global {
		position: relative;
	    left: 0px;
	    width: 100%;
	    padding-left: 0;
	    height: auto;
	    background: #A39C86;
	    padding: 0;
	    border-bottom: 5px solid #FFF;
	}

	#nav-global a, #nav-global li {
	    display: block;
	    float: none;
	    height: auto;
	    width: auto;
	}

	#nav-global li {
		margin-left: 15px;
	}

	#nav-global li:first-child {
		margin-top: 15px;
	}

	#nav-global li:last-child {
		margin-bottom: 15px;
	}

	#nav-global .block-gtranslate{
		margin-left: 0;
	}

	#nav-global a{
		background: none;
		text-indent: 0;
		color: #FFF;
		text-transform: uppercase;
		font-size: 1em;
	}

	#navitem-home a {
		width: auto;
	}

	#alertbox {
	    width: auto !important;
	}

	#department-widget #dropdown {
	    left: 0;
	    width: 100%;
	}

	#department-widget span {
		margin-left: 15px;
	}

	#nav {
	    padding-bottom: 13em;
	    position: fixed;
	    top: 0;
	    left: 100%;
	    width: 100%;
	    height: 100%;
	    z-index: 9;
	    -webkit-transition: left 0.3s linear;
	    -moz-transition: left 0.3s linear;
	    -o-transition: left 0.3s linear;
	    transition: left 0.3s linear;
	    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.65);
	}


	body.expanded #nav{
		left: 0;
		width: 100%;
		visibility: visible;
		background-color: #4a494e;
		margin-top: 0;
		overflow-y: auto;
	}

	#nav #nav-departments{
		width: 100%;
		background: #dbd6c7;
		padding: 0;
		height: auto;
		margin: 10px 0;
	}

	#nav ul.accordion a {
	    background: #4e6f7e;
	}

	#nav #nav-contents{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		display: block;
		overflow: auto;
	}

	#nav #nav-services h3{
		background-color: #a39c86;
		width: 100%;
	}

	#nav #nav-services ul{
		padding-left: 15px;
    	margin: 15px 0;
	}

	.landing #nav {
	    padding-bottom: 0;
	}

	#header{
		height: auto;
		padding-top: 0;
		background: #FFF !important;
	}

	#header-content-badge, #imgHeader{
		display: none;
	}

	#header-content-leftNoBadge, #header-content-right, #header-content-left{
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-origin: content-box !important;
		background-position: center center !important;
		height: 106px;
	}

	#header-content-leftNoBadge, #header-content-left {
		left: 0;
		width: 70%;
	}

	#header-content-right{
		left: 70%;
		width: 30%;
	}

	#header-content-leftNoBadge, #header-content-right {
		display: none;
	}

	#search{
		left: 0;
		width: 100%;
		top: 85px;
		padding-top: 15px;
		float: none !important;
		background: #febd2a;
	}


	table.gsc-search-box td.gsc-search-button {
	    display: inline-block;
	    position: relative;
	}

	table.gsc-search-box td.gsc-input {
		width: 100%;
	}

	#nav div.contact{
	    position: relative;
	    bottom: 0;
	}




	#content {
		padding: 0;
		float: none;
		width: 100%;
		margin-top: 0;
	}

	#content table{
		width: 100%;
		display: block;
		height: auto;
	}

	#content .rowcoloroff, #content .rowcoloron{
		width: 100% !important;
		padding: 2px 0 !important;
		margin-left: 0 !important;
	}

	#column-left{
		float: none !important;
		width: 100% !important;
	}

	#column-left td img, #secondary td > img{
		width: 100%;
	}

	#column-left td a, #secondary td a{
		display: block;
		text-align: left;
		margin-left: 0 !important;
	}

	#column-left td a:first-child, #secondary td a:first-child{
		margin-top: 30px;
	}

	.box1{
		height: auto !important;
	}

	.box1 .calloutmore2{
		bottom: 0;
		top: inherit !important;
	}

	#column-left div.box1 a, #secondary div.box1 a{
		margin-top: 0px;
	}

	.interior.three-column #secondary {
	    float: none;
	    margin-left: 0;
	    margin-top: 20px;
	    width: 100%;
	}

	.calloutmore2 {
	    background-color: #FFF !important;
	    position: absolute !important;
	    left: 0 !important;
	    margin: 0 !important;
	    padding: 0 !important;
	    width: 100% !important;
	    text-align: center !important;
	    bottom: 0 !important;
	}

	.calloutmore2 a{
		text-align: center !important;
	}

	#column-left > table{
		display: block;
		width: 100%;
	}

	#audiences {
	    margin: 0;
	    overflow: hidden;
	    padding: 0;
	    width: 100%;
	    float: none;
	}

	#audiences li {
		float: none;
		display: inline-block;
		width: 49%
		margin-right: 0px;
	}

	#largecallout{
		height: auto !important;
	}

	#largecalloutreadme {
	    width: auto !important;
	    height: auto !important;
	    top: 0 !important;
	    left: 0 !important;
	    display: block !important;
	    margin-bottom: 10px !important;
	}

	#footer{
		background: none;
		clear: both;
		margin: 0;
		padding: 0;
		margin-left: -15px;
		margin-right: -15px;
		margin-top: 50px;
	}

	#footer .meta{
		background: #fbbd2a;
	}

	#footer .vcard, #footer #nav-utility {
		width: 100%;
		float: none;
	}

	#footer td{
		display: block;
		text-align: left;
	}

	#footer .block-gtranslate {
	    margin-top: 0;
	    margin-left: 0;
	}

	.ui-dialog{
		width: 90% !important;
		display: block;
		positon: fixed;
		left: 5% !important;
	}

	.ui-dialog .ui-dialog-content{
		height: auto !important;
	}

	iframe#twitter-widget-0{
		width: 100% !important;
	}

	div #inmatelist {
		float: none !important;
	}

	div #inmatelist .inmates li{
		width: 100%;
		display: block;
		overflow-x: scroll;
	}

	div #inmatelist .inmates li table{
		width: auto;
		display: table;
	}

}