/*********************
* Responsive
**********************/
.only-medium-screen {
  display: none!important;
}
.only-small-screen {
  display: none!important;
}

.only-exclusive-medium-screen {
  display: none !important;
}

#brand-rwd {
  display: none;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: -20px;
}
#homepage .logo-15-years-small {
  display: none;
  width: 50px;
  height: 43px;
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: -25px;
}

@media all and (max-width: 1170px){
  .container, .split-left .container, .split-right .container, #menu .container,
  .view-profile-researcher h4.views-title,
  .view-profile-researcher > div:not(.view-display-id-memoirs_highlight):not(.view-display-id-spin_off) tr td,
  .view-profile-researcher .view-filters,
  .view-empty {
    width: 100%;
  }

  .fact-num {
    border: none;
  }
  .fact-num:before, .fact-num:after {
    display: none;
  }
  #views-exposed-form-web-public-users-highlights .views-exposed-form .views-exposed-widgets .container-submits .views-exposed-widget.views-submit-button .form-submit{
    margin-right: 5% !important;
  }
}

@media (min-width: 750px) and (max-width: 1020px){
  .only-exclusive-medium-screen {
    display: block!important;
  }
}

@media all and (min-width: 1021px){
  .mobile,
  .buildings-list .extra-info.desktop{
    display: none;
  }
}
@media all and (max-width: 1020px){
  .only-wide-screen {
    display: none!important;
  }
  .only-medium-screen {
    display: block!important;
  }

  #brand-rwd {
    display: block;
  }
  #main.splitted:before,
  #homepage .split-right,
  #header h1,
  #header h2,
  #header .split-right {
    display: none;
  }
  .split-left,
  .split-right,
  .col-left,
  .col-right,
  .cols-2 > *,
  .cols-3 > *,
  .cols-4 > *,
  .cols-5 > *,
  .view-web-public-content.view-display-id-block_5 .views-row,
  .buildings-menu h1,
  .buildings-menu ul,
  div:not(.view-content) > .item-list,
  .fact-description, .fact .fact-data,
  .layer .col-1,.layer .col-2,.layer .col-3,.layer .col-4,.layer .col-5,.layer .col-6,.layer .col-7,.layer .col-8,.layer .col-9,.layer .col-10,.layer .col-11,.layer .col-12 {
    float: none;
    position: relative;
    width: 100%;
    height: auto;
    left: auto;
    right: auto;
    clear: both;
    margin: 0 0 20px;
  }
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-left, .col-right, .cols-2 > *, .cols-3 > *, .cols-4 > *, .cols-5 > * {
    padding-left: 20px;
    padding-right: 20px;
  }
  #main > h1 {
    font-size: 24px;
    margin: 1em 0 .5em;
    padding: 0 20px;
  }
  #homepage #top-menu {
    margin-left: -30%;
  }
  audio, canvas, iframe, img, svg, video {
    width: 100%;
    display: block;
  }
  .layer {
    padding: 20px;
    border-top: none;
    position: fixed;
    top: 0;
    left: 0;
    background: #222;
    z-index: 100;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
  }
  .layer audio, .layer canvas, .layer iframe, .layer img, .layer svg, .layer video {
    max-width: none;
    width: auto;
    margin: 0 auto;
  }
  .mt2 {
    margin-top: 0;
  }
  p.board {
    margin: 20px 0;
  }
  .container {
    padding: 0 20px;
  }
  #menu .container {
    padding-left: 0;
    padding-right: 0;
  }
  .row {
    margin-left: 0;
    margin-right: 0;
  }
  #menu {
    width: 100%;
  }
  #main {
    min-height: 550px;
  }
  .split-left .container, .split-right .container {
    float: none;
  }
  .pull-left, .pull-right {
    float: none!important;
  }
  #top-menu {
    padding-top: 15px;
  }
  #homepage {
    height: auto;
  }
  #homepage .logo-15-years-small {
    display: block;
  }
  #homepage .split-left, #homepage .split-right {
    border: none;
    margin-bottom: 0;
  }
  #homepage .split-left .container {
    width: 100%;
    left: 0;
  }
  #homepage .logo-15-years {
    display: none;
  }
  #homepage #top-menu {
    width: auto;
    position: absolute;
    top: 0;
    right: 20px;
    padding-top: 20px;
    padding-left: 0;
  }
  #homepage #top-menu ul {
    margin-left: 0;
  }
  #homepage .hgroup, #homepage #main-nav {
    padding-left: 33vw;
  }
  #homepage .hgroup {
    padding-top: 110px;
  }
  #homepage .hgroup h1 {
    margin-top: 28px;
    font-size: 30px;
    line-height: 1.25;
  }
  #homepage .hgroup img {
    max-width: 200px;
    margin-left: -90px;
  }
  #homepage #main-nav {
    padding-top: 10px;
    margin-bottom: 50px;
  }
  .intranet-link {
    display: none;
  }
  body.not-front {
    padding-top: 70px
  }
  #header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 70px;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.8);
  }
  #header .container {
    padding-top: 0;
  }
  #header #menu-toggler {
    margin-top: 20px;
  }
  #header .split-left {
    margin-bottom: 0;
  }
  #header #top-menu {
    overflow: hidden;
    width: auto;
  }
  #header .intranet-link {
    position: absolute;
    top: 40px;
    right: 20px;
    margin-left: 0;
  }
  #header #top-menu ul {
    display: block;
    float: right;
  }
  #main-nav {
    max-width: none;
  }
  #menu #menu-close {
    float: right!important;
    margin-right: 20px;
  }
  #content {}
  #content .split-left {
    /*margin-bottom: 0;*/
  }
  #content .split-right {
    background: #222;
    padding: 20px 0;
    margin-bottom: 0;
  }
  #content .split-right.empty {
    padding: 0;
    height: 2px;
    margin: 20px 0;
  }
  #content .split-right p.note, #content .split-right div.note {
    color: white;
  }
  #content.user-profile > .split {
    display: flex;
    flex-direction: column-reverse;
  }
  #content.user-profile .split-right {
    background: none;
    padding: 0;
  }

  figure {
    margin: 20px 0;
  }
  .split-right .container .view h1 {
    padding: 0;
  }

  .layer-close {
    float: right;
    text-indent: -500em;
  }

  #icreas-list {
    margin-top: 0;
  }
  #icreas-list header {
    text-align: left;
  }
  .user-profile header .container {
    height: auto;
    padding-right: 0;
    text-align: left;
    padding-top: 20px;
    overflow: hidden;
  }
  .user-profile header .container .avatar {
    position: static;
    float: left;
    left: auto;
    width: 30%;
    max-width: 150px;
    margin: 0 15px 10px 0;
  }
  .user-profile header .container h1 {
    margin: 0 0 .5em;
    font-size: 24px;
  }
  .user-profile nav ul {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  .user-profile nav li {
    display: inline-block;
    margin: 0 9px 12px 0;
    word-break: keep-all;
  }
  .user-profile nav li a {
    padding: 3px;
    border: 1px solid #a1892b;
    word-break: keep-all;
    font-size: 14px;
  }
  .user-profile nav li a.active, .user-profile nav li a:focus {
    background: #a1892b;
  }
  #community-list {
    padding-top: 0;
  }
  .profile-card {}
  .profile-card div {
    text-align: left;
  }
  .profile-card img {
    float: none;
    margin: 0 auto;
  }
  .striped-list-item .container > img {
    padding: 0;
    margin-right: 10px;
    width: 100px;
  }
  .striped-list-item .container > img.img-bordered {
    margin-top: 0;
  }
  .striped-list-item .container > time {
    padding: 2px 0;
    margin-right: 10px;
    width: 50px;
  }
  .striped-list-item .container > div h4 {
    margin-bottom: 1em;
  }
  /* Host institutions: Buildings list */
  .buildings {
    height: auto;
    margin-top: 0;
    z-index: 1;
  }
  .buildings-menu {
    height: 400px;
  }
  /*.buildings-menu h1 {*/
  /*  padding: 0;*/
  /*  text-align: left;*/
  /*  border: none;*/
  /*  border-radius: 0;*/
  /*  top: auto;*/
  /*  background: none;*/
  /*  font-size: 22px;*/
  /*  line-height: 1.5;*/
  /*  max-width: 300px;*/
  /*  margin: 0 auto 20px;*/
  /*}*/
  .buildings-menu ul {
    width: 92%;
    margin: 0 auto;
    border-top: 1px solid #a1892b;
  }
  .buildings-menu li {
    position: static;
    padding: 20px;
    top: auto!important;
    width: 100%!important;
    text-align: left;
    border-bottom: 1px solid #a1892b;
  }
  .buildings-menu li a:before, .buildings-menu li a:after {
    display: none;
  }
  .buildings-menu li.active span, .buildings-menu li a:hover + span {
    width: 40px;
    height: 40px;
    margin: -7px 0 0 0;
    padding: 0;
  }
  /*.buildings-viewer {*/
  /*  width: 92%;*/
  /*  left: 10px;*/
  /*  top: 420px;*/
  /*}*/
  .buildings-viewer.active {
    width: 92%;
  }
  .buildings-viewer > div {
    width: 100%;
    padding: 0 10px 0 0;
  }
  .buildings-preview {
    display: none;
    width: 100%;
  }
  .buildings .panel h1,
  .buildings-list {
    width: 100%;
  }
  .buildings-preview a {
    color: #000;
  }
  .buildings-list {
    padding: 0;
    margin-bottom: 40px;
  }
  .buildings-list .views-row {
    margin-bottom: 20px;
  }
  .buildings-list .extra-info {

  }
  .buildings-list .extra-info img {
  }
  .buildings-list .nano {
    height: 100%;
  }
  .buildings-list a {
    font-size: 14px;
    line-height: 4;
  }
  .buildings-list a.desktop {
    display: none;
  }
  .buildings-list a.btn {
    text-transform: none;
    border: none;
    padding: 0;
    font-weight: normal;
    color: #a1892b;
    margin: 0;
  }
  .desktop {
    display: none;
  }
  /* facts */
  .facts {
    padding-top: 0;
  }
  .facts h1 {
    margin-bottom: 50px;
  }
  .facts h1 span {
    /*widows: 100%;*/
    padding: 0;
  }
  .facts h1 .pull-left {
    text-align: left;
  }
  .fact {
    min-height: 0;
    padding-left: 70px;
  }
  .fact h2 {
    margin-bottom: .2em;
  }
  .fact.active .fact-num {
    left: 28px;
    width: auto;
    margin-left: 0;
  }
  .fact .pull-left, .fact .pull-right {
    width: auto;
  }
  .fact .pull-left {
    text-align: left;
  }
  .fact .pull-right {
    color: #666;
  }
  .fact .pull-left > div, .fact .pull-right > div {
    float: none;
    width: auto;
  }
  .fact-description {
    text-align: left;
    margin-bottom: .5em;
  }
  .fact .fact-data {
    padding-top: 0;
  }

  #spin-off-list {
    padding-top: 0;
  }

  #map-canvas {
    margin: 40px 0;
    width: 100%;
  }

  .view-web-public-content.view-display-id-block_5 {}
  .view-web-public-content.view-display-id-block_5 .views-row {
    margin-bottom: 30px;
    text-align: center;
  }

  .brand-resource {}
  .brand-resource .col-4 {
    max-width: 160px;
    float: left;
    margin: 0 15px 15px 0;
  }
  .brand-resource .col-8 {
    clear: none;
  }

  /* images are too small, we shall not make them width 100% */
  .view-web-public-content.view-display-id-block_3 .views-field-field-wp-image img,
  .view-web-public-content.view-display-id-block_4 .views-field-field-wp-image img,
  .view-web-public-content.view-display-id-block_5 .views-row img {
    width: auto;
    margin: 0 auto;
  }
  /* ---------- */
}

@media all and (max-width: 750px){
  html, input, select, textarea {
    font-size: 16px;
    line-height: 1.4;
  }

  .only-small-screen {
    display: block !important;
  }

  .only-no-small-screen {
    display: none !important;
  }

  .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
    float: none;
    position: relative;
    width: 100%;
    height: auto;
    left: auto;
    right: auto;
    clear: both;
    margin: 0;
  }
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-left, .col-right, .cols-2 > *, .cols-3 > *, .cols-4 > *, .cols-5 > * {
    padding-left: 0;
    padding-right: 0;
  }

  #menu {}
  #menu .menu-nav {
    padding-bottom: 20px;
    margin-top: 17px;
    background: white;
  }

  #menu h2 {
    color: #666;
    font-weight: bold;
    border-width: 1px;
    padding: 20px;
    margin-top: 0;
  }
  #menu h2 a, #menu a:focus {
    color: #666;
  }
  #menu a.active {
    color: #a1892b;
  }
  #menu ul {
    display: none;
    margin: 0;
    padding-left: 0;
    min-height: 0;
  }
  #menu .menu-nav > div.open .col-4 > ul, #menu .menu-nav > .col-4.open > ul, #menu li.open > ul, #menu a.active + ul {
    display: block;
  }
  #menu li {
    text-indent: 0;
  }
  #menu li.intranet {
    display: none;
  }
  #menu li:before {
    display: none;
  }
  #menu li a {
    display: block;
    color: #666;
    font-weight: bold;
    border-width: 1px;
    padding: 20px 20px 20px 40px;
    text-transform: uppercase;
    border-top: 1px solid #a1892b;
    font: 300 18px/20px 'Roboto Condensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  #menu .sn-list {
    padding-left: 40px;
  }
  #menu .sn-list li a {
    display: inline-block;
    font-weight: normal;
    border-top: none;
    padding: 0;
  }
  #menu ul ul {
    padding-left: 0;
  }
  #menu li li {
    text-indent: 0;
  }
  #menu li li a {
    padding-left: 60px;
  }

  #main-nav ul {
    font-size: 18px;
  }

  .buildings-menu li a {
    font-size: 16px;
  }
  .home-footer {
    font-size: 12px;
  }
  #views-exposed-form-web-public-users-scientific-contribution2 .views-exposed-widgets > div .bef-checkboxes > div{
    width: 100%;
  }
}

@media all and (max-width: 480px) {
  #views-exposed-form-web-public-users-highlights .views-exposed-form .views-exposed-widgets .container-submits .views-exposed-widget.views-submit-button .form-submit {
    top: 60px;
  }
  #views-exposed-form-web-public-users-highlights .views-exposed-form .views-exposed-widgets .container-filters .views-exposed-widget.views-widget-filter-field_year_value{
    width: 87%;
  }
}

@media all and (max-width: 1440px) {
  .split-right
    .grid-link3 {
      font-size: 30px;

  }
}