@media screen and (min-width: 1340px) {

	.zone {width: 1100px;}
	#utility {margin-right: -550px;}
	#nav {background-position: center -45px;}
	#content {background-size: 2200px auto;}
	h1 {font-size: 56px;}
	
	.home-promo-block,
	#home-video-block,
	.upcoming-show {padding: 5px;}
	
	.upcoming-show-date {font-size: 18px}
	.upcoming-show-location {font-size: 16px}
	
	#billboard-prev,
	#billboard-next {margin-top: -126px;}
	
	.tourdates-block {font-size: 20px;}
	
}

@media screen and (max-height: 700px) {

.upcoming-show-block {padding: 0; height: auto; background: url(images/blue_repeat.jpg) center top repeat!important}
.upcoming-show-info {position: static; overflow: hidden; border: 0; background: rgba(0,0,0,.6)}
.upcoming-show-location {margin-top: 0;}

.home-promo-block img {display: none;}
.home-promo-block .sm-promo {display: block;}

}


/*under base size*/
@media screen and (max-width: 1339px) {

	.zone {max-width: 980px; width: auto;}
	#main {min-width: 0;}

}

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

	#logo {margin-left: -45px;}

}

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

	#logo {margin-left: -20px;}

}

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

	#nav {background-image: url(images/blue_repeat.jpg);}
	#nav > .zone > ul {margin-left: 0; margin-right: 0;}
	#utility {margin: 0; right: 20px;}
	#header .zone {padding: 0 20px;}
	#nav .zone {padding: 0 10px;}
	
}

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

	#body-welcome #full-expand {position: static; height: auto; width: auto; min-height: auto;}
	#body-welcome #full-expand #content {width: auto; height: auto; margin-top: 45px;}
	#body-welcome #full-expand #content > .zone {position: static;}
	#billboard {position: relative; top: auto; left: auto; right: auto; bottom: auto; height: auto; width: auto;}
	.billboard-slide {width: auto; height: auto; margin: 0; min-height: auto;}
	.billboard-slide img {height: auto; min-height: 0; width: 100%;}
	
	#billboard-prev,
	#billboard-next {margin-top: -62px;}

	#feature-bar {position: static; padding: 20px; }
	
	#home-video {position: static; float: right; width: 50%;}
	#home-video-block {max-width: 300px; margin: 0 auto;}
	
	#home-promos,
	#upcoming-shows {width: 50%; float: left;}
	
	

	.upcoming-show {width: 270px!important; position: relative;}
	.upcoming-show-wrapper,
	#upcoming-shows-carousel {width: 290px!important;}
	
	.upcoming-show-block {padding-bottom: 56.25%; height: 0; background: #000!important; background-size: cover!important; background-position: top center!important;}
	.upcoming-show-info {position: absolute; overflow: hidden; border-top: 1px solid #595959; }
	.upcoming-show-location {margin-top: 4px}
	
	.upcoming-show-1 .upcoming-show-block {background-image: url(images/upcoming_show_1.jpg)!important;}
.upcoming-show-2 .upcoming-show-block {background-image: url(images/upcoming_show_2.jpg)!important;}
.upcoming-show-3 .upcoming-show-block {background-image: url(images/upcoming_show_3.jpg)!important;}

#home-promos { text-align: center; }
.home-promo {width: 49%; margin-bottom: 10px; display: inline-block; float: none;}
.home-promo-block {}
.home-promo-block img {display: block!important;}
.home-promo-block .sm-promo {display: none!important;}
	
}

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

	#logo {width: 650px; margin-left: -10px; margin-top: 6px}
	#footer-nav ul li a {padding: 0 15px;}

}



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

    .tourdates-venue {float: none; width: auto;}
    .tourdates-location {float: none; width: auto; font-size: 16px;}

}

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

	
	#utility-tickets {display: none;}
		
	#footer-nav ul li {display: none;}
	#footer-nav ul li.footer-social {display: inline-block;}
	#footer-nav ul li.footer-social.first a {padding: 0 5px;}
	


}

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

	.upcoming-show {width: 240px!important; position: relative;}
	.upcoming-show-wrapper,
	#upcoming-shows-carousel {width: 260px!important;}

}


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

	#nav-view,
	#nav-hide {display: block; width: 60px; float: right; cursor: pointer;}
	
	#nav-view img,
	#nav-hide img {display: block; width: 100%}
	
	#nav-view {width: 10%; margin-top: 1%; }
	#nav-view img {max-width: 80px;}
	
	#nav-hide {margin: 10px;}
	
	
	#mobile-nav {display: none; position: absolute; top: 0; right: 0; width: 80%; background: #F0F3F8; z-index: 9999; overflow-y: auto; box-shadow: 0 0 100px #000; -moz-box-shadow: 0 0 100px #000; -webkit-box-shadow: 0 0 100px #000; -o-box-shadow: 0 0 100px #000;}

	.nav-toggle #mobile-nav {display: block;}
	
	#nav {position: relative; bottom: auto; left: auto; right: auto; background: none; height: auto;  margin-top: 70px;}
	#nav .zone {padding: 0;}
	#nav > .zone > ul {margin: 0; text-align: left; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: none; border-top: 1px solid #ddd;}
	#nav > .zone > ul > li {display: block; width: auto; border-bottom: 1px solid #ddd;}
	#nav > .zone > ul > li > a {font-size: 32px; line-height: 1em; border: 0; padding: 5px 20px; background: #fff;}
	#nav > .zone > ul > li:hover {background: none!important;}
	#nav > .zone > ul > li:hover > a {color: #222;}
	#nav > .zone > ul > li > a:hover {background: #39298D; color: #fff;}
    .nav-dropdown {position: static; width: auto; display: block; height: auto; margin: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
    .nav-dropdown ul {border: 0; background: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
    .nav-dropdown ul li {border-top: 1px solid #ccc!important;}
	.nav-dropdown ul li a {font-size: 20px; background: #eee; padding-left: 40px;}
	#utility {position: relative; top: auto; right: auto; margin: 0; padding: 20px;}
	#utility ul {text-align: left; background: none!important;}
	#utility ul li {margin: 0 0 15px 15px;}
	
	
	
	
	#content {padding: 0;}
	#content .zone {padding: 0;}
	.layout {background: #fff; padding: 0 0 40px;}
	.layout-dual-left #col-a,
	.layout-dual-right #col-a,
	.layout-dual-left #col-b,
	.layout-dual-right #col-b {width: auto; float: none;}
	
	#header {height: auto; background: url(images/blue_repeat.jpg) center top repeat}
	
	#logo {margin: 0; margin-bottom: 1%; width: 85%;}
	
	#body-welcome #full-expand #content {margin-top: 0;}


        .tourdates-block {padding-left: 12px;}
.tourdates-date {position: static; margin-top: 0;}
.tourdates-skaters span {display: none;}

.skaters-header {margin: 0;}
.skaters-header > img {-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
.skaters-banner {position: static;}
.skaters-title {position: static; padding: 15px;}

.skater-tabs-list li a span {font-size: 13px; padding: 8px 15px 4px;}
	
}


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

	#home-video {float: none; width: auto;}
	#home-video-block {max-width: 300px; margin: 0 auto;}
	
.home-promo {width: 30%;}
	#home-promos,
	#upcoming-shows {width: auto; float: none; margin: 0 0 30px;}
	

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

	.home-promo {display: block; margin: 0 auto 10px; width:100%; max-width: 300px;}
	#logo {margin-bottom: 2%;}
	#logo-star {display: none!important;}
	#logo-text {width: 100%;}
	#logo-sponsor {display: none!important;}
	
	#nav-view {width: 10%;}
	
	.page-header {margin: 0;}
	.page-banner img {width: 140%; margin-left: -20%;}
	.page-header h1 {font-size: 42px;}
	.page-header .utility {position: static; background: url(images/blue_repeat.jpg) center top repeat; padding: 5px 10px;}
	
	#header .zone {padding: 0 10px;}
	#nav .zone {padding: 0;}
	
	.skater {width: 98%;}

}

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

.tourdates-block {padding-right: 12px; font-size: 25px;}
.tourdates-utility {position: static; margin: 10px 0 0; border-top: 1px solid #ccc; padding-top: 10px;}
.tourdates-social,
.tourdates-buttons {text-align: left; }
}


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

	<!--#footer-sponsors ul li {display: block; margin: 0 0 10px;}-->
	.page-banner img {width: 180%; margin-left: -40%;}
	.page-header h1 {font-size: 36px;}

.tourdates-buttons li .button {font-size: 14px;}


}


@media screen and (max-width: 420px) {
	.upcoming-show {width: 190px!important; position: relative;}
	.upcoming-show-wrapper,
	#upcoming-shows-carousel {width: 210px!important;}
}