/* KMI Template Base: Version 5.0 */
@media screen and (max-width: 1020px) { 

	#header-nav {
		width:94%;
		padding:0 3%;
	}
	#topnav > ul > li:hover > ul {
		display:none;
	}	
	#logo2 {
		right:3%;
	}
	#home #center-wrapper {
		width:100%;
		float:none;
	}	
	#content-container {
    width: 94%;
    padding: 30px 3% 20px 3%;
	}
	#subnav-wrapper {
		padding-right: 10px;
	}
	#subnav {
		padding: 0;
	}
	#center-wrapper {
    width: calc(100% - 240px);
	}
	#center {
		min-height:0;
	}		
	#congress #content-boxes > div {
		width:calc(33.33% - 70px);
	}
	#footer-address, #footernav-wrapper {
		width:94%;
		padding:0 3%;
		height: auto;
	}
	#congress #subnav-wrapper {
		display: block;
	}
	#congress #center-wrapper {
    width: calc(100% - 240px);
	}
	#page-slider .ce-bodytext {
		max-width: 60%;
	}
	#logo {
		margin-left: 3%;
	}
}	

@media screen and (max-width: 1000px) {
	#topnav {
		font-size: 0.9em;
	}
	#topnav a {
		padding: 0 8px 0 8px;
	}
}

@media screen and (max-width: 980px) { 
	#congress #content-boxes {
		display: block;
	}
	#congress #content-boxes > div {
		width: calc(100% - 60px);
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 900px) { 
	#home #content-boxes > div {
		width: 30%;
	}
	#home .news-list-view > div {
		width: 30%;
		margin-bottom:2em;
	}
	#topnav {
		font-size: 0.85em;
	}	
	#footer-address > div {
		width:33.3%;
		margin: 0;
	}
	#footer-address > div:first-child {
		float:none;
		width:100%;
		margin-bottom:2em;
	}
	.news-single .article .news-img-wrap {
		width: 40%;
	}
	.news-single .article .news-img-wrap img {
		width: 100%;
	}
}

@media screen and (max-width: 850px) { 
	#topnav {
		font-size: 0.8em;
	}
	#topnav a {
		padding: 0 6px 0 6px;
	}
}

@media screen and (max-width: 800px) { 
	#page-slider .ce-bodytext p:first-child {
		font-size: 2em;
		line-height: 1.2em;
	}
}

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

	body {
		min-width: 320px;
	}
	
	#header-nav-wrapper,
	#socialnav,
	#topnav-wrapper,
	#subnav-wrapper,
	#congress #subnav-wrapper {
		display: none;
	}
	
	/* Mobile Navigation */
	#mnav-wrapper > div {
		border-bottom: 1px dashed #05305d;
		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%;
		color:#05305d;
	}
	#mnav-wrapper a:hover,
	#mnav-wrapper a.current {
		background: #05305d;
		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%;
	}
	
	#mnav-wrapper #mnav-social li {
		width:33%;
		padding:0;
		text-align:center;
	}
	#mnav-wrapper #mnav-social li a {
		font-size:0;
		display:inline-block;
		padding:0;
	}
	
	/* Mobile Navigation Button */
	#mnavbtn {
		display: block;
		height: 46px;
		color: #000;
		cursor: pointer;
		background-color: #05305d;
	}
	#mnavbtn img {
		float: left;
	}
	#mnavbtn .mnavbtn-text {
		float: left;
		line-height: 46px;
		margin-left: 0.5em;
		color:#fff;
	}
	#header-wrapper {
		height: 166px;
	}
	#home #content-boxes,
	#congress #content-boxes {
		display:block;
	}
	#home #content-boxes > div,
	#home .news-list-view > div {
    width: 100%;
	}
	#congress #center-wrapper {
		width: 100%;
	}
	#congress #content-boxes > div {
		width:calc(100% - 60px);
		margin-bottom:1em;
	}
	#center-wrapper {
		width: 100%;
	}
	#home .news-list-view > div {
		margin-bottom:1em;
	}
	
	.text-button {
		height:auto;
		width:100%;
		line-height: 1.5em;
		padding:0;
		text-align:center;
		padding:20px 0;
	}
	
	.text-button p:first-child,
	.text-button p:last-child {
		float:none;
	}
	
	.text-button p:first-child {
		margin-bottom: 22px;
	}

	a[href^=tel] {
		color: inherit;
		text-decoration: underline;
	}
	
	.powermail_field .checkbox,
	.powermail_field .radio {
		float:none;
		width:100%;
	}
	
	.tx-powermail,
	.powermail_submit {
		width:100%;
	}	
}

@media screen and (max-width: 740px) { 
	#header {
		height: 160px;
	}
	#header-wrapper {
		height: 206px;
	}
	#logo {
		margin-top: 85px;
		margin-right: 3%;
	}
	#logo img {
		width: 100%;
		height: auto;
	}
	#logo2 {
    top: 15px;
	}
}

@media screen and (max-width: 700px) { 
	
	#home .news-list-view > div {
			margin-bottom:2em;
	}
}

@media screen and (max-width: 500px) { 
	.news .news-list-view {
		display: block;
	}
	.news-list-view > div {
		width: 100%;
	}
	#page-slider .ce-bodytext {
		max-width: 74%;
		right: 13%;
	}
	#page-slider .ce-bodytext p:first-child {
		font-size: 1.7em;
	}
	#footer-address > div {
		width:100%;
		margin: 0;
	}
}

@media screen and (max-width:550px) { 
	#content-container {
	  padding: 20px 3% 20px 3%;
	}	


@media screen and (max-width:450px) { 
	th, td {
		display: block;
		padding: 0px 18px 0px 8px;
		margin: 10px 0;
	}
	th:last-child,
	td:last-child {
		padding: 0px 18px 0px 8px;
	}
}

@media screen and (max-width: 380px) { 
	#header {
		height: 145px;
	}
	#header-wrapper {
		height: 191px;
	}
}


