/* Header */
.custom-header {
    height: 183px;
    background: #fff;
}

.custom-header form i.fa-search {
    top: 8px;
    left: 10px;
}

.hidden {
    display: none;
}

.visuallyHidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.hamburger {
    margin: 0 auto;
    width: 30px;
    height: 30px;
    position: relative;
    cursor: pointer;
}

.hamburger .bar {
    padding: 0;
    width: 30px;
    height: 4px;
    display: block;
    border-radius: 4px;
    transition: all 0.4s ease-in-out;
    position: absolute;
}

.bar1 {
    top: 0;
}

.bar2,
.bar3 {
    top: 13.5px;
}

.bar3 {
    right: 0;
}

.bar4 {
    bottom: 0;
}
.hamburger.open-menu   .bar1 {
    transform: rotate(45deg) translate(3px, 7px);
  }
  
  .hamburger.open-menu .bar3 {
    opacity: 0; 
  }
  
  .hamburger.open-menu .bar4 {
    opacity: 0; 
  }
  
  .hamburger.open-menu .bar2{
    transform: rotate(-45deg) translate(2.7px, -7px);
  }

.checkbox1:checked+label>.hamburger1>.bar1 {
    transform: rotate(45deg);
    transform-origin: 5%;
    width: 41px
}

.checkbox1:checked+label>.hamburger1>.bar2 {
    transform: translateX(-40px);
    background-color: transparent !important;
}

.checkbox1:checked+label>.hamburger1>.bar3 {
    transform: translateX(40px);
    background-color: transparent !important;
}

.checkbox1:checked+label>.hamburger1>.bar4 {
    transform-origin: 5%;
    transform: rotate(-45deg);
    width: 41px;
}

.inner-dropdown .dropdown-menu {
    display: none;
    top: 80px;
    right: 30%;
    width: 300px;
}

.dropdown-menu li {
    padding: 5px 0px;
    cursor: pointer;
}

.dropdown-menu li:not(.open) {
    border-bottom: 1px solid black;
}

.dropdown-menu li.open ul {
    border-top: 1px solid black;
}

.dropdown-menu li a {
    color: #333;
}

.dropdown-menu li .fa-chevron-down,
.dropdown-menu li .fa-chevron-up {
    float: right;
    padding-top: 5px;
    width: 40%;
    display: flex;
    justify-content: flex-end;
}

.dropdown-menu .color-dropdown.open .fa-chevron-down {
    display: none;
}

.dropdown-menu .color-dropdown .fa-chevron-up {
    display: none;
}

.dropdown-menu .color-dropdown.open .fa-chevron-up {
    display: block;
}

.dropdown-menu .second-dropdown .fa-chevron-up {
    display: none;
}

.dropdown-menu .second-dropdown.open .fa-chevron-down {
    display: none;
}

.dropdown-menu .second-dropdown.open .fa-chevron-up {
    display: block;
}

.dropdown-menu li.has-children ul li {
    padding-left: 20px;
}

.header-bottom-bar {
    height: 35%;
}

.bottom-bar-wrapper .bottom-bar-item {
    padding: 10px 0px;
}

.mobile_search {
    display: none !important;
}

@media(min-width: 769px) {
    #mega-menu-wrap-primary {
        width: 100%;
    }

    #mega-menu-primary {
        display: flex !important;
        justify-content: space-around;
    }

    li.mega-menu-item-has-children>ul.mega-sub-menu {
        margin-top: 11px !important;
    }

    li.mega-menu-item-has-children ul.mega-sub-menu .custom-html-widget {
        position: relative !important;
    }

    li.mega-menu-item-has-children ul.mega-sub-menu .custom-html-widget a {
        position: absolute;
        right: 30px;
        bottom: 30px;
        color: black;
        background-color: white;
        border: 1px solid black;
        padding: 10px 30px;
        font-weight: bold;
        border-radius: 29px;
    }

    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item .custom-html-widget {
        padding: 150px 20px !important;
    }
}

@media(max-width: 768px) {
    .mobile_search {
        display: block !important;
    }

    .custom-header {
        height: 120px;
    }

    .custom-header .header-inner-wrap {
        height: 100%;
        width: 100%;
        max-width: 100%;
        justify-content: space-between;
    }

    .header-inner-wrap .inner-logo {
        margin-left: 10px;
        max-width: 35%;
        width: 35%;
    }

    .header-inner-wrap .inner-search-bar {
        display: none !important;
    }

    .header-inner-wrap .mobile-header-menu {
        display: flex !important;
    }

    .header-inner-wrap .inner-dropdown {
        display: none !important;
    }

    .header-inner-wrap .inner-dropdown {
        padding-right: 30px;
    }

    .inner-dropdown .dropdown-menu {
        width: 100vw;
        right: 0px;
    }

    .header-bottom-bar {
        display: none;
    }
}