/* Responsive */

/*BIG device*/
@media (min-width: 768px) {
    .navbar-nav {
      margin-top: 35px;
    }
    .navbar-nav li a {
      color: black;
    }

    .navbar a.active-trail.active {
      color: #C83B49;
    }
    
    .navbar-nav li a[href="https://facebook.com/iamcr.org"] {
      background: transparent url(https://iamcr.org/sites/all/themes/web2018/images/ico-facebook.svg) no-repeat scroll 6px 17px;
      padding-left: 17px !important;
      margin: 0;
      border-left: 0;
      border-right: 0;
      background-size: 16px 16px;
      overflow: hidden;
      text-indent: -1000em;  
    }
    .navbar-nav li a[href="https://twitter.com/IAMCRtweets"] {
      background: transparent url(https://iamcr.org/sites/all/themes/web2018/images/search.svg) no-repeat scroll 6px 17px;
      padding-left: 15px !important;
      margin: 0;
      border-left: 0;
      border-right: 0;
      background-size: 16px 16px;
      overflow: hidden;
      text-indent: -1000em;
    }
    .navbar-nav li a[href="https://www.youtube.com/channel/UC-Z2aliy14LRJs26bBa3d-Q/featured"] {
      background: transparent url(https://iamcr.org/sites/all/themes/madrid/images/youtube.svg) no-repeat scroll 4px 17px;
      padding-left: 25px !important;
      margin: 0;
      border-left: none;
      border-right: none;
      background-size: 18px 15px;
      overflow: hidden;
      text-indent: -1000em;
    }
    .navbar-nav li a[href="https://iamcr.org"] {
      background: transparent url(../images/logo-iamcr.svg) no-repeat scroll 0px 6px;
      padding-left: 80px !important;
      margin: 0;
      border-left: none;
      border-right: none;
      background-size: 90px 34px;
      overflow: hidden;
      text-indent: -1000em;
    }
    .navbar-nav > li.active > a {
      font-weight: 500;
      background: transparent url("../images/dll--active.png") no-repeat 11px 42px;
    }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
      background-color: white;
  }

    .node-madrid-noticia .field-type-image {
      float: right;
      margin: 0 0 20px 20px;
    }

    .news .views-row {
      min-height: 450px;
    }

    
    

  }
  
/* Devices all bootstrap sizes */
  
@media(min-width:1200px) {}

@media (min-width:992px) and (max-width:1199px) { 

  .navbar {
    height: 185px;
  }
  
  .navbar-brand img {
    width: 160px;
    height: auto;
  }

  .nav > li > a {
    padding-left: 7px;
    padding-right: 7px;
  }

  .navbar-nav li.active a {
    font-weight: 500;
    background: transparent url("../images/dll--active.png") no-repeat 7px bottom;
  }

}

@media (min-width:768px) and (max-width:991px) {

  .navbar {
    height: auto;
  }

  .navbar-nav {
    margin-top: 0;
  }

  .navbar-header {
    min-height: 160px;
    float: none;
  }

  .navbar-right {
    float: none;
    margin-right: 0;
  }


  .nav > li > a {
    padding: 0px 10px;
  }

  .navbar-nav li.active a {
    background: transparent url("../images/dll--active.png") no-repeat 11px 42px;
  }

  .navbar-nav li a[href="https://iamcr.org"] {
    padding-left: 22px !important;
  }

  .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }

  #menu-lang {
    float: none;
    margin: 0;
    position: absolute;
    top: 20px;
    right: 10px;
  }

}

@media (max-width:767px) {

  .img-responsive img {
    width: 100%;
    height: auto;
  }

  iframe {
    width: 100%;
    height: auto;
  }

  #menu-lang {
    float: none;
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
  }

  #menu-lang li a {
    color: black;
    padding-bottom: 13px;
    font-size: 12px;
  }

  body.i18n-en #menu-lang li.button-en a  {
    font-weight: 500;
    background: transparent url("../images/dll--active.png") no-repeat 0px 14px;
  }

  body.i18n-ee #menu-lang li.button-es a  {
    font-weight: 500;
    background: transparent url("../images/dll--active.png") no-repeat 0px 14px;
  }

  .navbar {
    min-height: auto;
    margin-bottom: 0;
    height: 106px;
    z-index: 99999999999;
  } 

  .navbar-brand img {
    width: 140px;
    height: auto;
  }

  .navbar-toggle {
    padding: 9px 0;
  }

  .navbar-toggle .icon-bar {
    width: 32px;
    height: 5px;
    background-color: #003366;
    z-index: 99999999999;
  }

  .navbar-toggle {
    margin-top: 45px;
  }

  .navbar .region-navigation {
    background-color: #003366;
    margin-top: 0;
    padding: 0px 20px;
  }

  .navbar-nav {
    background-color: #003366;
    margin: 0;
  }

  .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 0;
    margin-left: 20px;
    position: relative !important;
    display: block !important;
  }

  .navbar-nav a { color: white; }

  .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }

  .navbar a.active-trail.active {
    font-weight: bold;
  }

  .nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
  }

  .dropdown-menu > li > a {
    color: white;
  }
  
  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: transparent;
  }

  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
  }

  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: white;
  }
  
  .jumbotron {
    height: 230px;
    min-height: 230px;
  }
  
  .jumbotron__right { display: none; }

  .jumbotron .jumbotron__gradient .jumbotron__left {
    width: 300px;
    height: 97px;
  }

  .jumbotron h2 {
    font-size: 12px;
    margin-bottom: 0px;
  }

  .jumbotron a {
    font-size: 13px;
    font-weight: 500;
  }

  .jumbotron .jumbotron__gradient .jumbotron__left .jumbotron__left__content {
    padding: 10px;
  }

  .jumbotron iframe {
    width: 300px;
    height: auto;
    margin-bottom: 8px;
    z-index: 0;
  }

  .hotlinks {
    padding: 20px 20px 0px 20px;
  }

  .hotlinks__hotlink img {
    width: 32px;
    height: auto;
  }

  .hotlinks a.link {
    font-size: 12px;
    margin-left: 0;
  }

  .hotlinks .hotlinks__hotlink {
    margin-bottom: 20px;
  }

  .news h3, .news .views-field-title {
    margin-bottom: 10px;
  }

  .news h3 a, .news .views-field-title a {
    background: none;
    padding-bottom: 0px;
  }

  .news .views-row {
    margin-bottom: 30px;
  }
  .sponsors img {
    margin: 7px 12px;
  }

  .colaboradores h2.colaboradores__title {
    margin-bottom: 20px;
  }

  .colaboradores__content img {
    height: 40px;
    width: auto;
    margin-right: 30px;
  }

  #twitter-area { display: none; }

}