@media screen and (max-width: 1450px){
/* make logo smaller to take up less virticle space aon smaller monitors */
#mn{background:#ffffff; height: auto; }
.logotype{margin:10px 25px 0px 0;}
.logotype img {width:350px;}
#main-navigation .nav > li{ float:left; padding-right:20px;}
}


@media screen and (max-width: 1260px){
	.standard-page-width{ box-sizing:border-box; width:100%; margin:0px; padding: 0px 20px 0px 20px}
	#main-navigation .nav > li{ padding-right:10px;}

	
	/*#nav li {display: none;}
  #top_menu #nav  li.icon {
    float: left;
    display: inline-block;
  }
	
	#nav.responsive {position: relative;}
  #nav.responsive li.icon {
    position: absolute;
    left: 0;
    top: 0;
  }
  #nav.responsive li {
    float: none;
    display: inline;
  }
  #nav.responsive li a {
    display: block;
    text-align: left;
  }*/
}


@media screen and (max-width: 1100px){
	
	#top-bar{height:auto; padding:5px 20px}
	#top-bar .left{float:none;}
	#top-bar .right{float:none;}
	#top-bar .right .member-portal{display:none;}
	#main-navigation{display:none;}	
	.mobile-navigation .logo{display:none;}
	#top-bar {display:none;}
	#mn {text-align:center}
	
	.mobile-search-bar {margin:5px auto; width:201px;}
	
	.mobile-dimmer{
		left:75%;
		z-index:900;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		display: none;
		background-color:rgba(0,0,0,.45);
		cursor:pointer;
	}
	
	.mobile-navigation { 
		display:block; 
		position: absolute;
		margin-left: -100%;
		width: 75%;
		z-index:1001;
		overflow-x: hidden;
		overflow-y: auto;
		background-color:#939598;
		text-transform:uppercase; 
		-webkit-box-shadow: 10px 0px 23px 2px rgba(0,0,0,0.44);
		-moz-box-shadow: 10px 0px 23px 2px rgba(0,0,0,0.44);
		box-shadow: 10px 0px 23px 2px rgba(0,0,0,0.44);
	}
	.mobile-navigation.menu-open {
		position: fixed;
		margin-left: 0;
		top: 0;
		bottom: 0;
  }
	
	.mobile-body-wrapper.menu-open {
		left:75%;
		width: 100%;
		overflow: hidden;
		position: fixed;
		top: 0;
		bottom: 0;
		z-index:1000;
	}
	
	.mobile-navigation a {display:block; margin-right:20px; padding:17px 0; font-weight:400;}
	.mobile-navigation a:hover, .mobile-navigation a:Active{ text-decoration:underline;}
	.mobile-navigation li.expanded > a {border:none !important;}
	.mobile-navigation li:last-child > a {border:none !important;}
	
	.mobile-navigation ul { margin: 0 0 25px 0; padding:0;}
	.mobile-navigation li {list-style:none; margin:0; position:relative;}
	
	/*open close*/
	.mobile-navigation li > ul {display:none;}
	.mobile-navigation li.expanded > ul { display:block;}
	.mobile-navigation span.expand-icon {height:56px; position: absolute; top: 0; left: 0; display: block; cursor: pointer;}
	.mobile-navigation span.expand-icon span{overflow:hidden; position:relative; background:url("/images/icons/mobile-menu-expand.png"); display:block;}
	
	/*level 1*/
	.mobile-navigation > ul > li > a{margin-left:75px; font-weight:bold; letter-spacing:.15em; color:#fff; border-bottom:1px solid #fff;}
	.mobile-navigation > ul > li > span.expand-icon {width:75px; }
	.mobile-navigation > ul > li > span.expand-icon span{background-position: 0 0;width:41px; height:41px; left: 15px; top: 5px;}
	.mobile-navigation > ul > li.expanded > span.expand-icon span { background-position: 0px 41px;}
	
	/*level 2*/
	.mobile-navigation > ul > li > ul {display:none; background-color:#fff;}
	.mobile-navigation > ul > li > ul > li > a{margin-left:100px; color:#ec008c; border-bottom:1px solid #ec008c;}
	.mobile-navigation > ul > li > ul > li > span.expand-icon {width:75px;}
	.mobile-navigation > ul > li > ul > li > span.expand-icon span{background-position: 30px 0px; width:30px; height:30px; left: 60px; top: 12px;}
	.mobile-navigation > ul > li > ul > li.expanded > span.expand-icon span { background-position: 30px 30px;}
	
	/*level 3*/
	.mobile-navigation > ul > li > ul > li > ul {display:none; background-color:#ec008c;}
	.mobile-navigation > ul > li > ul > li > ul > li > a {margin-left:100px; color:#fff; border-bottom:1px solid #fff; padding:10px 0;}
	
	
	
	.mobile-navigation > li > ul > li{margin:0; list-style-type: none; border:none; border-top:1px solid #fff; font-size:85.714286%; /* 12/14 */ }
	
	
	
	.menu-icon {
		display:block;
		width:100%;
		text-align:left;
		background-color:#00b5d1; 
		text-transform:uppercase; 
	}
  .menu-icon a {
		display:inline-block;
		padding:15px;
		color:#fff;
	}
	
}

/*hide right side nav so that the content can take up the full screen width*/
@media screen and (max-width: 1000px){
	#content { width:100%;}
	#right{display:none;}
		#nav > li{ padding-right:0px;}
}
/*make the two footer naves stack on top*/
@media screen and (max-width: 750px){
	.footer-nav:last-Child{padding:0;}
	.footer-nav{display:block; width:100%;}
	.staff-bio{width:100%; padding:0;}

/*make each footer nave one collum*/
@media screen and (max-width: 450px){
	.footer-nav ul{ -webkit-column-count: 1;-moz-column-count: 1;column-count:1; }
		.conference-table{width:100%; font-size:9px; line-height: 1.5em;}
}	.conference-table td {margin:0px; padding-top:3px; padding-bottom: 3px;}
	.conference-table tr {padding-top:3px; padding-bottom: 3px;}
}