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, 0px, 0px);}		
	.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:-23px !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:0px;
		}	
	.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:0px;
	}	
	.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;Z
	}
	#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:0px;
	}
	#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; todo 
	}		
	.slides_container, .slides_container div.slide { 
    	width: 310px;
		height:200px;		
	}
	.caption {		
		width:290px;		
		line-height: 18px;
	}		
	.sessions .thumbs {
    	padding:0px;
	}	
	#cssmenu_clone li.cssmenu_item:last-child {
		border-bottom: 2px solid #000;
		margin-bottom:15px;
	}
}