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

  #page {min-width: 0;}
  .zone {width: 100%;}

}

/*over base size*/


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

  .nav-fixed #nav {position: fixed; top: 0; left: 0; width: 100%;}
  #nav .zone > ul > li > a {padding-top: 0!important; padding-bottom: 0!important; height: 40px; line-height: 36px;}
  #nav .zone > ul > li#nav-home > a img {padding-top: 12px;}
  #nav-group {display: block; height: 40px;}

}


@media screen and (min-width: 1120px) {
  
  #nav .zone > ul {font-size: 1.05em;}
  
}

@media screen and (min-width: 1200px) {
  
  #nav .zone > ul {font-size: 1.15em;}
  #header-newsletter {font-size: .95em;}
  
}


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

  .zone {width: 95%;}
  #nav .zone > ul {font-size: 1.175em;}
  #content {font-size: .875em;}

  #translate {
    margin-right: -25px;
  }
  
}

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

  #nav .zone > ul {font-size: 1.2em;}
  
  #header-newsletter input {width: 15em;}

}


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

  .zone {width: 90%;}
  #nav .zone > ul {font-size: 1.25em;}
  #header-newsletter {font-size: 1em;}
  #content {font-size: .9em;}

  #translate {
    margin-right: -60px;
  }

}

@media screen and (min-width: 1550px) {
  
  #header-bg .sub img {width: 120%; margin-left: -10%;}
  #logo {width: 40%; }
  nav .zone > ul {font-size: 1.35em;}
  #header-newsletter {font-size: 1.05em;}

}

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

  .zone {width: 85%;}
  #nav a {padding-left: 1em; padding-right: 1em;}
  #header-newsletter {font-size: 1.1em;}
  #content {font-size: .925em;}

  #translate {
    margin-right: -105px;
  }
  
}




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

  #footer-external ul {font-size: .8em;}

}

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

  html {background: #000;}
  body {position: relative; left: 0; -moz-transition: left .25s linear; -webkit-transition: left .25s linear; transition: left .25s linear; overflow-x: hidden;}
  
  #logo {top: 15%;}
  
  #header-newsletter {display: none;}
  
  #translate {position: static; padding: .5em;}
.goog-te-menu-value {width: 100%!important;}

  #nav-group {display: block; position: absolute; top: 0; right: -250px; width: 250px; display: none;}
  #nav {background: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); font-size: 1.2em;}
  #nav .zone {padding: 0;}
  #nav ul {text-align: left;}
  #nav li {display: block; border-left: 0;}
  #nav li:last-child {border-right: 0;}
  #nav a {padding: .5em 1em .65em; }
  #nav .zone > ul > li > a {background: #b1151a;
  background: -moz-linear-gradient(top, #b1151a 0%, #8c0c10 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1151a), color-stop(100%,#8c0c10));
  background: -webkit-linear-gradient(top,  #b1151a 0%,#8c0c10 100%);
  background: -o-linear-gradient(top, #b1151a 0%,#8c0c10 100%);
  background: -ms-linear-gradient(top,  #b1151a 0%,#8c0c10 100%);
  background: linear-gradient(to bottom,  #b1151a 0%,#8c0c10 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1151a', endColorstr='#8c0c10',GradientType=0 );}
  #nav li:hover > a {color: inherit!important; text-shadow: inherit;}
  #nav .dropdown li a:hover,
  #nav li#nav-home:hover a,
  #nav .zone > ul > li > a:hover {color: #000!important; text-shadow: 1px 1px 0px #fff; background: #ffffff; position: relative; z-index: 2;
  background: -moz-linear-gradient(top, #ffffff 0%, #7b7776 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#7b7776));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#7b7776 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#7b7776 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#7b7776 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#7b7776 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7b7776',GradientType=0 );}
  #nav li.dropdown-parent > a:before {display: none!important}
  #nav .dropdown {display: block; width: auto; position: static; margin: 0; padding: 0; font-size: .9em;}
  #nav .dropdown ul {padding: 0; background: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);}
  #nav .dropdown li a {padding: .5em 1em .65em 2em;
  background: #313131;
  background: -moz-linear-gradient(top, #313131 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313131), color-stop(100%,#141414));
  background: -webkit-linear-gradient(top,  #313131 0%,#141414 100%);
  background: -o-linear-gradient(top, #313131 0%,#141414 100%);
  background: -ms-linear-gradient(top,  #313131 0%,#141414 100%);
  background: linear-gradient(to bottom,  #313131 0%,#141414 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313131', endColorstr='#141414',GradientType=0 );
  }
  #nav-newsletter {display: block!important;}
  
  #nav-toggle {display: block; position: absolute; top: 1em; right: 1em; display: block; width: 52px; height: 0; overflow: hidden; padding: 48px 0 0; background: #000 url(images/nav_toggle.png) no-repeat; -moz-border-radius: .5em;  -webkit-border-radius: .5em; border-radius: .5em; cursor: pointer; border: 2px solid #ccc; -moz-transition: background-color .15s linear; -webkit-transition: background-color .15s linear; transition: background-color .15s linear; }
  #nav-toggle:hover {background-color: #db0f14;}


  .nav-on body {left: -250px;}
  .nav-on #nav-group {display: block;}
  
  #nav li#nav-home a:after {content:"Home";}
  #nav li#nav-home img {float: right;}
  
  #header-socials {position: static; text-align: center; padding: .5em;}
  #header-socials a {background-color: #db0f14;}
  
  
  #content {font-size: .8em;}

}

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

  #footer-socials {margin: 0;}
  #footer-socials ul li {display: block; text-align: center; margin: 0 0 .5em; padding: 0;}
  #footer-socials ul li a img {width: 1.4em; position: static; display: inline-block; vertical-align: middle; margin: 0 .5em 0 0;}
  #footer-socials ul li a br {display: none;}
  
  #footer-top {padding: 0;}
  #footer-external ul {font-size: 1.3em;}
  #footer-external ul li {display: block; margin: 1em 0; width: 50%; float: left;}
  #footer-external ul li a img {width: 1em;}
  
  #content {font-size: .75em;}

  .pagenotfound p { width: 100%; bottom: -40px; left: 0px; font: bold 1.2em/1.2 'bitter', serif; text-align: center; margin: 30px 0px; }


}

@media screen and (max-width: 820px) {
  
  #col-a, #col-b {width: auto!important; float: none!important; padding: 0!important; margin-top: 2.5em;}
  #col-a:first-child,
  #col-b:first-child {margin-top: 0;}
  
  .section-side-promo {max-width: 400px; margin-left: auto; margin-right: auto;}
  
  
  h1 {font-size: 3em;}
  h2 {font-size: 1.8em;}
  h3 {font-size: 1.3em;}
  h4 {font-size: 1em;}
  
  
  #home-topper {padding: 0;}

#home-topper-video {border: 8px solid #c2161b; margin: 0 0 2em;}

#banner-video-block {padding-bottom: 56.25%;}

#home-topper-promos {display: block; border-top: 5px solid #c2161b; border-bottom: 5px solid #c2161b; overflow: hidden;}

.home-topper-promo {width: 25%; float: left; position: static;}
.home-topper-promo img {display: block; width: 100%;}
 
  
  
}


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

  .layout {padding: 0;}

  .discography-details-song-functions {margin: 8px 5px 5px 0; padding: 0; list-style: none; float: right; clear: both;}
  .discography-details-song-functions li {float: left; margin: 0 0 0 5px;}
  .discography-details-song-functions li span, .discography-details-song-functions li a {font-size: 10px;}

}


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

  #copyright-meta {font-size: 1.2em; margin: 1em 0;}
  #copyright-meta li {display: block; border-bottom: 1px solid #555;}
  #copyright-meta li:first-child {border-top: 1px solid #555;}
  #copyright-meta li:before {display: none;}
  #copyright-meta li a {padding: .5em; display: block;}

  #footer-external ul {font-size: 1em;}
  
  
  
  .discography-details-song-functions {margin: 8px 5px 5px 0; padding: 0; list-style: none; float: right; clear: both;}
  .discography-details-song-functions li {float: left; margin: 0 0 0 5px;}
  .discography-details-song-functions li span, .discography-details-song-functions li a {font-size: 10px;}
  
  
  
  #photos-listing li {width: 33.33334%;}

}


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

  #header-bg .large {display: none!important;}
  #header-bg .small {display: block!important;}
  #logo {width: 45%!important; top: 10%!important;}
  
  
  .articles-date{margin: .5em 0 0;}

  .articles-utility {text-align: left;} 





  .discography-details-song-functions {margin: 8px 5px 5px 0; padding: 0; list-style: none; float: right; clear: both;}
  .discography-details-song-functions li {float: left; margin: 0 0 0 5px;}
  .discography-details-song-functions li span, .discography-details-song-functions li a {font-size: 10px;}
  
  
  
  .home-topper-promo {width: 50%}
  
  
  .tourdates-block {font-size: .9em; }
  
}


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

  .discography-details-song-functions {margin: 8px 5px 5px 0; padding: 0; list-style: none; float: right; clear: both;}
  .discography-details-song-functions li {float: left; margin: 0 0 0 5px;}
  .discography-details-song-functions li span, .discography-details-song-functions li a {font-size: 10px;}

}

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

  #footer-external ul li { width: 100%; float: none;}
  
  
  
  #discography-albums-listing li.discography-albums-thumb {display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 100%;}
  .discography-details-song-functions {margin: 8px 5px 5px 0; padding: 0; list-style: none; float: right; clear: both;}
  .discography-details-song-functions li {float: left; margin: 0 0 0 5px;}
  .discography-details-song-functions li span, .discography-details-song-functions li a {font-size: 10px;}

  .tourdates-block {padding-right: 0;}
  .tourdates-block .social-icons { position: static; display: inline-block; } 
  
  #photos-listing li {width: 50%;}

}


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

  .zone {padding: 0 15px;}
  #nav-toggle {top: 15%;}

  #discography-albums-listing li.discography-albums-thumb {display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 100% ;}
  .discography-details-song-functions {margin: 8px 5px 5px 0; padding: 0; list-style: none; float: right; clear: both;}
  .discography-details-song-functions li {float: left; margin: 0 0 0 5px;}
  .discography-details-song-functions li span, .discography-details-song-functions li a {font-size: 10px;}


    
}