body.ui-mobile-viewport, div.ui-mobile-viewport, .ui-mobile .ui-page-active, .ui-panel-wrapper {
  overflow-x: visible;
}
.mobile-unit, #cssmenu_clone, #languageSelect .left { 
  display: none;
}
.advisory .descrip {
  display: block !important;
  height: auto !important;
  opacity: 1 !important;
  padding: 10px !important;
  width: auto !important;
}
#languageSelect .ui-select {
  margin-top: 0;
}
#languageSelect .ui-btn {
  overflow: visible;
  padding: 2px 0;
}
#languageSelect .ui-btn span.customselect {
  margin-right: 35px;
  padding: 3px 0 3px 10px;
}
@media screen and (min-width: 737px)
{ 
  #cssmenu_clone {
    display: none !important;
  }
  .ui-panel-page-content-position-left.ui-panel-page-content-display-push {
    transform: translate3d(0px, 0, 0);
  }
  .footer, #footercontent, html body .ui-page-theme-a .footer1, .reg-imgs a img {
    min-width: 993px;
  }
}
@media screen and  (max-width: 736px) {   
  #mainlogocontainer {
    background: url("../img/mobile/GDC17_MobileHeader_470x95.png") no-repeat scroll 0 center / 100% transparent;
    float: left;
    height: 95px;
    margin-left: 5px;
    width: 90%;
    max-width: 470px;
  }      
  #mainlogocontainer_vrdc {
    background: url("../img/mobile/VRDC17_MobileHeader_470x95.png") no-repeat scroll 0 center / 100% transparent;
    background-position-y: 16px;
    float: left;
    height: 95px;
    margin-left: 5px;
    width: 90%;
    max-width: 470px;
  }      
  .container {
    /* max-width: 736px; */
    margin-top: 0 !important;
    width: 100%;
  }
  .mobile-unit {
    display: block !important;
  }
  .non-mobile-unit, div.question div.answer.span-18 div.span-12.last img {
    display: none !important;
  }
  #mainlogocontainer {
    margin-top: 0;
  }  
  .menu-img {
    display: inline-block;
    margin: 15px 0 0 0;    
    position: relative;
    z-index: 1;
  }
  .menu-img img {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    max-width: 195px;
  }
  h1 {
    line-height: 30px;
    font-size: 28px;
    margin-bottom: 0;
  }
  h2 {
    line-height: 22px;
  }
  #topnav {
    display: none;
  }
  #shortcutscontainer {
    margin: 0 5px;
  }
  .span-12 {
    width: auto;
  }
  html body .ui-page-theme-a .footer1 {
    height: auto;
    float: left;
  }
  .footer, #footercontent, html body .ui-page-theme-a .footer1, .reg-imgs a img {
    width: 100%;
  }
  .container div.span-24 {  
    width: 100% !important;
  }
  #footercontent .thumb {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  #footercontent .left {
    margin-left: auto; margin-right: auto; float: none; text-align: center;
  }
  #wrapper {
    float: left;    
  }
  .triplecol .thumb {
    padding: 0;
  }
  /* advisory page*/
  .thumb {
    margin: 0 0 12px !important;
  }
  .thumb img {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  #adcontainer {
    display: none;
  }
  .advisory .title, .advisory .text, .sessions .title, .sessions .text {
    color: black;
  }
  .advisory .hiddenDescrip, .sessions .hiddenDescrip {
    background-color: transparent;
    color: black;
  }
  .advisory .descrip .controller, .sessions .descrip .controller  {
    bottom: 0;
    right: 10px;
  }
  .twocol_right .thumb {
    float: none;
  }
  .footer_sectiontitle {
    padding-left: 10px;
  }  
  .footer {
    margin-top: 10px;
  }
  #shortcuts{
    width: 237px;
  }  
  #cssmenu_clone li.cssmenu_item_mobile img {
    padding-top: 5px;
  }
  .mobile-second-menu {    
      height: 68px;    
      width: 59px;
    float: right;
    background-color: blue;    
    background: transparent;
    cursor: pointer;  
  }
  #mobile-nav-button {
      background-color: white;
      border-radius: 4px 4px 4px 4px;
      box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4);
      cursor: pointer;
      display: block;
      font-size: 28px;
      height: 40px;
      position: absolute;    
      text-decoration: none;
      top: 10px;
      width: 45px;
      z-index: 100;
    border: 1px solid #231F20;
    float: right;
    right: 10px;
  }
  #mobile-nav-button span {
      background: none repeat scroll 0 0 #000;
      box-shadow: 0 0.25em 0 0 #231F20, 0 0.5em 0 0 #231F20, 0 0.75em 0 0 #231F20;
      content: "";
      display: block;
      height: 0.15em;
      margin-left: 3px;
      margin-top: 8px;
      width: 1.4em;
  }  
  #cssmenu_clone li.cssmenu_item a {
      font-family: "Bourgeois Medium",Verdana,Arial,Helvetica,sans-serif;
      font-size-adjust: 0.42;
      font-style: normal;
      font-weight: normal;       
     color: #000000;
      display: block;
      font-size: 19px;
      font-weight: bold;
      line-height: 18px;
      padding: 7px 5px 0;
      text-decoration: none;
    cursor: pointer;  
  }  
  #cssmenu_clone .cssmenu_item: last-child {
    border-bottom: 1px solid black;    
  }
  .reg-imgs {
    margin-left: auto;
    margin-right: auto;
    text-align: center; 
  }
  .reg-imgs a {
    float: left;
    width: 30%;
    padding-right: 5%;
  }
  .reg-imgs a.last {
    padding-right: 0;
  }   
  .up-arrow {
    margin: 10px 0 0 0;
  }  
  .up-arrow a {
    height: 58px;    
      width: 60px;
    float: right;
    background-color: blue;
    background: url("../img/mobile/up-arrow.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
  }
  .blog_body .title a {
    font-size: 17px;
    line-height: 20px;
  }
  .blog_body {
    height: 100px;
  }
  #slides {
    left: 0;
  }  
  .caption p {
    margin: 0;
  }
  .caption {
    min-height: 61px;
    height: auto;
  }
  .ui-content {
    overflow-x: visible;
  }
  #cssmenu_clone {
    width: auto;
    border: 0;    
  }  
  #cssmenu_clone li.cssmenu_item {
    width: 100% !important;
    border-top: 2px solid #000;  
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    background-color: white;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    text-shadow: none;
  }  
  #cssmenu_clone li.cssmenu_item ul.cssmenu_sub li.cssmenu_subitem, #cssmenu_clone li.cssmenu_item ul.cssmenu_sub li.cssmenu_subitem2  {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  }
  #cssmenu_clone li.cssmenu_item ul.cssmenu_sub {
    width: 100%;
    z-index: 10;  
  }  
  #cssmenu_clone li.cssmenu_item ul.cssmenu_sub li.cssmenu_subitem a, #cssmenu_clone li.cssmenu_item ul.cssmenu_sub li.cssmenu_subitem2 a  {
    height: auto; 
    font-weight: normal;
    text-shadow: none;
  }
  #cssmenu_clone li.cssmenu_item ul.cssmenu_sub li.cssmenu_subitem a:hover, #cssmenu_clone li.cssmenu_item ul.cssmenu_sub li.cssmenu_subitem2 a:hover {
    font-weight: normal;
  }
  #cssmenu_clone li.cssmenu_item:hover {
    background: #fff;
  }
  #cssmenu_clone li.cssmenu_item:hover, #cssmenu_clone li.cssmenu_item ul.cssmenu_sub  {
    border-left: 1px solid black;
    border-right: 1px solid black;  
  }
  #cssmenu_clone li.cssmenu_item:hover {
      left: 0;
  }
  #cssmenu_clone li.cssmenu_item ul.cssmenu_sub {
      left: -1px;
  }
  .column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 { 
    margin-right: 0;  
    width: 100%;
  }
  .mobile-width {    
    width: 98%;
    margin: 0 5px;
    word-break: break-word;
  }
  .container img, iframe {
    max-width: 98%;
    overflow: auto;    
    height: auto !important;
  }  
  .mobile-width textarea, #rightlinks ul {  
    width: 98%;
  }
  .advisory .descrip, .sessions .descrip {    
    background-color: transparent;
    border: 1px solid black;
    height: auto !important;
    opacity: 1 !important;
    width: auto !important;
    padding: 10px !important;
  }  
  #slideShow {
    height: 250px;
  } 
  .caption span.title {
    font-size: 14px;      
    line-height: 14px;
  }
  #rightlinks { 
    float: none;
  }
  .caption {
    margin-bottom: 0;    
    padding: 5px 10px;
  }
  .slides_container, .slides_container div.slide { 
    width: 726px;
    height: 200px;
  }
  .caption {    
    width: 706px;    
  }  
}
@media screen and  (max-width: 667px) { 
  .container {
    /* max-width: 667px; */
  }
  .slides_container, .slides_container div.slide { 
    width: 657px;
    height: 200px;
  }    
  .caption {    
    width: 637px;
  }
}
@media screen and (min-width: 321px) and (max-width: 640px) {  
  .container {
    /* max-width: 640px; */
  }
  .slides_container, .slides_container div.slide { 
    width: 630px;
    height: 200px;
  }    
  .caption {    
    width: 610px;
  }       
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .container {
    /*max-width: 480px;*/
  }
  .slides_container, .slides_container div.slide { 
    width: 470px;
    height: 200px;
  }
  .caption {
    width: 450px;
  }  
}
@media screen and (max-width: 414px) {
  .container {
    /*max-width: 414px;*/
  }
  .slides_container, .slides_container div.slide { 
    width: 404px;
    height: 200px;
  }
  .caption {
    width: 384px;
  }  
  #mainlogocontainer {
    background: url("../img/mobile/GDC17_MobileHeader_310x77.png") no-repeat scroll 0 center / 100% transparent;
    height: 77px;
    width: 90%;
    max-width: 310px;
    float: left;
    margin-left: 5px;
  }  
  #mainlogocontainer_vrdc {
    background: url("../img/mobile/vrdc_MobileHeader_310x77.png") no-repeat scroll 0 center / 100% transparent;
    background-position-y: 16px;
    height: 77px;
    width: 90%;
    max-width: 310px;
    float: left;
    margin-left: 5px;
  }  
}
@media screen and (max-width: 375px) {
  .container {
    /*max-width: 375px;*/
  }
  .slides_container, .slides_container div.slide {
    width: 365px;
    height: 200px;
  }
  .caption {
    width: 345px;
  }  
}
@media screen and (max-width: 360px) {
  .container {
    /*max-width: 360px;*/
  }
  .slides_container, .slides_container div.slide {
    width: 350px;
    height: 200px;
  }
  .caption {
    width: 430px;
  }      
}
@media screen and (max-width: 320px)  {
  .container {
    /*max-width: 320px;  */
  }
  .non-mini-mobile-unit {
    display: none;
  }
  #shortcuts{
    width: 237px;
  }    
  .slides_container, .slides_container div.slide { 
    width: 310px;
    height: 200px;
  }
  .caption {    
    width: 290px;
    line-height: 18px;
  }    
  .sessions .thumbs {
    padding: 0;
  }  
  #cssmenu_clone li.cssmenu_item: last-child {
    border-bottom: 2px solid #000;
    margin-bottom: 15px;
  }
}