/* KMI Template Base: Version 7.0 */

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

	#kmi-logo {
		display: none;
	}
	
}

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

	.inner-wrapper {
		width: 96%;
		padding: 0 2%;
		max-width: 960px;
		margin: 0 auto;
	}
	
	#header{
		height:auto;
	}
	
	#header-image{
		height:auto;
		background:none;
		border-bottom:none;
	}
	
	#header-image .inner-wrapper {
		width:100%;
		height:auto;
		padding:0;
		display:grid;
	}
	
	#header-image img{
		width:100%;
		height:auto;
	}
	
	#center-wrapper {
		width: calc(98% - 240px);
		padding-right: 2%;
		max-width: 1000px;
	}
	
	#footer-address {
		float: left;
		margin-left: 100px;
	}
	
	#metanav ul{
		margin-left:100px;
	}

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

	body {
		min-width: 320px;
	}

	#metanav,
	#topnav,
	#subnav-wrapper,
	#shortcutnav{
		display: none;
	}
	
	span.sub-icon {
		position: absolute;
		right: 10px;
		margin-top: -28px;
		width:9px;
		height:15px;
		display:block !important;
		cursor:pointer;
		padding: 0 4%;
	}
	
	span.sub-icon.sub-open{
		margin-right:6px;
		margin-top:-28px;
	}
	
	
	#page {
		width: 96%;
		padding: 0 2%;
	}
	
	a[href^=tel]{
    color:inherit;
    text-decoration:underline;
	}
	
	#mnavbtn {
		display: block;
		float:right;
		margin-top: 11px;
	}
	
	#mnavbtn img {
		padding: 10px;
		float:right;
	}
	
	span.mnavtbn-text.respnav {
		margin-top: 24px;
		float: left;
		display: block;
	}

    /* Mobile Navigation */
	#mnav-wrapper > div {
		border-bottom: 1px dashed #000;
		margin-top: 1.5em;
		padding-bottom: 1.5em;
	}
	#mnav-wrapper a {
		display: block;
		font-size: 1.2em;
		text-decoration: none;
		line-height: 46px;
		padding-left: 2%;
	}
	#mnav-wrapper a:hover {
		color: #0c5297;
	}
	#mnav-wrapper a.current {
		background: #0c5297;
		color: #fff;
	}
	#mnav-wrapper .arrow{
		position: absolute;
		display: block;
		right: 0;
		height: 46px;
		width: 46px;
		margin-top: -46px;
		background: url('../img/mnav-arrow.png') no-repeat center center;
		cursor: pointer;
	}
	#mnav-wrapper li.active .arrow,
	#mnav-wrapper li.open .arrow{ 
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg)
	}
	#mnav-wrapper ul ul {
		padding-bottom: 0.5em;
		display: none;
	}
	#mnav-wrapper li.active ul {
		display: block;
	}
	#mnav-wrapper > div > ul > li.last ul {
		padding-bottom: 0;
	}
	#mnav-wrapper li li a {
		padding-left: 6%;
	}
	
	/* Mobile Navigation Button */
	#mnavbtn {
		display: block;
		height: 46px;
		color: #000;
		cursor: pointer;
		margin: 0.5em 0;
        position: fixed;
        top: 0;
        right: 0;
	}
	#mnavbtn img {
		float: left;
	}
	#mnavbtn .mnavbtn-text {
		float: left;
		line-height: 46px;
		margin-left: 0.5em;
	}
	
	#center-wrapper,
	#sidebar-wrapper {
		float: none;
		margin: 20px 0 0 0;
		max-width: 100%;
		width: 100%;
	}
	
	#center {
		min-height: 0;
	}
	
	#sidebar {
		width: 100%;
		padding: 0;
	}
	
	#footer-address{
		width:calc(100% - 110px);
	}
	
	#footer > .inner-wrapper{
		height:auto;
	}
	
}

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

	body {
		min-width: 320px;
	}
	
	#metanav,
	#topnav,
	#subnav-wrapper {
		display: none;
	}
	
	#content-container{
		padding: 0 0 183px 0;
	}
	
	.csc-textpic-image img{
		width:100%;
		height:auto;
	}

	#footer-address {
		width: 96%;
		padding: 0 2%;
	}
	
	#footer-address {
		width: 96%;
		padding: 0 2%;
		margin-left:0;
	}
	
	#footer-address p:before {
		position: static;
		margin-left: 0;
		float: left;
		width: 100%;
	}
	
}