/* CSS Document */

@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

@media all and (max-width: 1280px) {
	.headerBody {
		background:none;
		height:92px;
		display:table;
		width:100%;
	}
	
	.headerLeft {
		display:table-cell;
		width:30px;
		background: url(../images/bg-header-narrow.png) repeat-x right top #442050;
	}
	
	.headerCenter {
		display: table-cell;
		padding: 0;
	}
	
	.headerCenterContainer {
		background:url(../images/bg-header-narrow.png) repeat-x left top;
		margin-left:150px;
	}
	
	.logo {
		position: relative;
		left:auto;
		margin:auto;
		background: url(../images/Moxxie-Network.png) no-repeat left top;
		float:left;
	}
	
	.navContainer {
		right: 0;
		width: auto;
	}

	nav.main {
		margin-left:0;
	}

	.mainNav {
		padding-right: 50px;
	}
	
	ul.Nav-Main .subLevel ul {
		width: auto;
	}
	
	
}

@media all and (max-width: 1170px) {

}

@media all and (max-width: 1080px) {
	.mainNav {
		padding-left: 25px;
		padding-right: 25px;
	}
	
	ul.Nav-Main > li {
		margin-right: 25px;
	}
	
	ul.Nav-Main .subLevel li {
		width:50%;
	}

	.eventListHome .BIGideasEvents-ListItem {
		max-width: 400px;
	}
}

@media all and (max-width: 1024px) {
	#PageContent .ContentPane {
		padding: 0 5px;
	}
	
	#PageContent .LeftPane, #PageContent .RightPane {
		width:225px;
	}
	
	#mdMemberList > li > div {
		height:150px
	}
	
	#mdMemberList .mdMemberDetails .mdMemberImg {
		min-width: 50px;
		margin-bottom: 50px;
	}
	
	#mdMemberList .mdMemberDetails .mdMemberImg span {
		max-height: 50px;
		width: 50px;
	}
	
	#mdMemberList .mdMemberDetails .mdMemberImg img {
		min-width: 50px;
	}
}

@media all and (max-width: 992px) {

}

@media all and (max-width: 1024px) {
	.mainNav {
		display:none;
	}
	
	.MobileMenu {
		display:block;
	}
	
	.btnMobileMenu {
		display: block;
	}
	
	.navContainer {
		background:url(../images/bg-nav.png) no-repeat left top;
		padding:0 30px;
	}
}

@media all and (max-width: 800px) {
	/*.mainNav {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	ul.Nav-Main .subLevel ul {
	    margin: 0 20px;
	}*/
	
	.eventListHome .BIGideasEvents-ListItem {
		width: 400px;
		display:block;
		margin:0 auto;
	}
}

@media all and (max-width: 768px) {
	/*.mainNav {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	ul.Nav-Main > li {
		margin-right: 30px;
	}*/

	.loginContainer .bigideasUserForm {
		display:none;
	}
	
	.searchLink {
		padding-top: 10px;
	}
	
	.mobileLoginContainer {
		display:inline;
	}
	
	.mobileLoginContainer .loginGroup, .mobileLoginContainer .registerGroup {
		margin: 10px 0 0;
	}
	
	#PageContent .PageContentContainer {
		display: block;
		position: relative;
		width: 100%;
		z-index: 2;
	}
	
	#PageContent .ContentPane, #PageContent .ColumnSpacer, #PageContent .RightPaneContainer {
		display: inline-block;
		position: relative;
		vertical-align: top;
		width:100%;
	}
	
	.aboutTheX {
		display:none;
	}
	
	#PageContent .ColumnSpacer {
		height:30px;
		width:100%;
	}
		
	#PageContent .RightPane {
		display: block;
		height: 100%;
		padding: 0 15px;
		width: 100%;
	}
	
	#PageContent .RightPane .sponsor {
		float:left;
		width:50%;
		padding:0;
	}
	
	#PageContent .RightPane .sponsor img {
		padding:10px;
	}
	
}

@media all and (max-width: 700px) {

}

@media all and (max-width: 640px) {
	#PageBody {
		top:0;
	}
	
	.topLinks {
		display:none;
	}
	
	.searchLink {
		display: inline-block;
	}
	
	.loginContainer {
		margin-right:0;
	}
	
	.loginContainer .bigideasLoginForm {
		display:none;
	}
	
	.LeftPaneNonResponsive {
		display:none;
	}
	
	/*.mainNav {
		display:none;
	}
	
	.MobileMenu {
		display:block;
	}
	
	.btnMobileMenu {
		display: block;
	}
	
	.navContainer {
		background:url(../images/bg-nav.png) no-repeat left top;
		padding:0 30px;
	}*/
	
	.headerCenterContainer {
		position: relative;
	}
}


@media all and (max-width:568px) {
	.mobileLoginContainer .registerGroup {
		display:none;
	}

	.PageContentSummary, .PageContentSummary p {
		font-size: 20px;
		line-height: 24px;
	}
	
	.PageHeaderAndBackground {
		min-height: 200px;
	}
		
	.PageContentHeader h1 {
		font-size: 28px;
		line-height: 32px;
	}
	
	.PageContentSummary {
		font-size: 22px;
		line-height: 26px;
	}
	
	.ContentBox {
		padding: 30px 0 0;
	}
	
	.SidebarSectionHeader {
		margin: -30px -15px 30px;
	}
	
	.ContentPane .NoTitleContainer, .ContentPane .StandardContainer {
		padding-left:0 !important;
		padding-right:0 !important;
	}
	
	#mdMemberList > li {
		width:100%;
	}
	
	#mdMemberList > li > div {
		height:125px;
	}
	
	#mdMemberList .mdMemberDetails .mdMemberImg {
		min-width: 90px;
		margin-bottom: 50px;
	}
	
	#mdMemberList .mdMemberDetails .mdMemberImg span {
		max-height: 90px;
		width: 90px;
	}
	
	#mdMemberList .mdMemberDetails .mdMemberImg img {
		min-width: 90px;
	}
	
	.eventListCalendar .BIGideasEvents-ListItem {
		float: none;
		margin-bottom: 30px;
		width: auto;
	}
}

@media all and (max-width:480px) {
	.eventListHome .BIGideasEvents-ListItem {
		width: 100%;
	}
	
	#PageContent .RightPane .sponsor {
		float:none;
		width:auto;
		padding:inherit;
	}
	
	#PageContent .RightPane .sponsor img {
		padding:inherit;
	}
	
	.loginContent {
		text-align: center;
	}
	
	.LoginPanel {
		display: inline-block;
		float: none;
		margin: 0 auto;
		padding: 0;
		width: auto;
	}
	
	.dnnLoginService .dnnLabel {
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		text-align: left;
		width: auto;
	}
	
	.dnnLoginService .dnnFormItem {
		text-align:center;
		margin-bottom:10px;
	}
	
	.dnnFormItem > label.dnnFormLabel {
		width: auto;
		margin:0;
	}
	
	.dnnLoginService .dnnPrimaryAction,
	.dnnLoginService .dnnSecondaryAction {
		padding: 5px 10px;
	}
}

@media all and (max-width:380px) {
	.btnMobileMenu .faLabel {
		display:none;
	}
}

@media all and (max-width:480px) {
	
}

@media all and (max-width:360px) {
	#mdMemberList > li > div {
		height:175px
	}
}


/*  Bootstrap Clearfix */

/*  Tablet  */
@media (min-width:767px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: none;
  }
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: left;
  }
}


/*  Medium Desktop  */
@media (min-width:992px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: left;
  }
}


/*  Large Desktop  */
@media (min-width:1200px){

  /* Column clear fix */
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1){
    clear: left;
  }
}