/*if css3*/
@media screen and (min-width: 0px) {

	.zone {max-width: 1000px; width: auto;}
	html {overflow-x: hidden;}

}

/*over base size*/

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

	#billboard-pager {display: none;}
	#billboard-prev, #billboard-next {display: block;}
	
}

@media screen and (min-width: 1100px) {
  
  #billboard img {width: 1920px; left: 50%; position: relative; margin-left: -960px; }
  
}


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

	.zone {max-width: 1100px; width: auto;}
	#nav {font-size: 40px; margin: 46px -20px 0 0;}
	#nav ul li a {padding: 10px 20px;}
	#content {font-size: .9em;}
}


/*under base size*/






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

	#content {padding-bottom: 20px;}

}


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

	#nav {margin-top: 38px; }
	#logo {width: 214px; padding: 95px 0 0; background-size: cover; margin: 5px 0 -26px;}

}

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

	#nav {margin-top: 42px; font-size: 32px;}


}

@media screen and (max-width: 860px) {
	
	#nav {margin-right: -10px;}
	#nav ul li a {padding: 10px 10px;}
	
	#photos-bg {display: none;}
	#content {background: url(images/bg_mobile.jpg) center top repeat; background-size: 200% auto;}

}

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

	#nav-toggle {display: block; width: 42px; height: 0; overflow: hidden; padding: 42px 0 0; background: url(images/nav_toggle.png) no-repeat; float: right; margin: 25px 0 0; cursor: pointer;}
	
	#nav-group {position: absolute; top: 0; right: -250px; width: 250px; display: none}
	
	#nav {float: none; margin: 0; font-size: 38px;}
	#nav ul li {display: block; border-bottom: 1px solid #333;}
	#nav ul li a {color: #fff; padding: 10px 20px;}
	#nav ul li a:hover {color: #dd1400}

	#utility {position: static; padding: 20px; text-align: center}
	
	.nav-on body {position: relative; left: -250px; border-right: 1px solid #333;}
	.nav-on #nav-toggle {opacity: .5;}
	.nav-on #nav-group {display: block;}
	
}

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

	#col-a, #col-b {float: none!important; width: auto!important; padding: 0!important; margin-top: 2.5em;}
	#col-a:first-child, #col-b:first-child {margin-top: 0;}
	
	#billboard-pager {position: static; margin: 1em 0; display: block}
	#billboard-prev,
	#billboard-next {display: none;}
	
	
	.video-list-item {width: 33.3333334%;}
	
	
	

}

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


	#nav-toggle {margin-top: 14px;}
	#page-header {text-align: left;}

}


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

	.zone {padding: 0 15px;}
	#content {padding-bottom: 15px;}
	
	#footer {text-align: center;}
	#copyright {font-size: 13px; float: none; margin: 0 0 2em; line-height: 1.5;}
	#copyright br {display: inline;}
	#copyright-meta {margin: 0 0 2em; line-height: 1;}
	#copyright-meta li {display: block; padding: 0; border-left: 0; border-bottom: 1px solid #ddd;}
	#copyright-meta li a {display: block; padding: 1em;}
	#footer-meta {float: none;}
	
	#home-social-feeds-list {background: #DD1400; padding: .25em;}
	#home-social-feeds-list a {width: 32px; overflow: hidden; padding: 0; height: 32px; -moz-border-radius: 0!important;  -webkit-border-radius: 0!important;  border-radius: 0!important; margin: 0 5px; }
	#home-social-feeds-list .icon {display: block;}
	
	.tourdates-block .social-icons {position:relative; top:10px; right:}
	
	.video-list-item {width: 50%;}
	
	
}

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

	body {background: #000;}

	#nav-toggle {margin-top: 10px;}
	#content {font-size: .8em;}
	#content {padding-bottom: 0;}
	#content > .zone {padding: 0;}
	.layout {padding: 15px;}
	#page-header {padding: 0 15px;}
	#footer {border-top: 5px solid #DD1400; color: #fff;}
	#copyright {font-size: 12px; color: #fff;}
	#copyright-meta li {border-color: #444;}
	#copyright-meta li a {color: #fff;}
	#billboard {margin: 0 15px;}
	

}

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

.video-list-item {width: 100%;}

}