.header .inner .pane-main-menu ul.menu li#why-esker.active ul.menu_level_1 .menu-level-1,
.header .inner .pane-main-menu ul.menu li#resources.active ul.menu_level_1 .menu-level-1 {
  padding: 4px 16px 14px;
  line-height: 30px;
}

.header .inner .pane-main-menu ul.menu li#why-esker.active ul.menu_level_1 a,
.header .inner .pane-main-menu ul.menu li#resources.active ul.menu_level_1 a {
  padding: 4px 20px 6px 16px;
  line-height: 1.2;
}

.esk_2023 .header .inner .pane-main-menu .pane-content ul.menu li span{
  display: block;
  position: relative;
  text-decoration: none;
  line-height: 14.4px;
  padding-bottom: 20px;
  padding-top: 20px;
}

li#why-esker ul.menu li span,
li#why-esker ul.menu li a,
li#resources ul.menu li span,
li#resources ul.menu li a {
  font-family: 'Roboto-bold';
  color: #141E29;
  text-transform: unset;
  white-space: nowrap;
  padding-bottom: 14px;
  font-size: 1em;
}

.header .inner .pane-main-menu ul.menu li.expanded.active > span.menu-level-0::before {
  content: "";
  display: block;
  background-image: url('https://www.esker.com/themes/custom/sndev/img/header-menu.png');
  width: 23px;
  height: 10px;
  position: absolute;
  left: 50%;
  bottom: -2px;
  margin-left: -12px;
  margin-bottom: 0;
  z-index: 999;
}

.header .inner .pane-main-menu ul.menu li#why-esker.active ul.menu_level_1,
.header .inner .pane-main-menu ul.menu li#resources.active ul.menu_level_1,
.header .inner .pane-main-menu ul.menu li#menu-solutions.active ul.menu_level_1,
.header .inner .pane-main-menu ul.menu li#menu-company.active ul.menu_level_1{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    max-width: 875px !important;
    width: 875px!important;
    padding: 0;
    margin: 0;
}


@media screen and (max-width: 1400px) {
.header .inner .pane-main-menu ul.menu li#why-esker.active ul.menu_level_1,
.header .inner .pane-main-menu ul.menu li#resources.active ul.menu_level_1,
.header .inner .pane-main-menu ul.menu li#menu-solutions.active ul.menu_level_1,
.header .inner .pane-main-menu ul.menu li#menu-company.active ul.menu_level_1 {
	max-width: 750px !important;
	width: 750px !important;
}	

	.header .inner .pane-main-menu ul.menu li#why-esker.active ul.menu_level_1 {left: 130%;}
	.header .inner .pane-main-menu ul.menu li#menu-company.active ul.menu_level_1 {right: -70% !important}
}

.header .inner .pane-main-menu ul.menu li#why-esker.active ul.menu_level_1 li,
.header .inner .pane-main-menu ul.menu li#resources.active ul.menu_level_1 li,
.header .inner .pane-main-menu ul.menu li#menu-solutions.active ul.menu_level_1 li,
.header .inner .pane-main-menu ul.menu li#menu-company.active ul.menu_level_1 li{
    display: block;
    float: left;
    position: relative;
    width: auto;
    margin: 0;
    padding: 20px 0;
    clear: none;
    box-shadow: none;
    border: none;
}

.header .inner .pane-main-menu ul.menu li#menu-solutions ul.menu:after,
.header .inner .pane-main-menu ul.menu li#menu-company ul.menu:after {display: none !important}


.header .inner .pane-main-menu ul.menu li#why-esker.active ul.menu_level_1 ul.menu,
.header .inner .pane-main-menu ul.menu li#resources.active ul.menu_level_1 ul.menu {
  position: static;
 display: flex;
  flex-direction: column;
  box-shadow: none;
  margin: 0;
  padding: 0;
  background: none;
  overflow: visible;
  border: none;
  width: 100%;
  height: auto;
  transform: none;
}

.header .inner .pane-main-menu ul.menu li#why-esker.active ul.menu_level_1 ul.menu li,
.header .inner .pane-main-menu ul.menu li#resources.active ul.menu_level_1 ul.menu li,
.header .inner .pane-main-menu ul.menu li#menu-solutions.active ul.menu_level_1 ul.menu li,
.header .inner .pane-main-menu ul.menu li#menu-company.active ul.menu_level_1 ul.menu li {
  width: 100% !important;
  box-shadow: none;
  border: none;
  display: block;
  width: auto;
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
}

.header .inner .pane-main-menu ul.menu li#why-esker.active ul.menu_level_1 ul.menu li a,
.header .inner .pane-main-menu ul.menu li#resources.active ul.menu_level_1 ul.menu li a {
  color: #141E29;
  padding-bottom: 6px;
  font-family: "Roboto";
  white-space: initial;
  font-size: 0.8em;
  padding-bottom: 6px;
  padding-left: 16px;
  position: relative;
}

.esk_2023 .header .inner .pane-main-menu .pane-content ul.menu li span {font-family: "Roboto-Bold";
    color: #141E29;
    font-size: 1rem;
    text-transform: unset;
    padding-left: 15px;
    padding-right: 15px;
}