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

    .navbar, .nav-directory{
        position: relative;
        padding: 0;
    }

    .navbar > div, #layout-header .center-block, .nav-directory nav{
        display:none;
    }
  .navbar-nav li{
      float:initial;
  }
  .navbar-nav li.slogan{
      display: none;
  }
    .hero-banner{
        background: url(/themes/demo/assets/images/bg-874.jpg) no-repeat center;
        padding: 20px 0;
    }
    .hero-banner .fixed-panel{
        display: table;
    }
    .hero-banner .col-60x{
        width: 100%;
        margin-bottom: 30px;
    }
    .hero-banner .col-70x{
        width: auto;
        height: auto;
        text-align: justify;
        margin-top: 10px;
        margin: 0;
    }    
    .hero-banner .col-40x{
        width: 100%;
        
    }
    
    .hero-banner .hero-banner-content img.logo{
        width: 60% !important;
        height: 80px;
        display: table;
         object-fit: contain;
         margin-top: 10px;
         margin-bottom: 10px;
        
    }
    
    
    .hero-banner .hero-banner-content a {
        float: right;
    }
    #layout-content {
        padding-top: 50px;
        width: 100%;
    }
    .mobile-header{
        display: table;        
    }    
    .mobile-header a{
        display: table !important;
    }

  .container{
      width:100%;
  }
  iframe{
      width: 80%;
  } 
  img{
      max-width:100%;
  }

.advisors h4{
    font-size: 0.9em;    
}

.advisors p{
    font-size: 12px;
}
  .col-20por, .col-25por, .col-30por, .col-35por, .col-40por, .col-60por, .col-50por, .col-80por{
      width:100%;
  }
  .boutiques .square-block, .restaurantes .square-block{
      width:300px;
  }
  .container .fixed-panel, .col-fullwidth .fixed-panel{
      display:table;
      width: 95%;
      margin: 0 auto;
  }
  .container .fixed-panel, .col-fullwidth .fixed-panel .panel-members{
      display:table;
      width: 100%;
      height: auto !important;
      margin: 0 auto;
  }

  .restaurantes .outline-button {
    width: 85%;
    margin: 10px auto;
  }
  .carrusel-container .fixed-panel{
      display:flex;
  }
  .four-banner .col-30por{
      width: 100%;
  }
  .square-block{
      margin: 10px;
  }
  .outline-button{
      float: initial;
  }
  
    .navbar .logo-mv, .nav-directory .icon {
      color: white;
      display:block;
    }
    .navbar .logo-mv img{
        height: 40px;
    }
  /* Style navigation menu links */
    .navbar a, .nav-directory a {
      color: white;
      padding: 5px 16px;
      text-decoration: none;
      font-size: 17px;
      display: block;
    }
    
    /* Style the hamburger menu */
    .navbar a.icon, .nav-directory a.icon {
      background: #2e3169;
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      padding: 17px 20px;
    }
    
    .nav-directory a.icon{
        background: white;
        color: #011f6b;
        padding: 5px;
    }
    
    /* Add a grey background color on mouse-over */
    .navbar a:hover {
      background-color: #ddd;
      color: black;
    }
    
    .block-title{
        margin: initial;
    }
    
    .four-banner > div, .map-block > div{
        padding: 0;
    }
    
    .map-block iframe{
        padding: 35px;
    }
    
    .carrusel-container .carrusel-contents .carrusel-overflow > div{
        margin: 0 auto;
        float: initial;
    }
    
    .four-banner > div img {
        width: 50%;
        margin: 0 auto;
        display: table;
        float: initial;
    }
    .col-fullwidth{
        display: grid;
        width: 95%;
        margin: 0 auto;
        padding: 20px 0;
    }
    
    .square-block {
        width: 84%;
    }
    
    .form-newsletter > div input{
        float: initial !important;
        width: 87%;
    }

    .column-with-color-left, .column-with-color-right{
        width:20px
    }
    
    h1 {
        font-size: 2.0em;
    }

    h3 {
        font-size: 1em;
    }
    h4 {
        font-size: 1.0em;
    }
    p{
        font-size: 14px;
    }

    .news div.col-30x{
        width: 95%;
    }  

    .hero-banner{
        min-height: 245px;
    }
    
    .hero-banner .hero-banner-content{
        line-height: 15px;
    }

    ::-webkit-scrollbar-track {
        height: 5px !important;
    }
    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        box-shadow: 0 0 1px rgba(255,255,255,.5);
    }
    .overflow-scroll{
        display: block;
        overflow-x: scroll;
        -webkit-overflow-scrolling: auto;
        width: 100%;        
    }

    /*#our-channels .col-80x img {
        width: 70%;
        margin: 0 auto;
        padding: 10px;
    }*/

    .circle, .circle-left{
        display: block;
    }
    #footer{
        width: 90%;
    }
    .contact-subtitle{
        display: block;
        font-size: 1.1em;
        padding-left: 5px;
    }

    .contact-subtitle:first-child{
        text-align: center;
    }
    .board .col-25x{
        width: 100%;
    }
    .board .col-30x{
        width: 100%;
    }
    .board .col-40x{
        width: 100%;
    }
    .board .col-20x{
        width: 100%;
    }

    .top-bottom-large-space {
        padding: 25px 0;
    }
    .top-bottom-large-space .col-60x{
        width: 80%;
    }
    
    .member .col-30x{
        width: 50%;
        display: flex;
        justify-content: center;
        margin: auto;
        height: 130px;
        align-items: center;
        
    }
    
    .member .col-20x{
        width: 50%;
        display: flex;
        justify-content: center;
        margin: auto;
        height: 130px;
        align-items: center;
        

    }
    
    .members-page img{
        width: 60%;
        margin: 0 auto;
        padding: 0;
        display: inline-block;
        justify-content: center;
        align-items: center;
        max-height: initial !important;
        
    }

   .members-page img.logo-disney {
    width: 111% !important;
    position: relative;
    margin-left: -15px;
}

.members-page img.logo-warner {
    width: 100% !important;
    position: relative;
}
.members-page img.logo-nbc {
    width: 100% !important;
    position: relative;
}
.members-page img.logo-amc {
    width: 100% !important;
    position: relative;
}
.members-page img.logo-aen {
    margin: 30px;
}
.members-page img.logo-paramount {
    margin: 30px;
}
.members-page img.logo-sony {
    width: 85% !important;
    position: relative;
    
}


    .espacio{
    display: none;
    }
.committees .col-80x {
  width: 85%;
}
  
}


@media only screen and (max-width: 1050px) {
#our-channels .col-80x img {
        width: 70%;
        margin: 0 auto;
        padding: 10px;
    }
    

}