#menu-icon {
    cursor: pointer;
}

.main-nav, .service-nav {
    display: none;
    opacity: 0;
    transition: all .2s ease-in-out;
    overflow: hidden;
}

.main-nav.show, .service-nav.show {
    display: block;
    opacity: 1;
    max-height: 500px;
}

.close-icons, .searchlist1.active .search-icon, .searchlist1.active .person-icon {
    display: none;
}

.searchlist1.active .close-icons {
    display: block;
}

#subNav1, #subNav2, #subNav3 {
    display: none;
}

.bi-chevron-right:before {
    font-size: 20px;
    font-weight: 800 !important;
}

.bi-x-lg:before {
    font-size: 20px;
    font-weight: 600 !important;
}

.bi-arrow-left::before {
    content: "\f12f";
    font-size: 20px;
    font-weight: 600 !important;
}

.logo {
    padding-right: 20px;
}

.panel-wrapper.mobile-design-active.show .panel  {
  animation-name: move;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  z-index: 99999;
}

.panel-wrapper.mobile-design-active .panel  {
  animation-name: moveOut;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  z-index: 99999;
}

@media (min-width:1459px){
  .panel-wrapper.show:not(.mobile-design-active) .panel  {
    animation-name: slide;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
    z-index: 99999;
  }

  .panel-wrapper:not(.mobile-design-active) .panel , .panel-wrapper:not(.show) .panel  {
    animation-name: slideOut;
    animation-duration: 0.2s;
    animation-fill-mode: backwards;
    z-index: 99999;
  }
}

.main-navigation-bar .icon-list .hamburger-menu .menu-label {
  vertical-align: bottom;
  line-height: initial;
}