/* CSS Document */


@media only screen and (min-width : 1000px) and (max-width : 1012px) {

.header-inner, .container{
width:987px;
}

.mission{
width:563px;
}

.leadership .board .board-line ul li{
width:238px;
}

}


@media only screen and (max-width : 999px) {

.projects{
width:100%;
}

.project{
float:left;
}

.project .project-full{
width:100%;
}

.project .project-left{
width:100%;
float:left;
text-align:center;
}

.project .project-right-a{
width:200px;
}

}



@media only screen and (min-width : 768px) and (max-width : 999px) {
.header-inner{
width:97%;
}

.header-right{
float:none;
width:auto;
}

.right-logo{
float:right;
width:50%;
margin-top:63px;
}

.nav-bar{
float:right;
}

.nav-bar ul li.last{
padding-right:11.5px;
}

.cen{
width:97%;
}

.gallery-caption{
width:100%;
font-size:24px;
}

.container{
width:97%;
}

.con-left{
width:55%;
}

.sponsors {
float: right;
}

.quick{
width:23%;
padding-right:3%;
margin-right:3%;
}

.subscribe{
margin-right:0;
padding-right:2.5%;
width:28%;
}

.error .error_text .p_text1{
line-height:18px;
}

.mission{
width:42%;
margin-bottom:25px;
}

.ab-r{
width:34%;
}

.timeline{
width:540px;
margin:30px auto 0;
}

.timeline p.bg1 span, .timeline p.bg3 span, .timeline p.bg4 span, .timeline p.bg5 span, .timeline p.bg6 span{
right:0;
}

.leadership .board .board-line ul li{
width:23.9%;
margin-right:1.4%;
}

.past .kino .kino-left, .past .Medi .Medi-left, .past .epi .epi-left, .past .many .many-left{
width:60%;
}

.Participant .reim label{
width:3%;
}

.Participant .reim p.reim-p{
width:97%;
}

}

@media only screen and (min-width : 801px) and (max-width : 850px) {

.con-left{
width:58%;
}

.subscribe{
padding-right:3%;
}

.mission{
width:44%;
}

.ab-r{
width:37%;
}

.past .kino .kino-left, .past .Medi .Medi-left, .past .epi .epi-left, .past .many .many-left{
width:62%;
}

}

@media only screen and (min-width : 851px) and (max-width : 900px) {

.con-left{
width:61%;
}

.quick{
padding-right:4%;
margin-right:4%;
}

.subscribe{
padding-right:3.5%;
}

.mission{
width:47%;
}

.ab-r{
width:40%;
}

.past .kino .kino-left, .past .Medi .Medi-left, .past .epi .epi-left, .past .many .many-left{
width:65%;
}



}

@media only screen and (min-width : 901px) and (max-width : 950px) {

.con-left{
width:63%;
}

.quick{
padding-right:4.5%;
margin-right:4.5%;
}

.subscribe{
padding-right:4%;
}

.mission{
width:50%;
}

.ab-r{
width:44%;
}

.past .kino .kino-left, .past .Medi .Medi-left, .past .epi .epi-left, .past .many .many-left{
width:67%;
}



}

@media only screen and (min-width : 951px) and (max-width : 999px) {

.con-left{
width:65%;
}

.quick{
padding-right:5%;
margin-right:5%;
}

.subscribe{
padding-right:4.5%;
}

.mission{
width:53%;
}

.ab-r{
width:47%;
}

.past .kino .kino-left, .past .Medi .Medi-left, .past .epi .epi-left, .past .many .many-left{
width:69%;
}



}


/*** below 767 ***/


.menu_tog{
display:none;
}


@media only screen and (max-width : 767px){

.header-mid {
	height:auto;
	display:inline; /**/
	position:relative; /**/
	top:0px; /**/
}
.header-mid-container {
width:100%;
}
.header-left{
display:block;
margin: 0 auto;
}
.header-right{
display:block;
margin: 0 auto;
width:100%;
}
.WU-logo {
margin-top:10px;
float:none;
margin-left: auto;
margin-right: auto;
width:50%;
}
.header-bottom {
	position: relative; /**/
	display:block; /**/
	bottom:0px;
	margin-bottom:0px;
	height: 3px;
}

.menu_tog{
display:block;
width:auto;
cursor:pointer;
background:#FFFFFF;
/*border:2px solid #D1D1D2;*/
height:40px;
line-height:40px;
font-family: 'Coda',cursive;
font-size: 24px;
color:#662D91;
font-weight:bold;
padding:0 0 0 15px;
padding-top:0px;
/*border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;*/
behavior:url(PIE.htc);
}

.menu_tog img {
float: right;
padding: 12px 15px 0 0;
}

.nav-bar {
display:none;
height:auto;
margin-top:0px;
/*border:2px solid #D1D1D2;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;*/
behavior:url(PIE.htc);
}

.nav-bar-container {
	width:auto;
}

.nav-bar ul li{
/*float:none;*/
display:block; /**/
width:100%;
border:none;
line-height:30px;
}

.nav-bar ul li a{
display:block; /**/
}

.nav-bar ul li ul.sub-menu{
display:block;
position:relative;
padding:0;
left:auto;
top:auto;
}

.nav-bar ul li ul.sub-menu li{
padding:0 0 0 10px;
}

.nav-bar ul li a{
display:block;
}

.footer {
	height:100px;
	color:#FFFFFF;
	margin-top:0px;
	padding: 5px;
}

.footer-container {
	width:100%;
}

.footer-links {
	float:none;
	display:block;
	width:100%;
}

.footer-email {
	float:left;
	padding-bottom: 10px;
	display: block;
	width:100%
}

.footer ul {}
.footer ul li {
	float: left;
	display: inline;
	/*position: relative;
	margin-left: 30px;*/
}

.footer-reserved {
	margin-top:20px;
	float:left;
	display:block;
	width: 100%;
}



.home-about{
	height: auto;
	padding-left: 5px;
	padding-right: 5px;
}
.home-about-content {
	width: 100%;
}

/*.gallery, .gallery .bx-viewport, .gallery .bx-viewport .slidermain li, .gallery img{
height:auto !important;
min-height:230px !important;
}*/

.cen{
width:97%;
}

/*.gallery-caption{
width:100%;
font-size:16px;
}*/


.bx-wrapper .bx-prev, .bx-wrapper .bx-next{
top:43% !important;
}

.container{
width:97%;
}

.con-left{
float:none;
width:100%;
}

.con-right{
float:none;
margin:20px auto 0;
}

.home-news{
margin:6px auto 0;
}

.quick, .subscribe{
float:none;
margin:0 0px 20px 10px;
background:none;
padding:0;
}

.sponsors{
float:none;
margin:0 0px 0 10px;
}

.gallery .bx-wrapper{
margin:0;
}

.error .error_text .p_text1{
line-height:18px;
}

.error .error_text h3{
margin:20px 0;
}

.mission{
width:100%;
float:none;
}

.innovation{
float:none;
margin:30px auto;
}

.clinical-adv{
float:none;
margin:70px auto 30px;
}

.ab-r{
float:none;
width:100%;
}

.timeline{
width:540px;
margin:30px auto 0;
}

.timeline p.bg1 span, .timeline p.bg3 span, .timeline p.bg4 span, .timeline p.bg5 span, .timeline p.bg6 span{
right:0;
}

.news .news-list ul li{
background-size:100% 1px;
}

.leadership .board .board-line ul li{
width:23.9%;
margin-right:1.4%;
}

.leadership .board .board-line ul li label{
font-size:14px;
}

.leadership .board .board-line ul li p{
font-size:12px;
}

.past .kino .kino-left, .past .Medi .Medi-left, .past .epi .epi-left, .past .many .many-left{
width:50%;
}

.Participant .reim label{
width:3%;
}

.Participant .reim p.reim-p{
width:97%;
}


.splash {
	position: absolute;
	width: 100%;
	height:100%;
	background-position: 50%;
    background-size: contain;
    background-attachment: fixed;
	
}



}

@media only screen and (min-width : 480px) and (max-width : 767px) {

.quick, .subscribe, .sponsors{
margin-left:20px;
}

.splash-logo {
	margin-top: 10px;
}
.splash-logo img {
    width: 50%;
}
.splash-submit {
	font-size: 90%;
	margin-top: 50px;
}
.splash-submit a {
	font-size: 100%;
}

}


@media only screen and (min-width : 480px) and (max-width : 560px) {

.timeline, .clinical-adv{
width:450px;
}

.timeline p.bg1{
background-size:100% 70px;
}

.timeline p.bg6{
background-size:100% 65px;
}

.budget{
width:300px;
background-size:100% 211px;
}

.adv{
width:215px;
background-size:100% 205px;
}

.leadership .board .board-line ul li{
width:48%;
margin-right:2%;
}

.leadership .board .board-line ul li label{
font-size:19px;
}

.leadership .board .board-line ul li p{
font-size:15px;
}

.leadership .board .board-line.paddi ul li{
min-height:285px;
}

.Participant .reim label{
width:4%;
}

.Participant .reim p.reim-p{
width:96%;
}


}

@media only screen and (max-width : 479px) {

.about-us h3, .Participant h1.title1, .leadership h1, .past h1, .Participant h2.title3, .Participant h2.title2, .calendar h1.title1{
font-size:24px;
}

.innovation, .clinical-adv{
width:290px;
}

.goal{
width:70px;
font-size:13px;
}

.clinical-need{
width:150px;
height:150px;
margin-top:25px;
}

.market{
width:150px;
height:150px;
margin-top:-50px;
margin-left:50px;
}

.risked{
width:150px;
height:150px;
margin-top:-50px;
}

.clinical-need p{
padding-top:55px;
font-size:13px;
}

.market p, .risked p{
padding-top:55px;
width:82px;
font-size:13px;
}

.goal span{
background-size:100% auto;
width:90px;
right:auto;
left:72px;
}

.adv{
background-size:100%;
width:150px;
height:135px;
}


.budget{
background-size:100%;
width:205px;
height:140px;
margin-top:-10px;
}

.curri{
margin-left:10px;
}

.adv p{
font-size:13px;
padding-top:30px;
}

.budget p, .curri p{
padding-top:38px;
font-size:13px;
}

.timeline{
width:290px;
}

.timeline p{
font-size:17px;
line-height:50px;
}

.timeline p.bg1, .timeline p.bg2, .timeline p.bg3{
background-size:100% 50px;
margin-left:auto;
margin-right:auto;
}

.timeline p.bg4, .timeline p.bg5, .timeline p.bg6{
background-size:100% 45px;
line-height:45px;
margin-left:auto;
margin-right:auto;
}

.timeline p.bg2, .timeline p.bg5{
width:210px;
}

.timeline p.bg3, .timeline p.bg4{
width:120px;
white-space:nowrap;
}

.timeline p.bg1 span{
top:123px;
}

.timeline p.bg1 span, .timeline p.bg3 span, .timeline p.bg4 span, .timeline p.bg5 span, .timeline p.bg6 span{
display:none;
}

.leadership .board .board-line ul li{
width:100%;
margin-right:0%;
float:none;
}

.leadership .board .board-line ul li label{
font-size:19px;
}

.leadership .board .board-line ul li p{
font-size:15px;
}

.leadership .board .board-line.paddi ul li{
min-height:285px;
}

.Participant .reim label{
width:6%;
}

.Participant .reim p.reim-p{
width:94%;
}

.splash-logo {
	margin-top: 15%;
}
.splash-logo img {
    width: 70%;
}
.splash-submit {
	font-size: 110%;
}
.splash-submit a {
	font-size: 100%;
}


}


*+html .nav-bar ul{
display:block !important;
}

*+html .nav-bar ul li ul.sub-menu{
display:block !important;
}

*+html .menu_tog{
position:relative;
}

*+html .menu_tog img{
position:absolute;
right:15px;
top:12px;
padding:0;
}