/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------         Celular
*/

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------         Tablet vertical
*/

@media (min-width: 768px) and (max-width: 1199px) {
  .cont-menu-logos {
    height: 64vh;
    width: 42vw;
    overflow: hidden;
    float: right;
    padding: 0;
    border-left: 1px solid #fff;
    background-color: rgba(0, 0, 0, .7);
  }
  .tit-menu-logos {
    font-size: 26px;
    font-weight: 200px;
    color: #000;
    border-bottom: 1px solid #fff;
    padding: 20px;
    text-align: center;
    background-color: var(--tres);
    line-height: 25px;
  }
  .tit-menu-logos small {
    font-size: 15px;
    font-weight: 600;
  }
  .logo-menu {
    padding: 1.1vw 1vw;
    border-bottom: 1px solid #555;
  }
  .logo-menu-02 {
    padding: .5vw 1vw;
    border-bottom: 1px solid #555;
  }
  .logo-menu-03 {
    padding: 1.9vw 1vw;
    border-bottom: 1px solid #555;
  }
  .logo-menu img, .logo-menu-02 img, .logo-menu-03 img {
    width: 100%;
  }
  .logo-menu:nth-child(even) {
    background-color: rgba(0, 0, 0, .6);
    border-right: 1px solid #555;
    border-left: 1px solid #555;
  }
  .logo-menu-02:nth-child(2), .logo-menu-02:nth-child(5), .logo-menu-02:nth-child(6), .logo-menu-02:nth-child(9), .logo-menu-03:nth-child(2), .logo-menu-03:nth-child(5), .logo-menu-03:nth-child(6), .logo-menu-03:nth-child(9) {
    background-color: rgba(0, 0, 0, .6);
    border-right: 1px solid #555;
    border-left: 1px solid #555;
  }
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------         Monitor
*/

@media (min-width: 1200px) {
  .cont-menu-logos {
    height: 75vh;
    width: 30vw;
    overflow: hidden;
    float: right;
    padding: 0;
    border-left: 1px solid #fff;
    background-color: rgba(0, 0, 0, .7);
  }
  .tit-menu-logos {
    font-size: 26px;
    font-weight: 200px;
    color: #000;
    border-bottom: 1px solid #fff;
    padding: 20px;
    text-align: center;
    background-color: var(--tres);
    line-height: 25px;
  }
  .tit-menu-logos small {
    font-size: 15px;
    font-weight: 600;
  }
  .logo-menu, .logo-menu-02 {
    border-bottom: 1px solid #555;
    padding: 4vh 1.5vw;
  }
  .logo-menu img, .logo-menu-02 img {
    width: 100%;
  }
  .logo-menu:nth-child(even) {
    background-color: rgba(0, 0, 0, .6);
    border-right: 1px solid #555;
    border-left: 1px solid #555;
  }
  .logo-menu-02:nth-child(2), .logo-menu-02:nth-child(5), .logo-menu-02:nth-child(6), .logo-menu-02:nth-child(9), .logo-menu-03:nth-child(2), .logo-menu-03:nth-child(5), .logo-menu-03:nth-child(6), .logo-menu-03:nth-child(9) {
    background-color: rgba(0, 0, 0, .6);
    border-right: 1px solid #555;
    border-left: 1px solid #555;
  }
  .logo-menu-03 {
    padding: 3vw 1vw;
    border-bottom: 1px solid #555;
  }
}