/* MEDIA QUERIES */

/*
  MOBILE
*/

@media screen and (max-width: 767px) {
  #fv2015-drdk-top-banner-wrapper {
    height: 125px;
  }

  #fv2015-drdk-top-banner-wrapper .fvban-wrapper .fvban-content {
    min-width: 320px;
  }

  #fv2015-drdk-top-banner-wrapper .fvban-wrapper .fvban-content .block-video-etc {
    display: none;
  }

  #fv2015-drdk-top-banner-wrapper .block-candidates {
    width: 100%;
    text-align: center;
  }

  #fv2015-drdk-top-banner-wrapper .block-candidates .fvban-button {
    right: 0;
  }

  #fv2015-drdk-top-banner-wrapper .fvban-wrapper {
    background-position: center 0;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
	  padding: 0;
  }

  #fv2015-drdk-top-banner-wrapper .block-candidates .tagline {
    left: 10px;
    bottom: 10px;
    &.first {
      bottom: 25px;
    }
  }

  #fv2015-drdk-top-banner-wrapper .block-candidates .fvban-button {
    bottom: 10px;
    right: 10px;
  }

  #fv2015-drdk-top-banner-wrapper .block-candidates {
    padding: 10px;
  }
}

@media screen and (max-width: 380px) {
  #fv2015-drdk-top-banner-wrapper {
    height: 115px;
  }

  #fv2015-drdk-top-banner-wrapper .block-candidates .tagline.first {
    bottom: 18px;
    font-size: 13px;
  }

  #fv2015-drdk-top-banner-wrapper .block-candidates .tagline.second {
    display: none;
  }

  #fv2015-drdk-top-banner-wrapper .block-candidates .candidates .group a {
    height: 55px;
    width: 55px;
    //margin-left: 6px;

    img {
      width: 100%;
      height: auto;
    }
  }
  #fv2015-drdk-top-banner-wrapper .block-candidates .fvban-button {
	 padding: 0 10px;
  }
}

/* TABLET */

@media screen and (min-width: 768px) and (max-width: 880px) {
  #fv2015-drdk-top-banner-wrapper .block-candidates .tagline {
    font-size: 12px;
    &.first {
      bottom: 25px;
    }
    &.second {
      display: none;
    }
  }
}

@media screen and (min-width: 768px) and (max-width: 953px) {
  #fv2015-drdk-top-banner-wrapper .block-candidates .candidates {
    height: 60px;
  }
  #fv2015-drdk-top-banner-wrapper .block-candidates .candidates .group a {
    height: 60px;
    width: 60px;
    /*margin-left: 7px;*/

    img {
      width: 100%;
      height: auto;
    }
  }
  #fv2015-drdk-top-banner-wrapper .block-candidates .fvban-button {
	 padding: 0 10px;
  }
}
@media screen and (min-width: 952px) and (max-width: 1023px) {
  #fv2015-drdk-top-banner-wrapper .block-candidates .candidates {
    height: 70.5px;
  }
  #fv2015-drdk-top-banner-wrapper .block-candidates .candidates .group a {
    height: 70.5px;
    width: 70.5px;
    /*margin-left: 7px;*/

    img {
      width: 100%;
      height: auto;
    }
  }
  #fv2015-drdk-top-banner-wrapper .block-candidates .fvban-button {
   padding: 0 10px;
  }
}
/*
  DESKTOP
*/


@media screen and (min-width: 1024px) {
  #fv2015-drdk-top-banner-wrapper .block-candidates {
    width: 55%; 
  }
  #fv2015-drdk-top-banner-wrapper .block-candidates .candidates .group.second {
      display: inline;
  }

  #fv2015-drdk-top-banner-wrapper .block-video-etc {
    width: 45%;
  }
  #fv2015-drdk-top-banner-wrapper .block-candidates .candidates {
    height: 72.5px;
  }
  #fv2015-drdk-top-banner-wrapper .block-candidates .candidates .group a {
    width: 72.5px;
    height: 72.5px;
  }
}

@media screen and (min-width: 1160px) {
  #fv2015-drdk-top-banner-wrapper .fvban-wrapper .fvban-content {
    max-width: 1140px;
  }
  #fv2015-drdk-top-banner-wrapper .block-candidates .candidates {
    height: 68px;
  }
  #fv2015-drdk-top-banner-wrapper .block-candidates .candidates .group a {
    width: 67.35px;
    height: 67.35px;
  }
}

@media screen and (min-width: 1340px) {
  #fv2015-drdk-top-banner-wrapper .fvban-wrapper .fvban-content {
    max-width: 1320px;
  }
  #fv2015-drdk-top-banner-wrapper .block-candidates .candidates {
    height: 70.5px;
  }
  #fv2015-drdk-top-banner-wrapper .block-candidates .candidates .group a {
    width: 70.5px;
    height: 70.5px;
  }
}