/* Styles for dual logo setup */
.logo {
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: center;
    align-content: center;
    width: 85% !important;
}

.first-logo {
    border-right: solid 1px;
    padding: 0 1rem;
}

.second-logo {
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
}

.first-logo #logo {
  /* max-height: 82px; */
}

.second-logo #logo {
  /* max-height: 82px; */
}

.nav-container {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

@media only screen and (min-width: 768px) {
  .et-fixed-header #main-header .logo {
    height: 80px !important;
  }
}

@media only screen and (min-width: 630px) {
  .logo {
    width: 500px !important;
  }
  .nav-container {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
}

@media only screen and (min-width: 768px) {
  .et-fixed-header #main-header .logo {
    height: 80px !important;
  }

  #main-header .logo {
    width: 400px !important;
    height: 64px !important;
  }
}

@media only screen and (min-width: 1020px) {
  /* .left-right #et-navigation {
    margin-top: 20px;
  } */
  /* .logo {
    width: 400px !important;
    height: 64px !important;
  } */
}

@media only screen and (min-width:1500px) {
  #main-header .logo {
    width: 500px !important;
  }
}

.show-menu {
  /* position: absolute;
  top: 30px;
  right: 15px; */
}