/**
 * Responsive stuff
 */
@media only screen and (max-width: 1399px) {
  #block-differmainnavigation-main .nav-link {
    margin: 0px 4px;
  }

  #block-differmainnavigation-main .nav-link--network {
    display: none;
  }

  .path-frontpage .section-about .differ-corporate-video {
	top: 0px;
  }

  .path-frontpage .section-facilities .facility-caption {
    font-size: large;
    top: 1.9em;
  }

  .path-frontpage .section-banner .differ-front-block-title {
    font-size: 1.5em;
  }

  .path-frontpage .section-banner .differ-front-scroll {
    display: none;
  }

  .path-frontpage .section-news .news-body {
    font-size: medium;
  }

  .path-frontpage .section-news .news-brick span[class="news-caption"] {
    font-size: large;
    padding-top: 14px;
  }

  .path-frontpage .section-news .news-brick span[class="news-body"],
  .path-frontpage .section-news .event-brick span[class="news-body"] {
    font-size: medium;
  }

  .path-frontpage .section-about,
  .path-frontpage .section-research,
  .path-frontpage .section-working-at {
    background-attachment: scroll;
  }

}

@media only screen and (max-width: 1199px) {
  .btn-primary {
    min-width: 140px;
  }

  #block-differmainnavigation-mobile {
    display: inherit;
  }
  
  .path-frontpage .section-about .differ-corporate-video {
	top: 24px;
  }

  .path-frontpage .section-banner {
    display: none;
  }

  .path-frontpage .section-banner .differ-front-block-title {
    font-size: 1.5em;
  }

  .path-frontpage .section-info-banner .differ-front-block-title {
    font-size: 1.5em;
  }
  
  .path-frontpage .section-info-banner p {
    font-size: 15px !important;
  }

  .path-frontpage .section-news .news-caption {
    font-size: large;
    padding-top: 12px;
  }

  .path-frontpage .section-news .news-brick span[class="news-caption"] {
    font-size: large;
    padding-top: 14px;
  }

  .path-frontpage .section-news .news-body {
    font-size: 15px;
  }

  .path-frontpage .section-news .news-brick span[class="news-body"],
  .path-frontpage .section-news .event-brick span[class="news-body"] {
    font-size: 15px;
  }

  .region-page-submenu {
    height: max-content;
  }

  .region-page-submenu .nav-item {
    padding-bottom: 6px;
  }

  .navbar-nav li:hover > ul.dropdown-menu {
    display: block;
  }

  .navbar-nav li:hover > ul.dropdown-menu--level-1 {
    display: inline-block;
  }
  
  .navbar-nav li:hover > ul.dropdown-menu--level-2 {
    display: inline-block;
    position: relative;
    left: 16px;
  }

  .path-frontpage .section-news .news-brick .differ-news-date,
  .path-frontpage .section-news .event-brick .differ-news-date {
    font-size: 12px;
  }
  
  .path-frontpage .section-facilities .facility-caption {
    font-size: medium;
    top: 1.95em;
  }

  .path-frontpage .section-network #networkLogos,
  .path-frontpage .section-network .carousel {
    display: none;
  }

}

@media only screen and (max-width: 1079px) {
  .region-page-info .page-alttitle {
    font-size: 3em;
    margin-top: 64px;
  }

  .path-frontpage .section-news .views-col {
    margin-bottom: 16px;
  } 

  .path-frontpage .section-news .news-brick .differ-news-date,
  .path-frontpage .section-news .event-brick .differ-news-date {
    font-size: initial;
  }
  
  .site-footer .differprivacy,
  .site-footer .differfollow,
  .site-footer .differaffiliation {
    border-left: none;
    min-height: unset;
  }

}

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

  .path-frontpage .section-news .news-brick span[class="news-caption"] {
    font-size: x-large;
    padding-top: 10px;
  }

}

@media only screen and (max-width: 799px) {
  #navbar-main {
    padding: 8px 16px;
  }

  .navbar-nav {
    overflow-x: scroll;
  }

  .region-header-block {
    height: 280px;
    padding-top: 70px;
  }

  .region-page-info .page-alttitle {
    font-size: 1.67em;
    margin-top: 64px;
  }

  .path-frontpage .section-about {
    padding: 76px 32px 32px 32px;
  }

  .path-frontpage .section-info-banner {
    padding: 8px 16px;
  }

.path-frontpage .section-info-banner .differ-front-block-title {
  font-size: 1.5em !important;
}

  .path-frontpage .section-news,
  .path-frontpage .section-research,
  .path-frontpage .section-facilities,
  .path-frontpage .section-working-at,
  .path-frontpage .section-network {
    padding: 32px 16px;
  }

  .path-frontpage .section-news .row>* {
    padding-left: 4px;
    padding-right: 4px;
  }

  .path-frontpage .section-news .news-brick span[class="news-caption"] {
    font-size: large;
    padding-top: 14px;
  }

  .path-frontpage .section-news .news-brick .differ-news-date,
  .path-frontpage .section-news .event-brick .differ-news-date {
    font-size: 12px;
  }
  
  .path-frontpage .section-news .news-body {
    overflow-y: scroll;
  }

  .path-frontpage .section-research .btn-primary {
    margin-bottom: 16px;
  }

  .path-frontpage .differ-front-scroll {
    display: none;
  }

  .path-frontpage #block-differfrontabout {
    padding-top: 80px;
  }

  .path-frontpage .differ-front-block-title {
    font-size: 1.76em;
  }

  .path-frontpage .section-about h1[class="differ-front-block-title"] {
    font-size: 36px;
  }

  .view-differ-events .views-field-body,
  .view-differ-news .views-field-body,
  .view-differ-group-news .views-field-body {
    clear: both;
  }


  .differ-contact .contact-img {
    display: none;
  }

  .differ-contact .contact-info {
    margin-left: 0px;
  }
  
  .region-page-cta {
    padding: 32px 16px;
  }

  .region-page-cta .action {
    font-size: 2em;
  }

  .region-page-cta .btn-cta {
    font-size: 1.17em;
  }

  .site-footer {
    padding: 0 24px;
  }

}

@media only screen and (min-width: 1200px) {
  .navbar-form #block-differsearch,
  .navbar-form #block-differaccessibility {
    display: block;
  }

  .dropdown-submenu {
    position: relative;
  }

  .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
  }

  .navbar-nav li:hover > ul.dropdown-menu {
    display: block;
  }

  .navbar-nav li:hover > ul.dropdown-menu--level-1 {
    display: inline-block;
  }
  
  .navbar-nav li:hover > ul.dropdown-menu--level-2 {
    display: inline-block;
    position: relative;
    left: 16px;
  }
  
  .navbar-nav .nav-research-menu:hover > ul.dropdown-menu {
    display: flex;
  }
  
  #block-differmainnavigation-main {
    display: inherit;
  }

  #block-differmainnavigation-main .nav-item .nav-link::after {
    content: "";
    display: block;
    background: url("../images/divider.png") no-repeat;
    width: 12px;
    height: 50px;
    float: right;
    position: relative;
    left: 16px;
    top: -8px;
  }

  #block-differmainnavigation-main .nav-item .nav-link--contact::after {
    display: none;
  }

  
  #block-differmainnavigation-main .research-menu--level-2 {
    padding-left: 0px;
  }
  
  #block-differmainnavigation-main .research-menu--level-2 li:first-child {
    margin-top: 16px;
  }

}

@media only screen and (min-width: 1439px) {
  #block-differmainnavigation-main .dropdown-item a[title]::after {
    content: attr(title);
    font-style: italic;
    font-weight: 300;
    color: #ffffff;
    padding-left: 16px;
  }
  
  #block-differmainnavigation-main .nav-research--level-1 > a[title]::after {
    text-transform: uppercase;
    font-style: normal;
  }

}