/* Player */
@media (max-width: 550px) {
  .banner-player form,
  .banner-player .btn-watch {
    display: none;
  }

  .banner-player .videos {
    padding-top: 20px;
  }
}

@media (max-width: 400px) {
  .banner-player .btn-calendar {
    display: none;
  }
}

@media (max-width: 350px) {
  .banner-player h3 {
    display: none;
  }
}

@media (max-width: 270px) {
  .banner-player h3 {
    display: block;
  }

  .banner-player .videos {
    display: none;
  }
}

/* Auto */
.banner-auto {
  cursor: pointer;
  min-height: 0;
}

.banner-auto .content {
  height: 0;
  padding-bottom: 120px;
}

/* 3x5 */
@media (max-width: 370px) {
  .banner-auto .content {
    padding-bottom: 166.67%;
  }

  .banner-auto .wrapper {
    padding-top: 23.33%;
  }

  .banner-auto .title {
    font-size: 1.125em;
  }

  .banner-auto h2 {
    font-size: 1.125em;
  }

  .banner-auto h3 {
    font-size: 0.875em;
  }

  .banner-auto .location {
    font-size: 0.8125em;
  }

  .banner-auto .btn-calendar {
    margin-top: 30px;
  }

  .banner-auto .single-video + .title,
  .banner-auto .single-video + h3 {
    margin-top: 50%;
  }

  .banner-auto .multi-video + .title,
  .banner-auto .multi-video + h3 {
    margin-top: 70%;
  }

  .multi-video .video {
    margin-right: 1%;
    max-width: none;
    width: 23.75%;
  }

  .multi-video .video:first-child {
    width: 75%;
  }

  .banner-auto .title + .btn-watch {
    margin-top: 30px;
  }
}

@media (max-width: 275px) {
  .banner-auto .title {
    font-size: 1em;
  }
}

@media (max-width: 250px) {
  .banner-auto form {
    display: none;
  }

  .banner-auto .btn-calendar {
    margin-top: 0;
  }

  .banner-auto .learn-more {
    margin-bottom: 10px;
  }

  .banner-auto .countdown .tile,
  .banner-auto .countdown .separator {
    font-size: 1em;
  }

  .banner-auto .countdown .label {
    font-size: 0.625em;
  }
}

@media (max-width: 220px) {
  .banner-auto .btn-watch {
    display: none;
  }
}

@media (max-width: 200px) {
  .banner-auto .countdown {
    display: none;
  }

  .banner-auto .learn-more {
    display: none;
  }
}

@media (max-width: 175px) {
  .banner-auto .btn-calendar {
    display: none;
  }

  .banner-auto .single-video,
  .banner-auto .multi-video {
    display: none;
  }

  .banner-auto .single-video + .title,
  .banner-auto .single-video + h3,
  .banner-auto .multi-video + .title,
  .banner-auto .multi-video + h3 {
    margin-top: 0;
  }
}

@media (max-width: 150px) {
  .banner-auto .location {
    display: none;
  }
}

/* 1x6 */
@media (min-width: 371px) {
  .banner-auto .content {
    padding-bottom: 16.67%;
  }

  .banner-auto .wrapper {
    padding-right: 2.7778%;
    padding-top: 2.7778%;
  }

  .banner-auto .title {
    font-size: 1.25em;
    margin-bottom: 5px;
  }

  .banner-auto .details {
    float: left;
    padding-right: 5px;
    width: 45%;
  }

  .banner-auto .actions {
    float: left;
    width: 45%;
  }

  .banner-auto h2 {
    font-size: 1.125em;
  }

  .banner-auto h3 {
    font-size: 0.875em;
  }

  .banner-auto .location {
    font-size: 0.8125em;
  }

  .banner-auto .account-services,
  .banner-auto .btn-calendar {
    display: none;
  }

  .banner-auto .input-email {
    width: 170px;
    *width: 150px; /* <= IE7 */
  }

  .banner-auto .single-video,
  .banner-auto .multi-video {
    max-width: 230px;
    width: 32%;
  }

  .banner-auto .multi-video {
    padding: 0.5% 0 0 0.5%;
  }

  .banner-auto .multi-video .video {
    max-width: none;
    width: 44%;
  }

  .banner-auto .single-video ~ .title,
  .banner-auto .single-video ~ h3,
  .banner-auto .single-video ~ .details,
  .banner-auto .single-video ~ .btn-watch,
  .banner-auto .multi-video ~ .title,
  .banner-auto .multi-video ~ h3,
  .banner-auto .multi-video ~ .details,
  .banner-auto .multi-video ~ .btn-watch {
    margin-left: 30.8%;
  }

  .banner-auto .single-video ~ .details {
    width: auto;
  }

  .banner-auto .live-now ~ .btn-watch {
    display: none;
  }
}

@media (min-width: 371px) and (max-width: 700px) {
  .banner-auto .btn-watch {
    display: none;
  }
}

@media (min-width: 371px) and (max-width: 675px) {
  .banner-auto .details {
    float: none;
    padding-right: 0;
    width: auto;
  }

  .banner-auto .actions {
    display: none;
  }

  .banner-auto .countdown .tile,
  .banner-auto .countdown .separator {
    font-size: 1em;
  }

  .banner-auto .countdown .label {
    font-size: 0.625em;
  }
}

@media (min-width: 371px) and (max-width: 600px) {
  .banner-auto .title,
  .banner-auto h2 {
    font-size: 1em;
  }

  .banner-auto .location {
    display: none;
  }
}

@media (min-width: 371px) and (max-width: 520px) {
  .banner-auto .countdown .label {
    display: none;
  }
}

@media (min-width: 371px) and (max-width: 500px) {
  .banner-auto h2 {
    display: none;
  }
}

@media (min-width: 371px) and (max-width: 400px) {
  .banner-auto .countdown {
    display: none;
  }
}

@media (min-width: 721px) {
  .banner-auto .content {
    padding-bottom: 120px;
  }

  .banner-auto .wrapper {
    padding: 20px 0 0 72px;
  }

  .banner-auto .single-video ~ .title,
  .banner-auto .single-video ~ h3,
  .banner-auto .single-video ~ .details,
  .banner-auto .single-video ~ .btn-watch,
  .banner-auto .multi-video ~ .title,
  .banner-auto .multi-video ~ h3,
  .banner-auto .multi-video ~ .details,
  .banner-auto .multi-video ~ .btn-watch {
    margin-left: 200px;
  }

  .banner-auto .multi-video {
    padding: 5px 0 0 5px;
  }
}

/* Site */
.banner-site .wrapper {
  padding-top: 23%;
}

.banner-site .title,
.banner-site .metadata,
.banner-site .actions {
  display: none;
}

.banner-site .countdown {
  text-align: center;
}

@media (max-width: 375px) {
  .banner-site .countdown {
    font-size: 0.75em;
  }
}

@media (min-width: 500px) {
  .banner-site .countdown {
    font-size: 1.5em;
  }

  .banner-site .countdown .tile {
    padding: 0 10px;
  }
}

.banner-site .countdown .unit,
.banner-site .countdown .separator {
  display: inline-block;
  float: none;
}