.disable-scroll {
     overflow: hidden;
     height: 100vh;
 }

 .main-header-inner {
     position: relative;
     padding-top: 0px;
     z-index: 999;
 }

 .pxl ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .pxl a {
     text-decoration: none;
 }

 /* header */
 .pxl-header-menu {
     display: block;
     width: 100%;
     /* position: relative;*/
     z-index: 99;
 }

 .elementor-widget-pxl_header_nav {
     position: unset;
 }

 #pxl_background_megamenu {
     width: 50%;
     height: 800px;
     background: #FFFFFF;
     position: absolute;
     left: -50%;
     z-index: 2;
     top: 75px;
     display: none;
 }

 #pxl_desktop_overlay {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(34, 34, 34, 0.8);
     display: none;
     z-index: 11;
 }

 body.admin-bar #pxl_desktop_overlay {
     top: 113px;
 }

 body:not(.admin-bar) #pxl_desktop_overlay {
     top: 113px;
 }



 .pxl-header-menu .item-left {
     flex: 0 0 17%;
 }

 .pxl-header-menu .logo a {
     font-size: 30px;
     color: var(--e-global-color-text);
     font-weight: 700;
     text-decoration: none;
 }

 .pxl-header-menu .item-center {
     flex: 0 0 66%;
 }

 .pxl-header-menu .item-right {
     flex: 0 0 17%;
     display: flex;
     justify-content: flex-end;
 }

 .pxl-header-menu .item-right a {
     text-decoration: none;
     color: var(--e-global-color-text);
     display: inline-block;
     margin-left: 10px;
     transition: color 0.3s ease;
     font-size: 12px;
     font-weight: 700;
     line-height: 18px;
     text-align: left;

 }

 .pxl-header-menu .menu>ul {
     padding: 0 0 0 24px;
     margin: 0;
 }

 .pxl-header-menu .menu>ul>li {
     display: inline-block;
     line-height: 24px;
     /*margin: 0 12px;*/
     /* padding: 20px 12px;*/
 }

 .pxl-header-menu .menu>ul>li>a {
    position:relative;
    display: inline-block;
     font-size: 14px;
     font-weight: 600;
     line-height: 1.7;
     color: #464446;
     /* position: relative;*/
     transition: all 0.1s ease;
     padding: 10px 12px;
     text-transform: uppercase;
 }
.pxl-header-menu .menu>ul>li>a::after {
        display:none;
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        opacity: 0;
        background-color: var(--e-global-color-primary);
        transition: all 0.2s ease;
 }
.pxl-header-menu .menu>ul>li:hover>a::after,
.pxl-header-menu .menu>ul>li.active>a::after {
    opacity: 1;
}

 .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column > .list-item .category-box {
    transition: all 0.2s ease;
 }
 .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column > .list-item .category-box .title {
    transition: all 0.2s ease;
 }


 .pxl-header-menu .menu-item-has-children .sub-menu {
     /*position: absolute;*/
     position: fixed;
     z-index: 500;
     background-color: #FFFFFF;
     transition: all 0.3s ease;
     transform: translate(-100%);
     visibility: hidden;
 }

 #top-menu {
     display: block;
 }

 #top-menu a:hover {
     text-decoration: underline !important;
 }

 .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu {
     /* overflow-y: auto;*/
 }


 .pxl-header-menu .menu-item-has-children .sub-menu>ul>li {
     line-height: 1;
 }

 .pxl-header-menu .menu-item-has-children .sub-menu>ul>li>a {
     display: inline-block;
     padding: 10px 0;
     font-size: 15px;
     color: #555555;
     transition: color 0.3s ease;
     text-decoration: none;
     text-transform: capitalize;
 }

 .pxl-header-menu .menu>ul>li .single-column-menu {
     min-width: 280px;
     max-width: 350px;
 }


 .pxl-header-menu .menu-item-has-children .top {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     padding: 8px 24px 0 0;
 }
 
 .pxl-header-menu .list-item{
    max-height: calc(100vh - 200px);
    overflow: auto; /* Görgetés engedélyezése */
    scrollbar-width: none; /* Firefox scrollbar elrejtése */
    -ms-overflow-style: none; /* IE scrollbar elrejtése */
  /* direction: rtl;*/
 }
 .pxl-header-menu .list-item::-webkit-scrollbar {
    display: none; /* WebKit alapú böngészők scrollbarjának elrejtése */
}

/*
.list-item {
    scrollbar-width: thin; 
    scrollbar-color:#dadada #f1f1f1; 
}

.list-item::-webkit-scrollbar {
    width: 4px; 
}

.list-item::-webkit-scrollbar-thumb {
    background-color: #dadada; 
    border-radius: 10px; 
}

.list-item::-webkit-scrollbar-track {
    background: #f1f1f1; 
}*/


/*Hide scrollbar*/
/*.list-item::-webkit-scrollbar {
    display: none; 
}
.list-item {
    scrollbar-width: none; 
    -ms-overflow-style: none;
}
*/
 .pxl-header-menu .menu-item-has-children .top p,
 .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu>.list-item>.category-box>ul.items .category-title {
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     text-align: left;
     color: var(--e-global-color-2ecd128);
     margin: 0;
     padding: 0;
 }

 .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu>.list-item>.category-box>ul.items .category-title {
     padding: 0 32px 18px 32px;
 }
 .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu>.list-item>.category-box>ul.items .category-img {
     max-width: 200px;
     max-height: 200px;
     border-radius: 8px;
     /* position: absolute;
     bottom: 8%;
     left: 16px; */
 }



.pxl-header-menu .menu-item-has-children .top button {
     background-color: transparent;
     margin: 0;
     padding: 0;
     border: none;
 }
.pxl-header-menu .menu-item-has-children .top button svg > g path {
    transition: all 0.3s ease;
}
.pxl-header-menu .menu-item-has-children .top button:hover svg > g path {
     stroke: #F24822;
}

 .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu>.list-item>.category-box>ul.items>li {
     line-height: 24px;
     display: block;
     padding: 0;
 }


 .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu>.list-item>.category-box>ul.items>li>a:hover {
     text-decoration: underline;
 }

 .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column {
     width: 568px;
     max-width: 90%;
     height: 90vh;
     max-height: 100vh;
 }
 

 .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item {
    padding: 0;
 }






 .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .title {
     color: var(--e-global-color-923db26);
     padding: 0;
     font-size: 16px;
     font-weight: 400;
     line-height: 24px;
     text-align: left;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
 }



 .pxl-header-menu .list-item .title i svg g path {
     stroke: #B0AFB1;
     transition: all 0.3s ease;
 }

 .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .category-box:hover .title i svg g path {
     stroke: #22453C;
 }

 .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item.text-center .title {
     text-align: center;
 }

 /* banner section */
 .mobile-menu-head,
 .mobile-menu-trigger {
     display: none;
 }


 .header-search-form {
     opacity: 0;
     display: none;
 }

 .header-search-form .search-icon-in-input {
     position: absolute;
     z-index: 99;
     top: 11px;
     left: 11px;
 }

 .header-search-form .search-field {
     position: absolute;
     border: 1px solid var(--e-global-color-2502f8b);
     border-radius: 8px;
     padding-left: 43px;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     text-align: left;
     color: #7B797C;
     height: 48px;
 }

 .open-search-form {
     display: block !important;
     opacity: 1 !important;
     position: absolute;
     top: 17px;
     left: 250px;
     width: 50vw;
     z-index: 1000;
     height: 50px;
     max-width: 840px;
 }

 #close-search-form {
     position: absolute;
     top: 0;
     right: -11%;
     z-index: 100;
 }

 #close-search-form:hover {
     cursor: pointer;
 }

 .pxl-header-menu .menu>ul>li>a i {
     display: none;
 }

 .mobile-profile-menu {
     display: none !important;
 }

 /* Responsive */

 @media(min-width: 2100px) {
     #pxl_background_megamenu {
         width: 100%;
         left: -70%;
     }

 }

 /* @media(max-width: 2800px) {

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .title,
     .pxl-header-menu .menu-item-has-children .top {
         padding-left: 26vw;
     }
 }

 @media(max-width: 2300px) {

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .title,
     .pxl-header-menu .menu-item-has-children .top {
         padding-left: 23vw;
     }
 }

 @media(max-width: 2150px) {

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .title,
     .pxl-header-menu .menu-item-has-children .top {
         padding-left: 20vw;
     }
 }

 @media(max-width: 2000px) {

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .title,
     .pxl-header-menu .menu-item-has-children .top {
         padding-left: 18vw;
     }
 }

 @media(max-width: 1800px) {

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .title,
     .pxl-header-menu .menu-item-has-children .top {
         padding-left: 14vw;
     }
 }

 @media(max-width: 1600px) {

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .title,
     .pxl-header-menu .menu-item-has-children .top {
         padding-left: 10vw;
     }
 }

 @media(max-width: 1500px) {

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .title,
     .pxl-header-menu .menu-item-has-children .top {
         padding-left: 7vw;
     }
 }

 @media(max-width: 1400px) {

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .title,
     .pxl-header-menu .menu-item-has-children .top {
         padding-left: 4vw;
     }
 }

 @media(max-width: 1350px) {

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .title,
     .pxl-header-menu .menu-item-has-children .top {
         padding-left: 24px;
     }
 } */

 .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .title,
.pxl-header-menu .menu-item-has-children .top {
    padding-left:30px;
}


 @media(max-width: 1300px) {
     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .category-box {
         /*  width: auto !important;*/
     }

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item {
         gap: 0 15px;
     }

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column {
         width: 105vw;
     }
 }

 @media(max-width: 1250px) {
     .pxl-header-menu .menu>ul>li .sub-menu.mega-menu-column>.list-item {
         flex: 0 0 22%;
     }
 }

 @media(max-width: 1216px) {
     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item {
         gap: 0 5px;
     }


     .pxl-header-menu .menu>ul>li .sub-menu.mega-menu {
         transform: translateX(0%);
     }
 }

 @media(max-width: 1150px) {
     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .category-box {
         width: auto !important;
     }

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item {
         gap: 0 42px;
     }

 }

 @media(max-width: 1100px) {

     /* .pxl-header-menu .menu > ul > li .sub-menu.mega-menu-column > .list-item:last-child{
         display: none;
    }*/

     .pxl-header-menu .menu>ul>li>a {
         padding-left: 8px;
         padding-right: 8px;
     }

 }

 @media(min-width: 1025px) {

    .pxl-header-menu .list-item{
      /*  overflow-y: scroll;    */
    }

    .scroll-arrow {
        position: absolute;
        bottom: 70px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #B0AFB1;
        color: white;
        padding: 5px 10px;
        border-radius: 8px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        z-index: 1;
        visibility: hidden; 
        opacity: 0;
        transition: opacity 0.3s, visibility 0.3s;
        animation: bounce 1s infinite;
    }

    .scroll-arrow.visible {
        visibility: visible;
        opacity: 1;
        pointer-events: none;
    }

    @keyframes bounce {
        0%, 100% {
            transform: translate(-50%, 0); 
        }
        50% {
            transform: translate(-50%, -5px);
        }
    }

    .menu-item-has-children-second:hover .items {
        display: flex !important;
    }

     .pxl-header-menu .menu>ul>li .sub-menu>ul>li>a:hover,
     .pxl-header-menu .item-right a:hover,
     .pxl-header-menu .menu>ul>li:hover>a,
     .pxl-header-menu .menu>ul>li.active>a,
     .pxl-header-menu .menu>ul>li .sub-menu>ul>li.active-megamenu>a,
     .pxl-header-menu .menu>ul>li.active-megamenu>a {
         font-weight: 600;
         color: var(--e-global-color-text);
     }
     .pxl-header-menu .menu>ul>li>a::after {
        display:block;
     }

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .category-box>ul.items {

         /* qq */
         display: none;
         flex-direction: column;
        flex-wrap:nowrap;
         position: absolute;
         left:100%;
         top: 0;
         width: 236px;
         height: calc(100vh - 113px);
         background-color: #F2F1ED;
         border: none;
         z-index: 999999;
         padding: 18px 0;
         overflow-y: auto;
         overflow-x: hidden;
         transition: all 0.3s ease;
     }
     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .category-box>ul.items .menu-category-img {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        flex-grow: 1;
     }
     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .category-box>ul.items .menu-category-img > a {
        padding:0;
        margin:0;
        display:block;
        text-align:center;
     }

     

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .category-box {
         width: 100%;
         padding: 8px 30px 8px 0;
        /* direction: ltr;*/
     }

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .category-box:hover {
         background-color: #F2F1ED;
         cursor: pointer;
     }

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .category-box:hover .title {
         font-size: 16px;
         font-weight: 700;
         line-height: 24px;
         text-align: left;
         color: var(--e-global-color-text);
         cursor: pointer;
     }

     .pxl-header-menu .active-megamenu .sub-menu {
         visibility: visible;
         transform: translate(0%);
     }

     .pxl-header-menu .menu .mobile-boxes,
     .mobile-header-search-form {
         display: none;
     }

     body.admin-bar .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu {
         top: 113px;
         left: 0;
     }

     body:not(.admin-bar) .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu {
         top: 113px;
         left: 0;
     }

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu>.list-item>.category-box>ul.items>li>a,
     .mobile-profile-menu a {
         display: inline-block;
         font-size: 16px;
         font-weight: 400;
         line-height: 24px;
         color: var(--e-global-color-92fa64b);
         transition: color 0.3s ease;
         padding: 12px 32px;
         width: 100%;
     }

 }

 @media(max-width: 1024px) {

     #top-menu,.scroll-arrow ,
     .pxl-header-menu .menu-item-has-children .top,
     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu>.list-item>.category-box>ul.items .category-title,
     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu>.list-item>.category-box>ul.items .menu-category-img {
         display: none !important;
     }

     .pxl-header-menu .menu>ul {
         padding: 0;
     }


     .pxl-header-menu .menu>ul>li .sub-menu.mega-menu-column>.list-item .title {
         font-size: 14px;
         font-weight: 600;
         color: var(--e-global-color-text);
         position: relative;
         padding: 16px 0 !important;
         text-transform: uppercase;
         padding: 0;
         display: flex;
         justify-content: space-between;
         align-items: center;
         /* disable click */
         pointer-events: none;
         text-decoration: none;
     }

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .title i {
         display: block;
     }

     .pxl-header-menu .menu>ul>li .sub-menu {
         background-image: none !important;
     }

     .pxl-header-menu .item-center {
         order: 3;
         flex: 0 0 100%;
     }

     .pxl-header-menu .item-left,
     .pxl-header-menu .item-right {
         flex: 0 0 auto;
     }

     .v-center {
         justify-content: space-between;
     }

     .pxl-header-menu .menu>ul>li .sub-menu.mega-menu-column>.list-item:not(:last-child) {
         border-right: none;
     }

     .pxl-header-menu .menu>ul>li>a {
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
        text-align: left;
    }

     .mobile-menu-trigger {
         display: flex;
         height: 24px;
         width: 24px;
         cursor: pointer;
         align-items: center;
         justify-content: center;
         margin-right: 16px;
     }

     .mobile-menu-trigger span {
         display: block;
         height: 2px;
         background-color: #333333;
         width: 24px;
         position: relative;
     }

     .mobile-menu-trigger span:before,
     .pxl-header-menu .mobile-menu-trigger span:after {
         content: '';
         position: absolute;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: #333333;
     }

     .mobile-menu-trigger span:before {
         top: -6px;
     }

     .mobile-menu-trigger span:after {
         top: 6px;
     }

     .pxl-header-menu .item-right {
         align-items: center;
     }

     .pxl-header-menu .menu {
         position: fixed;
         width: 80%;
         background-color: #FFFFFF;
         left: 0;
         top: 0;
         height: 100%;
         overflow: hidden;
         transform: translate(-100%);
         transition: all 0.3s ease;
         z-index: 1099;
         padding-left: 24px;
     }

     .pxl-header-menu .menu.active {
         transform: translate(0%);
     }

     .pxl-header-menu .menu>ul>li {
         display: block;
         padding: 0;
         margin: 0;
     }

     .pxl-header-menu .menu>ul>li>a {
         padding: 22px 0;
         margin: 0;
         display: flex;
         justify-content: space-between;
         align-items: center;
     }

     .pxl-header-menu .menu>ul>li .sub-menu.mega-menu-column>.list-item .title {
         padding: 19px 0 !important;
         margin: 0;
         pointer-events: none;
         font-size: 12px;
         font-weight: 700;
         line-height: 18px;
         text-align: left;

     }

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu>.list-item>.category-box>ul.items>li>a {
         color: var(--e-global-color-92fa64b);
     }


     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item {
         display: block;
     }

     .pxl-header-menu .menu>ul>li>a i,
     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .title i {
         display: block;
         height: 24px;
         width: 24px;
         text-align: center;
         margin-right: 16px;
     }


     .pxl-header-menu .menu .mobile-menu-head {
         display: flex;
         height: 60px;
         border: none;
         align-items: center;
         position: relative;
         z-index: 501;
         position: sticky;
         top: 0;

     }

     .pxl-header-menu .first-lvl-nav,
     .pxl-header-menu .second-lvl-nav {
         display: flex;
         justify-content: flex-start;
         align-items: center;
         gap: 8px;
     }

     .pxl-header-menu .menu .mobile-menu-head .go-back-arrow,
     .pxl-header-menu .menu .mobile-menu-head .go-back-arrow-second {
         height: 24px;
         width: 24px;
         cursor: pointer;
         text-align: center;
         color: var(--e-global-color-text);
         font-size: 16px;
         display: none;

     }

     .pxl-header-menu .menu .mobile-menu-head.active .go-back-arrow,
     .pxl-header-menu .menu .mobile-menu-head.active-second .go-back-arrow-second {
         display: flex;
         justify-content: center;
         align-items: center;
     }

     .pxl-header-menu .menu .mobile-menu-head.active .go-back-arrow i,
     .pxl-header-menu .menu .mobile-menu-head.active-second .go-back-arrow-second i {
         display: flex;
         justify-content: center;
         align-items: center;
     }

     .pxl-header-menu .menu .mobile-menu-head .current-menu-title,
     .pxl-header-menu .menu .mobile-menu-head .current-menu-title-second {
         color: var(--e-global-color-text);
         font-size: 12px;
         font-weight: 700;
         line-height: 18px;
         text-transform: uppercase;
     }

     .pxl-header-menu .menu .mobile-menu-head .mobile-menu-close {
         height: 24px;
         width: 24px;
         cursor: pointer;
         text-align: center;
         color: var(--e-global-color-text);
         font-size: 25px;
     }

     .pxl-header-menu .menu .menu-main {
         height: 100%;
         overflow: scroll;
         padding-bottom: 50px;
     }

     .pxl-header-menu .menu>ul>li .sub-menu.mega-menu,
     .pxl-header-menu .menu>ul>li .sub-menu {
         visibility: visible;
         opacity: 1;
         position: absolute;
         box-shadow: none;
         margin: 0;
         padding: 0px 0px 0px 24px;
         top: 60px;
         left: 0;
         width: 100%;
         height: calc(100% - 60px);
         max-width: none;
         min-width: auto;
         display: none;
         transform: translate(-100%);
         overflow: scroll;
         border: none;
     }

     /**sub-sub-menu**/
     .pxl-header-menu .menu>ul>li ul.items {
         background-color: #FFF;
         visibility: visible;
         opacity: 1;
         position: absolute;
         box-shadow: none;
         margin: 0;
         padding: 0;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         max-width: none;
         min-width: auto;
         display: none;
         transform: translateX(0%);
         overflow: scroll;
         border: none;
     }

     .pxl-header-menu .menu>ul>li ul.active {
         display: block;
         z-index: 10;
         padding-bottom: 50px;
     }

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .category-box>ul.items {
         margin: 0;
         padding-left: 24px;
     }

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu>.list-item>.category-box>ul.items>li {
         line-height: normal;
         display: block;
     }

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu>.list-item>.category-box>ul.items>li>a {
         display: flex;
         font-size: 14px;
         font-weight: 400;
         line-height: 20px;
         text-align: left;
         padding: 21px 0;
     }



     /****/
     .pxl-header-menu .menu>ul>li .sub-menu.active {
         display: block;
     }

     .pxl-header-menu .menu>ul>li .sub-menu {
         /* overflow: overlay;
        */
     }

     .mobile-header-search-form {
         padding: 0 5%;
     }

     .mobile-header-search-form .search-field {
         width: 100%;
     }

     .pxl-header-menu .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li {
         padding: 2px 0;
     }

     .pxl-header-menu .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
         padding: 16px;
         opacity: 1;
         background-color: var(--e-global-color-secondary);
     }

     .pxl-header-menu .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li:first-child a {
         border-top-left-radius: 8px;
         border-top-right-radius: 8px;
     }

     .pxl-header-menu .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li:last-child a {
         border-bottom-left-radius: 8px;
         border-bottom-right-radius: 8px;
     }


     @keyframes slideLeft {
         0% {
             opacity: 0;
             transform: translateX(100%);
         }

         100% {
             opacity: 1;
             transform: translateX(0%);
         }
     }

     @keyframes slideRight {
         0% {
             opacity: 1;
             transform: translateX(0%);
         }

         100% {
             opacity: 0;
             transform: translateX(100%);
         }
     }

     .pxl-header-menu .menu>ul>li .sub-menu.mega-menu-column>.list-item.text-center .title {
         margin-bottom: 20px;
     }

     .pxl-header-menu .menu>ul>li .sub-menu.mega-menu-column>.list-item.text-center:last-child .title {
         margin-bottom: 0px;
     }

     .pxl-header-menu .menu>ul>li .sub-menu.mega-menu-column>.list-item {
         flex: 0 0 100%;
         padding: 0px;
     }

     .pxl-header-menu .menu>ul>li .sub-menu>ul>li>a,
     .pxl-header-menu .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
         display: block;
     }

     .pxl-header-menu .menu>ul>li .sub-menu.mega-menu>.list-item>ul {
         margin-bottom: 15px;
         padding: 0;
     }

     .pxl-header-menu .menu .mobile-boxes {
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         padding: 10px 5% 0 5%;
         gap: 8px;
     }

     .pxl-header-menu .menu .mobile-boxes a {
         width: 32%;
         height: 100px;
         background: var(--e-global-color-secondary);
         border-radius: 6px;
         display: flex;
         justify-content: center;
         align-items: center;
         flex-direction: column;
         gap: 10px;
         font-size: 14px;
         font-weight: 500;
         line-height: 17px;
     }

     .pxl-header-menu .menu .mobile-boxes a:nth-child(1),
     .pxl-header-menu .menu .mobile-boxes a:nth-child(2) {
         width: 49%;
     }

     .menu-overlay {
         position: fixed;
         background-color: rgba(34, 34, 34, 0.8);
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         z-index: 1098;
         visibility: hidden;
         opacity: 0;
         transition: all 0.3s ease;
     }

     .menu-overlay.active {
         visibility: visible;
         opacity: 1;
     }

     .pxl-header-menu .menu-item-has-children .sub-menu.mega-menu-column>.list-item .category-box {
         width: auto !important;
     }

     .pxl-header-menu .list-item{
        max-height: calc(100vh - 60px);
     }

 }

 @media(max-width: 1000px) {


     #close-search-form {
         right: -20%;
     }
 }

 @media(max-width: 700px) {
     .open-search-form {
         left: 30px;
         width: 78vw;
         padding-top: 5px;
         background-color: #FFF;
         height: 60px;
         top: 10px;
     }

     .mobile-profile-menu {
         display: block !important;
     }

     .mobile-profile-menu .list-item {
         display: flex;
         flex-direction: column;
     }

     .mobile-profile-menu .list-item a {
         padding: 25px 0;
         display: flex;
         justify-content: start;
         align-items: center;
         font-size: 12px;
         font-weight: 700;
         line-height: 18px;
         text-align: left;
         color: #464446;
         text-transform: uppercase;
     }

     .mobile-profile-menu .list-item svg {
         margin-right: 20px;
     }

     .mobile-profile-menu .list-item a.active {
        text-decoration: underline;
     }


     .header-search-form .search-icon-in-input {
         top: 17px;
     }

     #close-search-form {
         top: 6px;
         right: -11%;
     }

     .open-search-form {}
 }

 @media(max-width:500px) {
     .pxl-header-menu .menu {}

     .pxl-header-menu .menu .mobile-boxes a {
         width: 31%;
     }

     .pxl-header-menu .menu .mobile-boxes a:nth-child(1),
     .pxl-header-menu .menu .mobile-boxes a:nth-child(2) {
         width: 48%;
     }

     .mobile-menu-trigger {
         margin-right: 0;
     }

     .open-search-form {
         width: 72vw;
     }

     #close-search-form {
         right: -17%;
     }
 }

 @media(max-width:343px) {
     .pxl-header-left {
         gap: 0px;
     }

 }