*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
 

@media screen and (max-width: 1280px){
 
 
}
 

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

h1, .h1{ font-size:42px;  }
h2, .h2{ font-size:30px; }
h3, .h3{ font-size:24px; }
h4, .h4{ font-size:20px; }
h5, .h5{ font-size:18px; } 
h6, .h6{ font-size:16px; } 
h7, .h7{ font-size:14px; }  	
		
	
.container{ width:92%; max-width:100%;   } 
.content{ width:92%; max-width:100%;   } 	

#bxheader{ position:fixed;   }
.bxheader{ top:16px; }
.bxheader > .bxlogo{  max-width:104px; }
.bxheader > .bxnavmb{ top:10px;  }	 
	
#bxnavmenu{ padding:52px 0;  } 
.bxnavmenu > .tb{ display:block;  padding-top:36px;  }
.bxnavmenu > .tb > .tcl{ display:block; width:100%; text-align: center;   }
.bxnavmenu > .tb > .tcc{ display:block; position: absolute; width:100%; top:-36px; text-align: center;   }
.bxnavmenu > .tb > .tcr{ display:block; width:100%;  text-align: center;    }
 
ul.navmenu > li{ display:block;  margin:10px 0; }
 
#bxheaderfix.bxshow{ display:none; }	
	
 
.slideimg.desktop{ display:none; } 
.slideimg.mobile{ display:block; } 
	
	
.bxhomehosthotels{ background: url("../img/bghome-hosthotel.jpg") center bottom no-repeat; background-size:140%; min-height:auto; padding:52px 0 26px; }
.homehosthotelsbx > .tb > .tc > .bximg > img{ margin:0 6px; max-width:40%;  }
.homehosthotelsbx > .tb > .tc > .bximg > img:first-child{ max-width:26%; }
.homehosthotelsbx > .tb > .tc > .bximg > img:last-child{ max-width:26%; }
 
.homegallxbannerbx > .tb{ display:block; }
.homegallxbannerbx > .tb > .c1{ display:block; }
.homegallxbannerbx > .tb > .c2{ display:block;  width:100%;  } 
.homebxgallerybx{  text-align: center; }
a.gallhomebx{ width:220px; margin-right:10px; }	
	
	
#bxhomebanner{ width:320px; min-height:auto; margin:0 auto; padding:52px 0;}
.homebannerbx{ display:block; position: relative;  }
.homebannerimg{ display:block; position:relative; min-height:560px;  } 
.homebannerimg img{ width:100%; max-width:100%; }
.bxbanner-n{ 
  display:block; position:relative; width:42px; height:22px; margin:24px auto 0; background:url(../img/vertical-next.png) no-repeat; transition:ease 0.5s; } 
.bxbanner-n:hover{ opacity:0.7; }
.bxbanner-p{ 
 display:block; position:relative; width:42px; height:22px; margin:0 auto 24px; background:url(../img/vertical-prev.png) no-repeat; transition:ease 0.5s; } 
.bxbanner-p:hover{ opacity:0.7; }	
 
a.vdobx{   width:220px; margin-right:10px;   }
	
	
/*.hosthotelsbxtop{ display:block; 
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;  width:100%; padding:0 0;  white-space: nowrap; }		
.hosthotelsbxtop > ul{ width:100%; }
.hosthotelsbxtop > ul > li{ width:200px; background:#789; }*/
	
.hosthotelsbxtop > ul{ display:block; border-bottom:0; text-align: center; }
.hosthotelsbxtop > ul > li{ display:inline-block; width:160px;   }	
.hosthotelsbxtop > ul > li a{  padding:18px 0; height:auto; border-bottom:rgba(255,255,255,0.3) solid 1px; }	
.hosthotelsbxtop > ul > li:first-child a:before{  bottom:0px; }
	
.bxhosthotels{ max-width:100%; padding:0 0 260px; }    
.hosthotelsbx > .bxtxt{ width:40%;  }
.hosthotelsbx > .bxtxt > .bx{ width:80%;  }  
.hosthotelsbx > .bximg{  width:62%;   }
 
	
.bxticketingpage{ padding:0 0 152px;  }  
.bxticketingtab .content{ max-width:100%; width:92%;   }
 
 
.ticketingbx{  margin-bottom:26px; }
 
.bxschedule > .tb > .c1 > .bx{ max-width:80%;  }
 
 
.cookiesbx{  width:92%;  }
.cookiesbx > .tb{ display:block;  }
.cookiesbx > .tb > .c1{ display:block; text-align: center; padding:0 0 26px; }
.cookiesbx > .tb > .c2{ display:block; text-align: center;  } 
.cookiesbx button{  width: 209px; height:52px;  }
 
	

	
.bxdjs > .djsbx{  width:50%;   }
.bxdjs > .djsbx > .imgbx > .isoundcloud{ bottom:12px; right:20px; }
.bxdjs > .djsbx > .imgbx > .isoundcloud > img{ max-width:86px; }
	
	
a.btnbx.printmap{ width:560px;   }
a.btnbx.printmap > div{ width:560px;  }
a.btnbx.printmap:hover > div > .icon{ transform: translateX(492px); }	
	
	
.sponsorbxhead{  height:80px; } 
.sponsorbxhead > .tb > .tc > .bx{ line-height:1.2; padding:6px; }	
.sponsorbx > a > .bx > img{ max-width:80%; max-height:80%; }
	
	
.tabsingerbx > .bxtb{ display:block;   }
.tabsingerbx > .bxtb > .tc{ display:block; width:100%;   }	
	.tabsingerbx > .bxtb > .tc:first-child{ margin-bottom:26px; }	
}


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

	
#bxcountdown{ bottom:60px;  }  
#countdown{  width:288px;   }	
.bxcd{ width:72px; font-size:12px; } 
.bxcd span{ font-size:30px; }	

	.bxhomehead > img{ max-width:80%; }	
	
.bxhomeone{ background-size:cover; min-height:auto;  }  
.bxhomeevent{ display:block; position: relative; padding:160px 0;  }
.bxhomeevent .bxhomehead{ padding:0 0 26px; }
  
#bxslideevent .bxpager > a{ margin:0 20px; } 

.schedulebx{  padding:0 0 52px; } 
.schedulebx > h3 > span{ width:26px; height:4px;  margin:0 10px; } 
	
.bxhometicketing{ padding:110px 0;  }
.bxhometicketing .bxhomehead{ padding:0 0 72px; }
.hometicketingbx{ display:block; position: relative; padding:0 0 52px; text-align: center; }

.bxellipse{ width:360px; height: 360px; } 
.bxellipse > .tb > .tc > .bx > h1{ padding:0 0 26px; }
 
.bxhomehosthotels{ padding:65px 0 6px; background: url("../img/bghome-hosthotel.jpg") bottom center no-repeat; min-height:auto; background-size:200%; }
.bxhomehosthotels .bxhomehead{ padding:0 0 65px; }
.homehosthotelsbx{ display:block; position: relative; padding:0 0 65px; } 
.homehosthotelsbx > .tb > .tc > .bximg{ display:block; position:relative;  }
.homehosthotelsbx > .tb > .tc > .bximg > img{ display:block; position: relative; margin:16px auto; max-width:100%;  }
.homehosthotelsbx > .tb > .tc > .bximg > img:first-child{ max-width:100%; }
.homehosthotelsbx > .tb > .tc > .bximg > img:last-child{ max-width:100%; }	
 
	
.bxhomevdo{ padding:65px 0 26px; }
.bxhomevdo .bxhomehead{ padding:0 0 52px; }
.homevdobx{ padding:0 0 39px; } 
.homevdobx > .bx > .bxone{ width:100%; text-align:center; margin-bottom:26px;  }
.homevdobx > .bx > .bxtwo{ width:100%;  }
.homevdobx > .bx > .bxone > .bx{ margin-right:0px; max-width:100%;  }
.homevdobx > .bx > .bxtwo > .bx{ margin-left:0px; max-width:100%;  }

a.vdohomebx{ display:block;  }   
.homevdobx > .bx > .bxtwo a.vdohomebx{  margin-bottom:20px; }  
	
 
.homebxgallerybx{ padding:52px 0; }
a.gallhomebx{  width:48%; margin-right:1%; margin-bottom:26px; }
 
.homebannerimg{ display:block; position:relative; min-height:auto;  } 
 
.bxheadinner{  max-width:92%; margin:0 auto; padding:104px 0; }
.bxhead{ padding:0 0 52px;  }
.bxhead > img{ max-width:72%; }

.bxgallerylist{ padding:0 0 52px; }
.bxgallerylist a.gallhomebx{ margin-bottom:26px; }

.bxbtnloadmore{  padding:26px 0; }

a.vdobx{ width:48%; margin-right:1%; margin-bottom:26px; }
 	
	
.bxcontact{ max-width:100%; padding-bottom:60px; } 
.inputbx > .bxl{ width:100%; text-align:center;  margin-bottom:16px; }
.inputbx > .bxr{ width:100%; text-align:center; } 
.g-recaptcha{ display:inline-block; }
.contactbxthanks{ padding:140px 0 300px; }
 
 
/*.hosthotelsbxtop > ul{ display:block; text-align: center; border-bottom:0; }
.hosthotelsbxtop > ul > li{ display:inline-block; position: relative; width:48%; border-bottom:rgba(255,255,255,0.3) solid 1px;   }
.hosthotelsbxtop > ul > li a{  padding:16px 0;  }  

.hosthotelsbxtop > ul > li:first-child{ font-size:16px;  }
.hosthotelsbxtop > ul > li:first-child a{ padding:0 0; }*/
	
	
.hosthotelsbxlist{ padding:52px 0 0;  }
.hosthotelsbx{ margin-bottom:52px; }
.hosthotelsbx > .bxtxt{ display:block; position: relative; min-height:auto; width:100%; top:0;  }
.hosthotelsbx > .bxtxt > .bx{  width:90%; margin:0 auto; padding:26px 0; } 
.hosthotelsbx > .bxtxt > .bx > .line{  margin:26px auto; }
.hosthotelsbx > .bxtxt > .bx > .txtbx{ padding:0 0 26px; } 
.hosthotelsbx > .bximg{ width:100%;  }
	
.hosthotelsbxde{ display:block; position: relative;  padding:26px 0; }
.hosthotelsbxdetop{ display:block; position: relative; padding:0 0 36px;  }
.hosthotelsbxdetop > .tb{ display:block;  }
.hosthotelsbxdetop > .tb > .c1{ display:block; width:100%; padding:0 0 26px; }
.hosthotelsbxdetop > .tb > .c2{ display:block; width:100%; text-align:center; }
 
.hosthotelsbxdeimg{ padding:0 0 26px; }
.hosthotelsbxdeimg > h4{ padding:0 0 26px; }
.hosthotelsbxdeimg > .imgbx{ padding:0 0 26px; } 
	

.bxticketingpage{ padding:0 0 120px;  } 
.bxticketingtab .bxtxth{  padding:26px 0; } 
.bxticketingtab .bxtxth > h2 > div{ font-size:18px; }  
.ticketingtopbx > .bxtxt > h6{ font-size:18px;  }

.bxticketingpurple{ padding:152px 0 0;  min-height:auto;    }
.bxticketingpurple.buyatdoortab{ padding:138px 0 75px; margin-top: -100px; }
.bxticketingpurple .bxtxth{ padding:0 0 26px; }
.bxticketingpurple .bxtxth > .txth{ font-size:20px;  }
 

.bxticketingblue{ padding:152px 0 65px;  min-height:auto;   }
.bxticketingblue .bxtxth{  padding:0 0 26px; }
.bxticketingblue .bxtxth > .txth{ font-size:20px;    }
 

.bxticketinggreen{  padding:65px 0;  min-height:auto; background-size:100%;    }
.bxticketinggreen .bxtxth{  padding:0 0 26px; }
.bxticketinggreen .bxtxth > .txth{ font-size:20px;   } 
.bxticketinggreen.buyatdoortab{ padding:65px 0; }
.bxticketinggreen.buyatdoortab .bxtxth{ padding:0 0 52px;   }

 
.ticketingbx > .tb{ display:block; width:100%; }
.ticketingbx > .tb > .c1{ display:block; width:100%; vertical-align:top; padding-bottom:26px; }
.ticketingbx > .tb > .c2{ display:block; width:100%; vertical-align:top; }  
.ticketingbx > .tb > .c1 > .bximg{ text-align: center; }	
.txtticketing > .txtpink{ font-size:16px;  }
 
.bxticketingtshirt{ padding:65px 0; }
.bxticketingtshirt > .content{ max-width:100%; width:92%;   }
.bxticketingtshirt .bxtxth{ font-size:20px;  }
 
.ticketingtshirtbx > .tb{ display:block;  }
.ticketingtshirtbx > .tb > .c1{ display:block; width:100%; text-align:center; }
.ticketingtshirtbx > .tb > .c2{ display:block; width:100%; text-align:center; }


.bxbuyatdoor{  max-width:90%;  }
.bxbuyatdoor > .tb{ display:block; padding:26px 0; }
.bxbuyatdoor > .tb > .c1{ display:block; width:100%; }
.bxbuyatdoor > .tb > .c2{ display:block; width:100%; }
.bxbuyatdoor > .tb > .c3{ display:block; width:100%; }
.bxticketinggreen.buyatdoortab .bxbuyatdoor > .tb{ border-bottom:rgba(24,197,229,0.3) solid 1px; }
 
.bxbuyatdoor > .tb.bxh{ display:none;  } 
 
	
.bxbuyatdoor > .tb > .c2 h5 > div,
.bxbuyatdoor > .tb > .c3 h5 > div{  display:inline-block; }	

.bxbuyatdoor .txtmo{ display:inline-block; margin-right:6px;  }  
.bxday > h6 > div{ font-size:16px;   }
	
	
.bxschedulepage{ max-width:100%; margin:26px auto; padding-bottom:52px; }

.bxschedule{  padding:26px 0; }
.bxschedule > .tb{ display:block;  }
.bxschedule > .tb > .c1{ display:block; width:100%; padding:0 0 26px;   }
.bxschedule > .tb > .c2{ display:block; width:100%;  }
 

a.btnbx{ width:200px; height:48px;  }
a.btnbx > div{ width:200px; height:48px; }
	
#bxsubs{  max-width:320px; min-height:auto;  }
.subscribetxth> div{ font-size:26px;  }
	
	
#contactform input[type=submit]{ width:200px; height:48px; }
#subscribeform input[type=submit]{  width:200px; height:48px; }
	
	
.pageinner.djsbg{ background:url("../img/bgdjs-top-mobile.jpg") top center no-repeat;   }
.pageinner.djsbg > .bxheadinner{  max-width:92%; margin:0 auto; padding:104px 0 52px; }	
.bxdjsinter{   margin-top:136px;  }
	
	
	
.bxdjsasian{ background:url("../img/bgdjs-btm-mobile.jpg") top center  no-repeat; padding-top:366px; margin-bottom:52px; margin-top:-26px;  }

	
.bxdjs > .djsbx{  width:100%;   }
.bxdjs > .djsbx > .imgbx > .isoundcloud > img{ max-width:66px; }
	
	
.bxmap{ padding-bottom:0px; margin-bottom:160px; }
	
a.btnbx.printmap{ width:80%; line-height:1.2;   }
a.btnbx.printmap > div{ width:80%; padding:0 10px;  }
a.btnbx.printmap > div > .icon{ display:none; }		
	
	
.bxsponsors{ max-width:100%; padding-bottom:52px; }
.sponsorsbx{ margin-bottom:26px; border-bottom:0; } 
.sponsorsbx > .tb{ display:block;  }
.sponsorsbx > .tb > .col1{ display:block; }
.sponsorsbx > .tb > .col3{ display:block; width:100%; border-right:#a9a9a9 solid 0px; border-bottom:#a9a9a9 solid 1px;   }
 
.sponsorbxx > .col6{ width:50%; }
 
 

.sponsorbx{ display:block; position: relative; height:102px; background:#fff;  }
.sponsorbx > a{ display:table; position: relative; width:100%; height:100%; }
.sponsorbx > a > .bx{ display:table-cell; position: relative; vertical-align: middle; text-align: center;    }
.sponsorbx > a > .bx > .hover{ position:absolute; top:0; left:0; right:0; bottom:0; border:#1b76ff solid 6px; transition: ease 0.5s; opacity:0;  }
.sponsorbx > a:hover > .bx > .hover{ opacity:1; }	
	
	

.bxtabsinger{  max-width:100%; padding-bottom:52px; } 

.tabsingerbx{ padding:26px 0 39px;  } 
.tabsingerbx > .bxtop > .tb{ display:block;  }
.tabsingerbx > .bxtop > .tb > .c1{display:block;  width:100%; margin-bottom:20px;   } 
.tabsingerbx > .bxtop > .tb > .c1 > .bx > img{ max-width:76%; }
.tabsingerbx > .bxtop > .tb > .c2{ display:block; text-align: center; } 

 
.tabsingerbx > .bxtb > .tc > .bx > .tb{ display:block;  }
.tabsingerbx > .bxtb > .tc > .bx > .tb > .c1{ display:block; width:100%;  } 
.tabsingerbx > .bxtb > .tc > .bx > .tb > .c2{ display:block; width:100%; }
.tabsingerbx > .bxtb > .tc > .bx > .tb > .c2 > .bx{ padding:26px 0; text-align: center;   }
 
.tabsingerbx > .bxtb > .tc > .bx > .tb > .c2 > .bx h9{ text-align: left ;  }
 
	
	
	
}

@media screen and (max-width:460px){
 
.bxalert{ padding:16px;  }
.alertbx{ max-width:100%; }
.alertbx > .bxh{ font-size:18px;  }
.alertbx > .bxh > .linexo{  width:20px; margin-right:6px;  }
.alertbx > .bxh > .linexc{  width:20px; margin-left:6px;  }
.alertbx > .bxtxt{ font-size:14px; }	
.alertbx > .bxtxt > span{ display:block; }	
.alertbx > .bxtxttop{  font-size:16px;  }
	
}

@media screen and (max-width:380px){
  
.bxellipse{ width:320px; height: 320px; } 

#bxsubs{  max-width:300px; min-height:auto;  }	
#subscribeform{  max-width:300px;  } 
#subscribeform .select-subs select{  width:176px; }
#subscribeform .select-subs{  width:156px;  }  

.subscribe-line > div:nth-child(1){ width:260px; margin-bottom:10px;   }
.subscribe-line > div:nth-child(2){ width:185px; margin-bottom:10px;   }
.subscribe-line > div:nth-child(3){ width:120px; }	
	
	
.bxalert{ padding:16px 6px;  } 
.alertbx > .bxh{ font-size:16px;  }
.alertbx > .bxh > .linexo{  width:16px; margin-right:6px;  }
.alertbx > .bxh > .linexc{  width:16px; margin-left:6px;  }
.alertbx > .bxtxt{ font-size:13px; }	 

	
}

@media screen and (max-width:320px){
#bxhomebanner{ width:280px; } 
.bxellipse{ width:290px; height: 290px; } 
	
 
.bxdaytime > .tb{ display:block;  }
.bxdaytime > .tb > .c1{ display:block; width:100%;  }
.bxdaytime > .tb > .c2{ display:block; width:100%;   }
 
	
#bxsubs{  max-width:280px;  }	
.subscribetxth img{ max-width:60%; }	
.subscribetxth > div{ font-size:20px;  }	
#subscribeform{  max-width:280px;  } 
#subscribeform .select-subs select{  width:126px; }
#subscribeform .select-subs{  width:126px; }
	

 
	
	
}