.mobile, #overlay {display: none;}
@media (max-width: 966px) {
      nav#mobile-nav {}
      #wrapper, body {min-height: 100%;display:block;}
      html,body {height: 100%;-webkit-overflow-scrolling:touch;}
    .pdfViewer.notes #note-taking {
      width: 100%;
      min-width: 100%;
      max-width: 100%;
      padding: 0 .5em;
      background: #fff;
    }
    .pdfViewer.notes #note-taking iframe {
      padding: 0;
    }
    #reg_captchaimg, #reset_captchaimg {
      min-width: 150px;
      height: auto;
    }
    .body-open-dialog #main, .body-open-dialog #wrapper {
      padding: 0;
      margin: 0;
    }
    .body-open-dialog #not-sidebar, .body-open-dialog #footer, .body-open-dialog #mobile-nav.mobile {
      display:none;
    }
    span.mobile-menu-close {
      background-image: url(../images/x-close.png);
      background-repeat: no-repeat;
      background-position: 50% 50%;
    }
    span.mobile-menu-close {
      position: absolute;
      top: 0;
      right: 0;
      background-color: #aaa;
      height: 100%;
      width: 43px;
      text-indent: -9999px;
      display: block;
      border-left: 1px solid #fff;
    }
    .body-open-dialog div#sidebar {
      width: 60%;
      background: #eee;
      font-size: 1.5em;
      left: 50%!important;
      margin-left: -30%;
    }
    .body-open-dialog div#sidebar>div {
      margin: 0;
      border-width: 0 1px 1px;
    }
    .body-open-dialog div#sidebar>div.tabGroup .ui-tabs-panel {
      border-width: 0;
    }
    .body-open-dialog div#sidebar .mobile>h3 {
      position: relative;
      overflow: hidden;
      padding-right: 60px;
    }
    #mobile-nav.mobile {
      display: block;
      position: absolute;
      width: 100%;
    }
    #mobile-nav.mobile {
      display: block;
      position: fixed;
      width: 100%;
      top:0!important;
    }
    div#wrapper {
      margin-top: 44px;
    }
    #wrapper .banner,div#banner,div#nav,div#sidebar {
      display: none;
    }
    #wrapper .dinner {
      width: 100%;
      padding: 0 1%;
    }
    div#not-sidebar {
      width: 100%;
    }
    .body-open-dialog div#sidebar, .body-open-dialog div#sidebar .mobile {
      display: block;
      z-index: 89999991!important;
    }
    nav#mobile-nav {
      background: #ccc;
        border-bottom: 1px solid #bbb;
    }
    a#mobile-nav-menu {
      display: -webkit-flex;
      display: flex;
      justify-content: flex-end;
      text-decoration: none;
      float: right;
    }
    a#mobile-nav-menu>span:first-child {
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      transform: rotate(-90deg);
      font-size: 15px;
      font-weight: 600;
      color: rgba(25,25,25,.5);
      padding: 1px;
      margin-right: -25px;
    }
    span.markup-lines {
      display: -webkit-flex;
      display: flex;
      width: 53px;
      -webkit-justify-content:space-between;
      justify-content:space-between;
      -webkit-flex-direction: column;
      flex-direction: column;
      padding: 10px 14px;
      height: 44px;
      background: rgba(255,255,255,.4);
    }
    span.markup-lines span {
      display: block;
      height: 4px;
      background: #666;
      border-radius: 2px;
      box-shadow: 1px 1px 0 #FFF,1px 1px 0 #333 inset;
    }
     /*search facet*/
    .filterMenu {
      padding-bottom: 1em;
    }
    div#search-result-form #content,#searchFacetContainer {
      width: 100%;
      -webkit-flex: 1 1 100%;
      flex: 1 1 100%;
    }
     div#search-result-form {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
    } 
    div#searchFacetContainer {
      margin-bottom: 1em;
    }
    #search-result-form #searchFacetContainer #search-sidebar>div.filterMenu.openFacet {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0;
    }
    #search-result-form #searchFacetContainer #search-sidebar>div.filterMenu.openFacet>a {
      width:100%;
      margin: .25em 0 0;
      padding: .5em;
    }
    #search-result-form #searchFacetContainer #search-sidebar>div.filterMenu.openFacet>div {
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
      border-width: 1px;
      margin: 1px;
    }
    #search-result-form #searchFacetContainer #search-sidebar>div.filterMenu {
      display:none;
    }
    #searchFacetContainer h3 {display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    }
    #searchFacetContainer h3>span.arrowIcon {
      display: block;
      border-width: 0 1px 0 0;
      border-style: solid;
      -webkit-flex: 0 0 12px;
      flex: 0 0 12px;
      width: 12px;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 10px 10px;
      margin: -.5em .5em -.5em -.5em;
      background-image: url(../images/upArrow.png);
    }
    #searchFacetContainer h3.openLink>span.arrowIcon {
      background-image: url(../images/downArrow.png);
    }
    div#stwrapper.stwrapper.stwrapper5x {
      display: none!important;
    }
    span.st_sharethis_large {
      display: none!important;
    }

.mobile-dinner {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}


#mobile-header-slot div.leadContainer {
display: -webkit-flex;
display: flex;
}
#mobile-header-slot .dateLine, #mobile-header-slot .sideBar {
display: none;
}
#mobile-header-slot, #mobile-header-slot .container, #mobile-header-slot .article, #mobile-header-slot .article .clearfix, #mobile-header-slot .leadContainer {
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-flex;
display: flex;
}
#mobile-header-slot .leadContainer {
align-items: center;
}
#mobile-header-slot .leadContainer p {
margin: 0;
padding: .5em;
font-size: 1.2em;
font-weight: 800;
text-align: center;
color: #333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width:100%;
}

#mobile-header-slot .article .clearfix:after {
display: none;
}
a#mobile-nav-menu {
-webkit-flex: 0 0 70px;
flex: 0 0 70px;
}

}
/* ================ */
@media (max-width: 600px) {

.hasTimes .indexMetadata>div, .hasRooms .indexMetadata>div {-webkit-box-flex: 1.1;-moz-box-flex: 1.1;-ms-flex: 1 1 auto;-webkit-flex: 1 1 auto;flex: 1 1 auto;}

    span.icon {
      display: none!important;
    }
    .indexActivityToggle .icon {
      display: block!important;
    }
    .indexMetadata {
      -ms-flex: 0 0 122px;
      -webkit-flex: 0 0 122px;
      flex: 0 0 122px;
      padding: .25em!important;
    }
    .indexTitle a, .indexTitle a:hover, .indexTitle span {
      font-weight: 400;
    }
    .indexActivityToggle {
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      -ms-flex: 0 0 12px;
      -webkit-flex: 0 0 12px;
      flex: 0 0 12px;
    }
      .indexActivityToggle .icon, .event h3 .arrowIcon, .event h2 .arrowIcon {
      width: 12px;
/*      height: 12px;*/
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 10px 10px;
      min-width: 12px;
      max-width: 12px;
    }
      div.trackContainer {
      border-width: 0 10px 0 0;
    }
      div.trackContainer:after {
      width: 10px;
      right: -10px;
    }
    .body-open-dialog div#sidebar {
      width: 100%;
      left: 0!important;
      bottom: 0;
      right: 0;
      top: 0;
      margin:0;
      }
    .imgNcaption {
      float: none;
      width: 100%;
      margin: 0 0 1em;
    }
    #main #left, #main #right {
      -webkit-flex: 1 1 100%;
      flex: 1 1 100%;
      width: 100%;
      margin-left: 3em;
      margin-right: 3em;
    }
    #main #left iframe {
      width: 100%!important;
      min-width: 100%!important;
      max-width: 100%!important;
      }
    #toTop {
      right: 0;
      font-size: 16px;
      width: 100%;
    }
    #returnToTop.floater.fixed>span {
      bottom: 0;
      margin: 0;
      width: 100%;
      border-radius: 0;
      border-width: 1px 0 0;
      box-shadow: inset 0px 2px 0px -1px #fff;
      opacity: .8;
    }
    div#footer {
      padding-bottom: 75px;
    }
    #footer p>br {
      display: none;
    }
    #returnToTop.floater>span {
      bottom: 0;
      width: 100%;
      right: 0;
      margin: 0;
    }
    #wrapper .event .activityContent {
      border-width: 1px 0 0 0;
      width: 100%;
      margin: 0 0 0 0;
      }
    .scheduleTab .indexTimes, .scheduleTab .indexRooms {
      -webkit-flex: 0 0 128px;
      flex: 0 0 128px;
      padding: .5em;
    }
    .scheduleTab .activity.index.inner>div,.scheduleTab .activity.index.inner>span {
      -webkit-order: 3;
      order: 3;
    }  
    .scheduleTab .activity.index.inner .indexActivityToggle {
      -webkit-order: 1;
      order: 1;
    }
    .scheduleTab .activity.index.inner .indexTitle {
      -webkit-order: 2;
      order: 2;
      -webkit-flex: 1 1 100%;
      flex: 1 1 100%;
    
    }
    .scheduleTab div.activity.index.inner {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
    }  
    .scheduleTab .activity.index.inner .indexTitle {
      -webkit-order: 2;
      order: 2;
      -webkit-flex: 1 1 95%;
      flex: 1 1 95%;
    }
    .scheduleTab .activity.index.inner>div,.scheduleTab .activity.index.inner>span {
      -ms-flex-order: 3;
      -webkit-order: 3;
      order: 3;
      border-bottom: 1px solid #bbb!important;
    }
    .scheduleTab .indexTimes, .scheduleTab .indexRooms {
      -webkit-flex: 1 1 48%;
      flex: 1 1 48%;
    }
    #not-sidebar .ui-tabs .ui-tabs-nav {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    }
      
    #wrapper .event .scheduleTab .activityContent {
      margin: 0;
      border: 0;
    }
    .scheduleTab div.activity.index.container {
      margin-bottom: .25em;
    }
    .indexDateTitle>.icon {
      visibility: hidden;
      display: block!important;
      width: 0;
    }
    #tracksTab>header .dates, #tracksTab>header .location {
      padding: .5em .5em .5em 2em;
      background-position: .25em 50%;
    }
    
    .indexActivityAuthors, .indexPaperAuthors {
      padding-left: 1em;
    }
      .indexActivityBody {
      padding: 0 1em 1em 2.5em;
    }
      
    #not-sidebar .ui-tabs .ui-tabs-nav>li {
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
    }
    #not-sidebar .ui-tabs .ui-tabs-nav>li>a {
      padding: .5em .25em!important;
      display: block;
      float: none;
      text-align: center;
    }

div.activity.index.inner {
      -webkit-flex-wrap:wrap;
      flex-wrap: wrap;
}

.activity.index.inner .indexMetadata {
-webkit-flex: 0 0 100%;
      flex:0 0 100%;
-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;
-webkit-box-pack: justify;-moz-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-around;justify-content: space-around;
border-width:0 0 1px 0;
border-style: solid;
border-color: #bbb;
min-height: initial;
-webkit-order:0;
order: 0;
}
.activity.index.container {
margin-top: 4px;
border-bottom: 1px solid #bbb!important;
border-bottom: 0;
}

.indexTitle, .indexTrackColors>span, .index .indexTitle a {
 -webkit-flex: 1 1 80%; 
flex: 1 1 80%;
}

.activity.index.inner>div,.activity.index.inner>span {
-webkit-order:2;
order: 2;

}

body #wrapper a.removeItinerary {
 -webkit-flex: 1 1 100%; 
flex: 1 1 100%;
-webkit-order:0;
order: 0;
text-align: left;
background-position: 4px 50%;
padding: .5em 0 .5em 2em;
border-bottom: 1px solid #bbb;
}

.myItinerary ul li {
margin-bottom: 4px;
}
.function.container {margin-top:.25em;}
.function.container:first-child {margin-top:0;}

.scheduleTab.hasTimes .activityContent {margin-left:12px;}
.scheduleTab.hasRooms .activityContent {margin-right:0;}

}
@media (max-width: 500px) {
    #directoryAZ ul li:last-child {
      width:100%;
      -webkit-flex: 1 1 auto;
      flex:1 1 100%;
    }
    #directoryAZ ul li {
      -webkit-flex: 1 1 1.9em;
      flex: 1 1 1.9em;
    }
    #directoryAZ ul {
      -webkit-flex-wrap:wrap;
      flex-wrap: wrap;
    }
    .pdfViewer.notes #note-taking iframe {
      visibility: hidden;
    }
    .pdfViewer.notes #note-taking:before {
      content: "Rotate screen to use notetaking feature";
      display: block;
      background: #333;
      color: #fff;
      text-align: center;
      font-size: 1.15em;
      padding: .25em 1em .5em;
      margin-bottom: -2.3em;
      margin-left: -1.25em;
      margin-right: -1.25em;
    }
    #directoryAZ h4 {
      -webkit-flex: 1 1 40%;    
      flex: 1 1 40%;
      font-size: 1em;
    }
    .bio-content .bioPortrait img {
      width: 30.7%;
      margin-bottom: 1em;
    }
    .bio-content .bioPortrait~div {
      margin-left: 32.7%;
    }
    .bio-content .bioPortrait~div.bioRelated {
      width: 100%;
      margin: 1em 0;
      clear: both;
    }
    .helpNav.scrollSide {
      display: none;
    }
    .helpNav.scrollSide+.level1 {
      width: 100%;
      overflow: hidden;
    }  
    .activity.index.inner .indexMetadata {
padding: .25em 0!important;
}
#not-sidebar .ui-tabs .ui-tabs-nav .ui-state-default {

-webkit-flex: 1 1 100%;
flex: 1 1 100%;
border: 1px solid #bbb!important;
margin: 0;
border-width: 1px 1px 0 1px!important;
border-radius: 0;
}

section.paper ul.authors li {display:block;}
}


gin: 0;
border-width: 1px 1px 0 1px!important;
border-radius: 0;
}

section.paper ul.authors li {display:block;}
}