.d-none {display: none!important;}

/** HIRAL - mmenu styles**/
.mm-menu {background: #121522;color: #FFFFFF;}
.mm-panel.mm-subopened {-webkit-transform: translate3d(-80%, 0, 0);transform: translate3d(-80%, 0, 0);visibility: hidden; opacity: 0;}
.mm-menu.mm-fullscreen.mm-bottom, .mm-menu.mm-fullscreen.mm-top {top: 60px !important;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
/*.ip3-careers .mm-menu.mm-fullscreen.mm-bottom, .ip3-careers .mm-menu.mm-fullscreen.mm-top {top: 130px !important;}*/
.mm-panels>.mm-panel {padding: 0 0 60px;}
.ip3-careers .mm-panels>.mm-panel, #ip3-careers .mm-panels>.mm-panel {padding: 0 0 130px;}
.mm-panel:first-child.mm-current {padding-top: 0px;}
.mm-next:after {display: none;}
.mm-listview {padding: 0 38px 0 36px;/*background: #121522;*/}
.mm-listview>li>a, .contact-link > a, .contact-link ul li a {font-size: 16px;color: #FFFFFF;padding: 24px 0;display: flex;align-items: center;}
.contact-link ul li:last-child {display: none;}
.mm-listview > li.current, .mm-listview > .current-menu {margin: 0 -38px 0 -36px;background-color: #1D2031;}
.mm-listview > li.current > a, .mm-listview > .current-menu a {text-decoration: underline;padding-right: 38px;padding-left: 36px;}
.mm-listview > li.level3.current, .mm-listview > li.level4.current {margin: 0 -40px 0 -55px;}
.mm-listview > li.current.level3 > a, .mm-listview > li.current.level4 > a {padding-right: 40px;padding-left: 55px;}
.mm-menu.mm-border-full .mm-listview>li.level2.current:after, .mm-listview .contact-link.current-menu::after {left: 36px !important;right: 38px;}
.mm-menu.mm-border-full .mm-listview>li.level3.current:after, .mm-menu.mm-border-full .mm-listview>li.level4.current:after {left: 55px !important;right: 40px;}
.mm-listview li.current .mm-next + a span.icon-arrow-right-icon::after {content: '';background-color: #1D2031;width: 100%;height: 3px;position: absolute;bottom: -2px;left: 0;}
.mm-listview li .mm-next + a span.icon-arrow-right-icon, .contact-link > a span.icon-arrow-right-icon {font-size: 9px;line-height: 9px;margin-top: 3px;margin-left: 10px;position: relative;}
.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span {background: transparent;}
.mm-listview>li:not(.mm-divider):after {border-color: rgba(255, 255, 255, 0.1);border-left-width: 0px;bottom: auto;top: 0;}
.mm-listview>li:first-child::after, .mm-listview>li.sub-parent-text::after {border: 0;}


.mm-panel.mm-hasnavbar .mm-navbar {background-color: #1D2031;height: initial;}
.mm-prev:before {width: 8px;height: 8px;border-width: 1px;}
#mmenu .mm-panels > div[id*="level2"] .mm-listview {padding: 0 38px 0 36px;}
#mmenu .mm-panels > div[id*="level3"] .mm-listview, #mmenu .mm-panels > div[id*="level4"] .mm-listview {padding: 0 40px 0 55px;}
.mm-panels>.mm-panel:first-child>.mm-navbar+.mm-listview {margin-top: 0;}
.mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview {margin-top: 28px;}
#mmenu .mm-panels > div[id*="level2"] .mm-listview li:first-child {margin: 0 -38px 0 -36px;}
#mmenu .mm-panels > div[id*="level3"] li:first-child, #mmenu .mm-panels > div[id*="level4"] li:first-child, #mmenu .mm-panels > div[id*="level3"] li.sub-parent-text, #mmenu .mm-panels > div[id*="level4"] li.sub-parent-text {margin: 0 -40px 0 -55px;}
#mmenu .mm-panels > div[id*="level2"] .mm-listview li:first-child:not(.mm-divider):after, #mmenu .mm-panels > div[id*="level3"] li:first-child:not(.mm-divider):after, #mmenu .mm-panels > div[id*="level4"] li:first-child:not(.mm-divider):after, #mmenu .mm-panels > div[id*="level2"] .mm-listview li.level2.first:not(.mm-divider):after {border: 0;}
#mmenu .mm-panels > div[id*="level2"] .mm-listview li:first-child a, #mmenu .mm-panels > div[id*="level3"] li:first-child a, #mmenu .mm-panels > div[id*="level4"] li:first-child a {background-color: #1D2031;padding: 17px 38px 18px 36px;}
.mm-menu.mm-multiline .mm-listview > li > a.parent-link {font-size: 24px;line-height: 29px;font-weight: 400;padding: 17px 38px 18px 36px;text-decoration: none;}
.mm-menu.mm-multiline .mm-listview > li.sub-parent-text > a {padding: 24px 38px 24px 36px;}
.mm-panel.mm-hasnavbar .mm-navbar {padding: 14px 38px 0 35px}
.mm-menu .mm-navbar .mm-title {font-size: 13px;line-height: 16px;color: #FFFFFF;opacity: 0.8;}
.mm-btn {width: 14px;height: auto;}

.mm-menu.mm-fullscreen.mm-bottom, .mm-menu.mm-fullscreen.mm-top {z-index: 20;}
.contact-link {display: none;position: relative;}
.contact-link::after {content: '';border-bottom-width: 1px;border-bottom-style: solid;border-color: rgba(255, 255, 255, 0.1);display: block;position: absolute;right: 0;top: 0;left: 0;}

/*.headerWrapper .mburger{top: -21px;right: -13px;}*/
@media all and (min-width: 991px){
  #mmenu {display: none;}
}

@media all and (max-width: 1024px){
  /** HB -- 09/05/2023 -- hiding page menu as mmenu is showing all menu levels **/
  .subNavLinksMobi {display: none !important;}
}
@media all and (max-width: 991px){
  .contact-link {display: block;}

  /** changes related to key moments page **/
  #ip3-key-moments.overHide .hide-content {display: none;}
  .mm-opened .overHide #elc-timeline {padding-top: 0px;opacity: 1;}

  /**hide labguage tooltip in movbile/ ipad**/
  .langSwitcherTooltip {display: none;}
}
@media all and (max-width: 767px){
  /** default language switcher position change **/
  .langSwitcherTooltip {bottom: -45px;}
}
@media all and (min-width: 767px) and (max-width: 991px){
.mm-menu.mm-fullscreen.mm-bottom, .mm-menu.mm-fullscreen.mm-top {top: 72px !important;}
}
@media all and (min-width: 800px) and (max-width: 991px) and (orientation: landscape){
  .mm-panels>.mm-panel {padding: 0 0 70px;}
}

/** existing menu styles **/
.headerWrapper.active {background-color: #000000 !important;}
.headerWrapper .header-ticker {margin-top: 3px;}
.headerWrapper.active .lang-switcher-content-wrapper ul.mobi-show::after {border-bottom-color: #000000 !important;}
.headerWrapper .icon-hamburger-icon {width: 24px;height: 12px;margin-left: 0;margin-top: 0;}
.headerWrapper .icon-hamburger-icon::before {content: '';height: 0;width: 0;}
.headerWrapper .icon-close-icon {width: 24px;height: 12x;margin-left: 0px !important;position: relative;}
.headerWrapper .active.icon-close-icon::before {content: '';}

.headerWrapper .mburger {background-repeat: no-repeat;background-size: contain;width: 23px;height: 20px;background-position: center;}
.headerWrapper .mburger.icon-hamburger {background-image: url('~/media/Images/E/Estee-Lauder-Companies/Global/navigation-icon/icon-hamburger.svg');}
.headerWrapper .mburger.icon-close {background-image: url('~/media/Images/E/Estee-Lauder-Companies/Global/navigation-icon/icon-close.svg');}