#site-header-inner {
    display: flex;
    justify-content: space-between;

    #site-logo,
    #site-navigation-wrap {
        float: none;
    }

    #site-logo {
        flex-basis: 25%;
        margin-bottom: 25px;

        img {
            max-width: 100% !important ;
            height: auto;
        }
    }


    #site-navigation-wrap {
        display: flex;
        justify-content: flex-end;
        flex-basis: 80%;

        .dropdown-menu > li > a {
            @media only screen and ( max-width: 1450px ) {
                font-size: 14px;
            }
        } 

        .parent-header {
            display: block;
            font-weight: 600;
            font-size: 15px;
            margin-left: 12px;
            position: absolute;
            top: 25px;
        }

        @media (max-width: 1280px) {
            display: none;
        }
    }

    li.menu-item-has-children {
       > a {
        font-weight: 600;
       } 

      

        ul {
            background-color: #F8FAFC;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
            padding: 50px 48px 30px 48px;
        }

        ul li {
            font-weight: 300;
            font-size: 13px;
            margin: 0 24px 12px 24px;
            text-transform: uppercase;
        }

        &:hover {
            ul {
                display: block;
                opacity: 1;
            }

             &:after {
                color: #379095
            }
        }
    }

    .dropdown-menu {
        .sub-menu {
            width: 350px;

            li {
                border-bottom: none;
                font-size: 12px;
                line-height: 1.5;
                margin: 0 0 7px 12px;
            }

            li {
                border-bottom: solid 1px transparent;
                transition: all 0.3s ease;
                width: auto
            }

            li.section-link {
                font-weight: 700;
            }

            li:hover {
                border-bottom: solid 1px #379095;

                /* &:after {
                    content: ' ';
                    display: block;
                    border-bottom: solid 1px #379095;
                    position: absolute;
                } */
                
            }
        }


         /* Multicolumn menu */
        .multi-column .sub-menu {
            width: 700px;
        }

        .sub-menu .sub-menu {
            display: none;
        }

        .sub-menu li.menu-item-has-children:hover {
            .sub-menu {
                display: block;
                opacity: 1;
            }
        }


        /* Two panel menu */
        .two-panel {
            > .sub-menu {
                background-color: #fff;
                padding: 40px 20px 30px 20px;
                border-bottom-right-radius: 0px;
                text-align: right;
                width: 150px;

                > li {
                    border-bottom: none !important;
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                }

                > li:after {
                    content: '\f054';
                    border-bottom: none !important;
                    display: inline-block;
                    font-family: "Font Awesome 5 Free";
                    font-weight: 600;
                    margin-left: 10px;
                }

                

                .parent-header {
                    display: none !important;
                }

                > li {
                    margin-bottom: 20px;
                }
            }

            .sub-menu {
                min-height: 400px;
                box-shadow: none;
            }

            .sub-menu .sub-menu { 
                background-color: #f3f8fe;
                border-bottom-left-radius: 0px;
                border-right: solid 1px #E2E8F0;
                width: 800px;

                .parent-header {
                    display: block !important;
                }
            }

            .sub-menu.active-menu {
                display: block;
                opacity: 1;

                > li:last-of-type {
                    .sub-menu {
                        border-right: none !important;
                    }
                }
                    
                }
            }

            li#menu-item-17722 {
                    .parent-header {
                        display: none !important;
                    }
                }
        }
    }

    li.multi-column {
        ul {
            column-count: 3;
            column-rule: solid 1px #E2E8F0;
        }
    }

    li.column-sections {
        column-count: 0;
        justify-content: space-between;

        .column-header {
            border-bottom: none !important;
        }

        .column-header > a {
            display: none !important;
        }
        
        > .sub-menu:not(.active-menu) {
            display: none !important;
        }

        ul.sub-menu {
            align-items: flex-start;
            column-count: none !important;
            display: flex !important;
            justify-content: space-between;

            .parent-header {
                display: none;
            }

            li {
                align-items: flex-start;
                display: flex;
                flex-wrap: wrap;
            }
            
            ul.sub-menu {
                align-items: flex-start;
                border-top: none !important;
                position: relative !important;
                min-height: 1px !important;
                flex-basis: 100%;
                flex-wrap: wrap;
                left: 0px !important;
                padding: 0px !important;
                width: auto !important;

                li {
                    flex-basis: 100%;
                }
            }
        }
        
        ul.sub-menu.active-menu {
            width: auto !important;
        }
    }

    li.two-column {
        ul {
            column-count: 2;
            column-rule: solid 1px #E2E8F0;
        }
    }

    li.button-item {
        border-bottom: none !important;

        a {
            background: #3f3f3f;
            color: white;
            padding: 10px 10px;
            display: block;
            text-align: center;
            width: 70%;
        }
    }

    
}

.sidr-class-dropdown-menu>li:first-child, .sidr-class-fs-dropdown-menu>li:first-child {
        border-top: none;
    }



/** Mobile header */

.icon-close:before {
  content: "\f00d" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}

@media screen and (max-width: 1280px) {

    .nav-toggle {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 22px;
        width: 22px;
        }

        .nav-toggle .bar {
        height: 2px;
        width: 100%;
        background-color: black;
        transition: all 100ms ease-in-out;
        }

        .nav-toggle:hover {
        cursor: pointer;
        }

        .x:nth-of-type(1) {
        transition: all 100ms ease-in-out;
        transform: rotate(45deg);
        transform-origin: top left;
        width: 28px;
        }

        .x:nth-of-type(2) {
        transition: all 100ms ease-in-out;
        transform-origin: center;
        width: 0;
        }

        .x:nth-of-type(3) {
        transition: all 100ms ease-in-out;
        transform: rotate(-45deg);
        transform-origin: bottom left;
        width: 28px;
        }

        .mobile-menu-container {
            background-color: #fff;
            border-radius: 5px;
            padding: 10px;
            position: fixed;
            right: 15px;
            top: 65px;
            z-index: 1000000;
        }

        .admin-bar .mobile-menu-container {
            top: 55px;
        }
        

    .oceanwp-mobile-menu-icon.mobile-right {
        float: none;
        flex-basis: 75%;
        text-align: right;
    }

    /* Dropdwon arrows */
    .sidr-class-dropdown-menu ul a:before{
        content: '';
        display: none !important;
    }

    .sidr-class-dropdown-menu li a {
        display: inline-block;
    }

    .sidr-class-dropdown-toggle:before {
        font-size: 14px;
    }

    .sidr-class-dropdown-menu li.sidr-class-menu-item-has-children>a {
        padding-right: 50px;
    }

    #site-header-inner {
        position: relative;
        top: 5px;
        right: 5px;
        z-index: 15;

        #site-logo { 
            margin-bottom: 0px;
        }

        

        a.mobile-menu {
            background-color: #fff;
            border-radius: 5px;
            font-size: 24px;
            height: 38px;
            padding: 10px 10px;
            width: 45px;
        }
    }

    

    #sidr {
        top: 52px;


        > .sidr-inner:first-of-type {
            position: relative;
            z-index: 100;;
        }

        li {
            font-size: 12px;
            text-transform: uppercase;
        }

        

        #sidr-id-menu-main-nav-1 > li {
            font-size: 14px;

            .sidr-class-sub-menu li {
                font-size: 12px;
            }
        }

        a.sidr-class-toggle-sidr-close {
            
            background-color: #fff;
            padding-bottom: 45px;
            text-align: right;

            i {
                display: none !important;
                font-size: 30px;
            }
        } 

        .sidr-class-dropdown-toggle:before {
            font-family: "Font Awesome 5 Free";
            content: "\f054";
            display: inline-block;
            font-weight: 600;
        }

        li.sidr-class-menu-item.active {
            .sidr-class-dropdown-toggle:before {
                content: "\f078";
            }

            ul li .sidr-class-dropdown-toggle:before {
                content: "\f054";
            }
        }

        li.list-section-title,
        li.list-back-link {
           font-weight: 600;
           font-size: 16px !important;
           padding: 12px 20px;
        }

        li.list-back-link {
            text-align: right;
            &:hover {
                cursor: pointer;
            }
        }

        /* Third level open menu */
        li.sidr-class-menu-item-has-children.active:not(.sidr-class-two-panel) {
            .sidr-class-sub-menu {
                    display: block;
                    padding-top: 75px;
                    position: fixed;
                    z-index: 100;
                    right: 0;
                    top: 0;
                    background: #fff;
                    height: 100%;
                    width: 62%;

                    a:before {
                        content: "";
                        display: none;
                    }
            }

            .sidr-class-sub-menu .sidr-class-sub-menu {
                display: none;
                position: relative;
            }

            li.active .sidr-class-sub-menu {
                    display: block !important;
                    position: fixed !important;
                }
        }
    }

    .sidr-class-parent-header {
        display: none !important;
    }
}

@media screen and (max-width: 782px) {
     #site-header-inner {
        #site-logo {
            display: none;
        }
     }

     .mobile-menu-container {
        top: 15px;
     }

      #sidr {
        top: 0px;
      }
}