@charset "utf-8";
/* CSS Document */
@media (max-width: 1820px) {
	#bottom .side{
		padding:30px 0 10px 0;
	}
}

@media (max-width: 1650px) {
	#bottom .side .box .large{
		font-size:32px;
		padding:5px 0;
	}
	
	#bottom .side .box .thin{
		font-size:20px;
		line-height:25px;
	}
}

@media (max-width: 1400px) {
	#bottom .side .box{
		padding:15px 0;
		font-size:20px;
	}
	
	#bottom .side{
		width:42%;
	}
	
	#bottom .side .box .large {
		font-size: 28px;
		padding: 0px 0;
	}
}


@media (max-width: 1200px) {
	body{
		min-width:1000px;
	}
	
	.main{
		width:1000px;
	}
	
	#middle .box .title{
		font-size:50px;
	}
	
	#middle .box .inner {
    	margin: -25px 0 0 0;
	}
	
	#bottom .video .overlay{
		width:15%;
		left:40%;
	}
	
	#footer span {
		padding: 0 30px 0 0;
	}
	
	#footer{
		padding:30px 0;
	}
	
	#bottom .video{
		padding:125px 0;
		background-size:100%;
		background-repeat:no-repeat;
	}
	
	#middle .video{
		margin:0 16px 0 0;
	}

	
}

@media (max-width: 1000px) {
	body{
		min-width:960px;
	}
	
	.main{
		width:960px;
	}
	
	#title{
		padding:20px 0;
	}
	
	#footer{
		font-size:17px;
	}
	
	#middle .left .box{
		padding:39px 0;
	}
	
	#middle .video {
		margin: 0 15px 0 0;
	}
	
	
}

@media (max-width: 960px) {
	body{
		min-width:100%;
	}
	
	.main{
		width:95%;
	}
	
	.logo{
		width:25%;
	}
	
	#middle .header{
		font-size:28px;
	}
	
	#middle .header .small{
		padding:0px;
	}
	
	#middle .caps{
		padding:0 0 19px 0;
	}
	


	

	#footer span{
		display:block;
		padding:0 0 10px 0;
		width:44%;
		margin:0 auto;
	}
	
	#footer span span{
		display:inline;
		padding:0 10px;
	}
	
	#footer a.link{
		margin:20px 0 0 0;
	}
	
	#bottom .video {
		padding: 100px 0;
	}
	
	#innerwrapper .main{
		padding:20px 0;
	}
	
	#middle .video{
		width:18.4%;
	}
	
	#middle .video .play{
		width:25%;
		top:30%;
		left:35%;
	}
	
	#middle .video .play img{
		width:100%;
		height:auto;
	}
	
	#middle .header{
		margin:0 0 20px 0;
	}

}

@media (max-width: 850px) {
	#middle .box .title{
		font-size:40px;
	}
	
	#middle .box .inner {
		margin: -28px 0 0 0;
		padding: 30px 20px 0 20px;
	}
	
	#middle .box .inner .address {
		font-size: 16px;
	}
	
	#middle .box .title:before, #middle .box .title:after{
		top:30px;
	}
	
	.committee .names .left, .committee .names .right{
		float:none;
		width:100%;
	}
	
	.committee .names .left{
		text-align:center;
		margin:0 0 15px 0;
	}
	
	.committee .names .right .col{
		margin:0px 7% 0 0;
	}
	
	#footer span{
		width:49%;
	}
	
	#footer a.link{
		padding:20px 0 5px 0;
	}
	
	#middle .header {
		font-size: 25px;
	}
	
	#middle .header .small{
		font-size:16px;
	}
	
	#middle .left .box {
		padding: 33px 0;
	}
	
	.box{
		width:45%;
		margin:10px 2%;
	}
	
	.ticket{
		padding:0px;
	}
	
	#dn-center .dn-twoleft, #dn-center .dn-tworight{
		float:none;
		width:100%;
	}
	
	#middle .header .click{
		font-size:20px;
	}
	
	#middle .video {
		margin: 0 13px 0 0;
	}
	
	.videos  .mainvid{
		width:100%;
	}
		
}

@media (max-width: 750px) {
	.logo {
		width: 35%;
	}
	
	
	
	#footer {
		font-size: 14px;
	}
	
	#footer a.link{
		font-size:20px;
	}
	
	#middle .header {
		font-size: 22px;
	}
	
	#middle .left .box {
		padding: 20px 0;
	}
	
	#middle .location{
		font-size:24px;
	}
	
	#middle .hall {
    	margin: 33px 0 0 0;
	}
	
	#middle .header .click {
		font-size: 16px;
	}
	
	#middle .video {
		margin: 0 11px 0 0;
	}
	
	#middle .name{
		font-size:30px;
	}
	
	.videos .box .title{
		font-size:12px;
	}
}

@media (max-width: 650px) {
	
	
	#footer span {
		width: 57%;
		padding:0 0 5px 0;
	}
	
	#bottom .video {
		padding: 50px 0;
	}
	
	.tickets .options {
		width:90%;
		margin:0 auto;
	}
	
	.seats, #dn-center .dn-twoleft, #dn-center .dn-tworight, #dn-center .dn-threeleft, #dn-center .dn-threewrap, #dn-center .dn-threeright, #dn-center .dn-threecenter {
		width:100%;
		float:none;
	}
	
	#middle .left, #middle .right{
		float:none;
		width:100%;
	}
	
	#middle .right .box.right{
		float:right;
		width:48%;
	}
	
	#middle .left{
		padding:370px 0 0 0;
	}
	
	#middle .main{
		position:relative;
	}
	
	#middle .video{
		width:49%;
		margin:0 0 10px 0;
	}
	
	#middle .video.right{
		float:right;
	}

	
	#middle .caps {
		padding: 0 0 10px 0;
	}
	
	h1{
		margin:0px;
	}
	
	.dn-textfieldsml {
		width: 15%;
	}
	
	.submit{
		width:25%;
	}

		
}

@media (max-width: 550px) {
	.logo {
		width: 50%;
	}
	
	
	#footer span{
		width:71%;
	}
	
	#bottom .video {
		padding: 30px 0;
	}
	
	#middle .left {
		padding: 330px 0 0 0;
	}
	
	#middle .hall{
		font-size:16px;
	}
	
	#middle .box{
		height:230px;
	}
	
	.submit {
		width: 35%;
	}
	
	.dn-textfieldsm.total {
		width: 20%;
	}
	
	#innerwrapper{
		padding:20px 0;
	}
	
	.tickets{
		width:95%;
	}
	
	#dn-center{
		padding:0px;
	}
	
	#middle .header .click {
		font-size: 11px;
		margin:10px auto;
	}
	
	#middle .name {
		font-size: 24px;
		line-height: 24px;
	}
	
	#middle .strong{
		font-size:20px;
	}
	
	#middle .view{
		margin:5px 0 0 0;
		border:5px solid #fff;
		padding:5px;
	}
		
}

@media (max-width: 450px) {
	
	#middle .box, #middle .box.right, #middle .box.long, #middle .right .box.right{
		float:none;
		height:auto;
		width:100%;
	}
	
	
	
	#middle .left {
		padding: 270px 0 0 0;
	}
	
	#footer {
		font-size: 13px;
	}
	
	#footer span {
		width: 87%;
	}
	
	#middle .box .inner .date{
		font-size:22px;
	}
	
	.logo{
		padding:10px 0;
	}
	
	#bottom .video .overlay {
		width: 35%;
	}
	
	#bottom .video {
		padding: 10px 0;
	}
	
	.committee .title:before, .committee .title:after {
		width: 22%;
	}
	
	#bottom .side .box .large{
		font-size:22px;
	}
	
	.tickets{
		padding:10px 0;
	}
	
	.dn-textfieldsml {
		width: 25%;
	}
	
	.ticket{
		font-size:13px;
	}
	
	.dn-head{
		font-size:24px;
	}
	
	#middle .header .click{
		width:20%;
	}
	
	h1{
		font-size:50px;
	}
	
	.videos .box{
		width:48.5%;
		margin:0 0 5px 0;
	}
	
	.videos .box.two{
		float:right;
	}
		
	.videos{
		padding:0 10px;
	}
	
}

@media (max-width: 350px) {
	#middle .left{
		padding:210px 0 0 0;
	}
	
	#footer {
		font-size: 12px;
	}	
	
	#footer span {
		width: 91%;
	}
	
	#bottom .side .box{
		font-size:16px;
	}
	
	#bottom .side .box .large {
		font-size: 18px;
	}
	
	#middle .box .inner a.tickets{
		font-size:16px;
	}
	
	#middle .box .inner .details {
		font-size: 10px;
	}
	
	#dn-center{
		width:98%;
	}
	
	.ticket {
		font-size: 12px;
	}
	
	.submit {
		width: 50%;
	}

}