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

  #headerCenter, #photoContainer, #content {
    padding-left: 14px;
    padding-right: 14px;
  }

  #footerCenter {
    padding: 0 246px 0 14px;
  }

  #photoControls, #footerColumn3, #footerSocial {
    right: 14px;
  }

  #photoMore {
    height: 136px;
    padding-left: 34px;
    padding-right: 34px;
  }

  .banner.fourCol_0 {
    margin-left: 18px;
  }

  .banner.threeCol_0, .banner.threeCol_0.fourCol_0 {
    margin-left: 0;
  }

  .smallBlock.threeCol_0 {
    margin-left: 0;
  }

  #subMenuContainer {
    padding: 0 14px;
  }

}

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

  #topButtons ul {
    width: 100%;
  }

  #topButtonSearch {
    left: auto;
    right: 0;
    width: 34%;
    padding: 0 3px 0 1%;
  }

  #buttonSearch {
    float: right;
    margin: 0 -3px 0 0;
  }

}

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

  #topButtonSearch {
    width: 36%;
  }

}

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

  #topButtonSearch {
    width: 40%;
  }

}

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

  .banner.threeCol_0 {
    margin-left: 18px;
  }

  .banner.twoCol_1 {
    margin-right: 18px;
  }

  .banner.twoCol_0, .banner.twoCol_0.threeCol_0 {
    margin-left: 0;
  }

}

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

  .subMenuPageRight .itemImageContainer, .subMenuPageRight .agendaItemImageContainer, .subMenuPageRight .newsItemImageContainer {
    float: left;
    width: 100%;
    padding: 0 0 18px 0;
  }

  .subMenuPageRight .itemIntroText.hasImage, .subMenuPageRight .agendaItemIntroText.hasImage, .subMenuPageRight .newsItemIntroText.hasImage {
    width: 100%;
  }

  .subMenuPageRight .itemBlockImageContainer {
    width: 100%;
    padding-right: 0;
    padding-bottom: 6px;
    display: none;
  }

  .subMenuPageRight .itemBlockImage2 {
    display: block;
  }

  .subMenuPageRight .itemBlockContent {
    width: 100%;
  }

}


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

  .banner {
    margin-left: 0 !important;
  }

  .banner.twoCol_0 {
    margin-right: 18px;
  }

}

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

  header {
    position: relative;
    float: left;
  }

  #contentContainer {
    margin-top: 23px;
  }

}

/* Switch to mobile view */
@media only screen and (max-width: 530px) {

  header {
    position: relative;
    float: left;
    min-height: 0;
    background: #ffffff;
  }

  #headerCenter {
    padding: 0;
  }

  #logo {
    width: 152px;
    height: 56px;
    margin: 8px 0 8px 22px;
  }

  #subsiteTitle {
    width: 100%;
    padding-left: 22px;
    margin: -6px 0 6px;
    font-size: 28px;
    line-height: 42px;
  }

  #content.hasGiraffe, .subMenuPageRight.hasGiraffe {
    padding-bottom: 18px;
  }

  .mobileHidden, #topButtonSearch, #photoOverlay, #photoMore, .colHeader .icon-arrow,
  .homeItems, #bannerContainer, .footerColumn, .subMenuLink .icon-arrow {
    display: none !important;
  }

  #breadcrumbContainer {
    /* padding: 13px 22px 9px 22px; */
    display: none;
  }

  #mobileSearchButton, #mobileMenuButton {
    display: block;
  }

  .subMenuLink {
    width: 100%;
    padding: 8px 22px 4px;
  }

  .subSubMenu {
    display: block;
  }

  #contentContainer {
    margin-top: 0;
  }

  #photoContainer {
    position: relative;
    float: left;
    min-width: 100%;
    height: 165px;
  }

  #content {
    padding: 0;
  }

  #contentCenter, #contentCenter.home {
    float: left;
    padding-top: 0;
  }

  .pageText {
    padding: 20px 22px;
  }

  .twoCols {
    width: 100%;
  }

  .twoCols.left, .twoCols.right {
    padding: 0;
  }

  .colHeader {
    height: 55px;
    padding: 2px 22px 0;
    margin: 0;
    border-radius: 0;
    font-size: 20px;
    line-height: 56px;
  }

  footer {
    margin-top: 0;
    background: #ffffff;
  }

  #footerCenter {
    min-height: 0;
    padding: 0;
  }

  #footerSocial {
    position: relative;
    bottom: auto;
    right: auto;
    float: left;
    width: 100%;
    height: 52px;
    padding: 0;
    margin: 0;
  }

  .footerSocialLink {
    float: left;
    width: 25%;
    min-width: 52px;
    height: 52px;
    padding: 0;
    margin: 0;
  }

  .subMenuPage {
    margin-top: 0;
    display: block;
  }

  .subMenuPageLeft {
    display: none;
  }

  .subMenuPageRight {
    width: 100%;
    padding-top: 30px;
    display: block;
  }

  .subMenuPage #pageHeader {
    padding-right: 22px;
  }

}

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

  .itemImageContainer, .agendaItemImageContainer, .newsItemImageContainer {
    float: left;
    width: 100%;
    padding: 0 0 18px 0;
  }

  .itemIntroText.hasImage {
    width: 100%;
  }

  .itemBlockImageContainer {
    width: 100%;
    padding-right: 0;
    padding-bottom: 6px;
    display: none;
  }

  .itemBlockImage2 {
    display: block;
  }

  .itemBlockContent {
    width: 100%;
  }

}

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

  .banner {
    margin-right: 0 !important;
  }

  .smallBlock {
    margin-right: 0 !important;
  }

}

/* ----------- iPad ----------- */

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

  .banner.fourCol_0 {
    margin-left: 18px;
  }

  .banner.threeCol_0, .banner.threeCol_0.fourCol_0 {
    margin-left: 0;
  }

}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

  

}

/* ----------- Apple only ----------- */

#mainContainer.apple * .bannerLink {
  line-height: 18px;
}

#mainContainer.apple * .pageTextHeader,
#mainContainer.apple * .pageBottomLink {
  line-height: 20px;
}

#mainContainer.apple * .subMenuLink,
#mainContainer.apple * .subSubMenuLink {
  padding-bottom: 4px;
  line-height: 20px;
}

#mainContainer.apple * .subMenuLeftLink,
#mainContainer.apple * .subSubMenuLeftLink {
  padding: 4px;
  line-height: 20px;
}

#mainContainer.apple * .itemBlockDate,
#mainContainer.apple * .itemBlockDate .separator,
#mainContainer.apple * .newsItemDate,
#mainContainer.apple * .newsItemDate .separator,
#mainContainer.apple * .agendaItemDate,
#mainContainer.apple * .agendaItemDate .separator {
  line-height: 22px;
}

#mainContainer.apple * .topMenuLink,
#mainContainer.apple * .subMenuClose,
#mainContainer.apple * #breadcrumbContainer,
#mainContainer.apple * .breadcrumb {
  line-height: 24px;
}

#mainContainer.apple * .bannerTitle {
  line-height: 28px;
}

#mainContainer.apple * .mobileMenuLink,
#mainContainer.apple * .mobileSubMenuLink {
  padding: 2px 4px 0;
  line-height: 28px;
}

#mainContainer.apple * #pageHeader {
  line-height: 38px;
}

#mainContainer.apple * #buttonSearch,
#customPopup.apple .header,
#customPopup.apple .button {
  line-height: 52px;
}

#mainContainer.apple * #activityContainer .pageTextHeader,
#mainContainer.apple * #moreInfoContainer .pageTextHeader {
  padding-bottom: 4px;
}