/* =Responsive Styles
------------------------------------------ */
@media screen and (min-width: 704px) and (max-width: 995px) {
	.mobi {
		display: inherit;
		width: 300px;
		float: left;
		margin: 0 20px 20px 0;
	}
	.responsive {
		display:block;
	}

	.desktop {
		display:none;
	}

	div#primary {
		min-width:0;
		width:644px;
		padding:10px 30px;
	}

	#primary {
		width:644px;
	}

	.archive .ssconf-important-dates .date-info {
		width:80%;
	}


	/* Header Left ---------------------- */

	#header-box {
		width:644px;
		height:125px;
	}

	#header-box h1 {
		top:auto;
		margin-top:40px;
		float:left;
	}

	#header-box h1 img {
		width:430px;
	}


	/* Header Right ---------------------- */

	#secondary-header-box {
		width:180px;
		height:100px;
		position:static;
		float:right;
		margin-top:36px;
	}

	#secondary-nav-box {
		display:none;
	}

	#search-box h2 {
		margin:0 0 6px;
		padding:0;
	}

	#search-box form,
	#search-box select,
	#search-box input[type="text"],
	#search-box input[type="submit"] {
		position:static;
	}

	#search-box select {
		display:block;
		margin-bottom:6px;
	}

	#search-box input[type="text"] {
		width:135px;
		float:left;
	}

	#search-box input[type="submit"] {
		float:left;
	}


	/* Navigation ---------------------- */

	#navigation {
		margin-top:15px;
	}

	#navigation-inner {
		width:694px;
	}

	.nav li a {
		padding:5px 25px;
	}

	.nav li .sub-menu {
		width:694px;
	}

	.nav li .sub-menu .widget {
		width:205px !important;
		padding:0 10px 10px !important;
		border-left:0 !important;
	}

	.nav li:first-child .sub-menu #nav_menu-4 {
		float:right;
		height:73px;
		margin-top:-80px;
		min-height:0;
		width:205px;
		margin-right:20px;
	}


	/* Announcements ---------------------- */

	#primary #content {
		width: 100%
	}

	#slide-blocks div {
		float:left;
		width:154px;
		margin-left:8px;
	}

	#slide-blocks h2 + div {
		margin-left:0;
	}

	#slide-blocks img {
		width:140px;
		height:121px;
	}

	#slide-blocks h4 {
		line-height:18px;
		margin-top:5px;
		font-size:13px;
	}

	#slide-blocks h4 a {
		color:#033740;
		text-decoration:none;
	}

	#slide-blocks .clear {
		clear:both;
		width:0;
		height:0;
	}


	/* Content ---------------------- */

	#homepage-bottom .dap-single {
		width:199px;
	}


	/* Sidebar ---------------------- */

	div#sidebar {
		width:644px;
		margin-top:30px;
		border:0;
	}

	#sidebar .widget {
		float:left;
		width:300px;
		margin-right:20px;
		border-bottom:0;
	}

	#google_translate_element {
		float:none !important;
		clear:both;
		padding-top:14px;
	}


	/* Footer ---------------------- */

	#footerwidgetbox #footerwidgets {
		max-width: 644px;
		margin: 0 auto;
	}
	#footerwidgetbox #footerwidgets .widget {
		width: 250px;
	}
	#footerwidgetbox #footerwidgets .widget:nth-child(odd) {
		margin-right: 40px;
		margin-left: 0px;
	}
	#footerwidgetbox #footerwidgets .widget:nth-child(even) {
		float:left;
		margin-right: 14px;
		margin-left: 40px;
	}
	#footer-box {
		height: 420px;
	}
	#footer-right {
		background:none;
	}

	#footer {
		width:660px;
	/*	margin:-142px auto 0;*/
		margin: 0 auto;
	}

	#inner-footer {
		width:auto;
	}

	#inner-footer div {
		float:none;
		display:block;
		clear:both;
	}
	/* community */
	/*div.bpnavborderon {
		border-bottom: none !important;
	}*/

}

@media screen and (max-width: 704px) {
	.mobi {
		display: inherit;
		width: 300px;
		float: left;
		margin: 0 15px 20px 0;
	}
	.responsive,
	.under-460 {
		display:block;
		/*width:385px;*/
		/* width: 350px; */
		width: 100%;
		max-width: 360px;
		margin:0 auto;
		position:relative;
	}

	.desktop,
	.over-460 {
		display:none;
	}

	#navigation-inner {
		width:100%;
	}

	div#primary {
		min-width:0;
		width:335px;
		padding:10px;
	}

	#primary {
		width:335px;
		float:none;
	}

	#primary label {
		margin-left:0;
	}

	#primary .range-container label {
		float:none;
	}

	#primary .keyword-container input {
		width:160px;
	}

	#primary select {
		clear:both;
	}

	.submit-container {
		text-align:left !important;
		clear:both;
	}

	#sthoverbuttons {
		display:none;
	}

	.archive .ssconf-important-dates .date-info {
		width:80%;
	}

	textarea#comment {
		width:60%;
	}


	/* Header ---------------------- */

	#header-box {
		width:335px;
		height:90px;
	}

	#header-box h1 {
		top:auto;
		margin-top:25px;
		width:335px;
	}

	#header-box h1 img {
		width:95%;
	}

	#secondary-header-box {
		display:none;
	}


	/* Navigation ---------------------- */

	.nav li .sub-menu {
		width:379px;
		max-height:none;
		padding:0;
	}

	.nav li .sub-menu,
	.nav li .sub-menu .widget {
		min-height:0;
	}

	.nav li .sub-menu .widget form {
		margin:17px 0;
	}

	.nav li a {
		padding:5px 26px;
	}

	div.bpnavcontainer {
		margin: 0;
		padding: 0;
	}
	div.bpnavcontainer ul.bptopnav li {
		padding: 0 0 1px 0;
		display:block;
		width: 100%;
	}
	div.bpnavcontainer ul.bptopnav li a {
		display:block;
		margin: 0;
	}

	/* Announcements ---------------------- */

	#primary #content {
		width: 100%
	}

	#slide-blocks div {
		float:left;
		width:154px;
		height:190px;
		margin-left:0px;
	}

	#slide-blocks img {
		width:140px;
		height:121px;
	}

	#slide-blocks h4 {
		line-height:18px;
		margin-top:5px;
		font-size:13px;
	}

	#slide-blocks h4 a {
		color:#033740;
		text-decoration:none;
	}

	#slide-blocks .clear {
		clear:both;
		width:0;
		height:0;
	}


	/* Content ---------------------- */

	#homepage-right-column {
		display:none;
	}

	#homepage-bottom .dap-single {
		width:142px;
		margin-left:0;
		margin-right:18px;
	}

	div.dir-search {
		display:block;
		float: left;
		margin: 0 0 20px 0;
	}

	div.dir-search input[type=text] {
		font-size:12px;
		padding:1px 3px;
	}

	div.item-list-tabs {
		margin: 0px 0 20px;
		display:block;
	}

	/*#content div.item-list-tabs ul li:first-child a {
		padding-left: 0;
		display: none;
	}*/


	/* Sidebar ---------------------- */

	div#sidebar {
		border:0;
		float:none;
		border-top:0px dotted #b4b9bc;
		margin-top:15px;
		padding-top:26px;
	}

	/* BuddyPress --------------------*/
	div#item-header-avatar, .item-avatar {
		display: none;
	}

	
	div#content div#inner-content div#item-header div#item-header-content, .item {
    margin-left: 0px;
	}
	div#content div#inner-content div#item-body div.groups ul#groups-list.item-list li div.item div.item-desc {
		margin-left: 0;
	}

	/* Footer ---------------------- */

	#footerwidgetbox #footerwidgets {
		max-width: 500px;
		margin: 0 auto;
	}
	#footerwidgetbox #footerwidgets .widget {
		float: none;
		width: 300px;
		padding: 10px 0 10px 0;
		margin-bottom: 10px;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	#footer-right {
		background:none;
	}

	#footer-left {
		width:100%;
	}

	#footer-box {
		height:470px;
	}

	#footer {
		width:auto;
		padding:15px 30px;
	/*	margin-top:-130px;*/
		margin: 0 auto;
	}

	.menu-footer-links-container,
	#copyright,
	#footer div {
		float:none;
		width:auto;
	}

	#copyright {
		clear:both;
		margin-top:8px;
	}
	/* Community */
	.community-border h2 {
		float:none;
	}
	
	
	.communityactivity-viewalllink {
		display:block;
		float: none !important;
		clear: all;
	}
	.dannounce-viewalllink {
		display:block;
		float: none !important;
		clear: all;
	}
	div.bpnavborderon {
		border-bottom: none !important;
	}
	div#subnav.item-list-tabs ul li:first-child, div.item-list-tabs ul li:first-child {
		margin-left: 0;
	}
}
@media screen and (max-width: 720px) {
	#main {overflow: hidden; }
}
@media screen and (max-width: 404px) {
	#footer-box {
		height:500px;
	}
	}