.navbar {
    margin: 0;
    padding: 26px 0;
    min-height: 71px;
    border: 0px solid;
    float: right;
}
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li {
    position: relative;
}
.sf-menu ul {
    display: none;
    position: absolute;    
    top: 100%;
    left: 2px;
    z-index: 99;
    text-align:left;
    &.toleft{ 
        left: auto;
        right: 0;
    }
    ul.toleft {
        left:auto;
        right:100%;
    }
}
.sf-menu > li {
    float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0;
    left: 100%;
}
.home-menu.sf-menu {
    &>li.current_page_item>a,
    &>li.current-menu-item>a{
        color:#4f4f4f;
    } 
    &>li.current>a{
        color:$brandColor;
    }
}

.sf-menu {
    font-size: 14px; 
    font-weight: 600; 
    text-transform: uppercase; 
    &>li{
        margin-left: 45px;
    }
    &>li.current_page_item>a,
    &>li.current-menu-item>a,
    &>li:hover>a{
        color:$brandColor;
    }
    &>li>a {
        padding: 11px 0 ;
        color: $menuPrClolor;
    }
    a {
        text-decoration: none;
    }
    ul {
        &>li:first-child>a{
            border-top:1px solid $brandColor;
            @include border-top-radius(5px);
            &:hover{                
                border-top: 1px solid $menuSubHoverBG;
            }
        }
        &>li:last-child>a{
            @include border-bottom-radius(5px);
        }
        a {
            width: 200px;
            padding: 10px 16px; 
            background: $brandColor;
            color:#ffffff;
            font-family: $fontFamilyPTSans;
            border-top: 1px solid $menuSubHoverBG;
            &:hover{
                background: $menuSubHoverBG;
            }
        }
        .current_page_item{  
            a{
                background: $menuSubHoverBG;
            }

        }
        &>li.current_page_item:first-child>a{
            border-top: 1px solid $menuSubHoverBG;
        }
    }

}
.sf-arrows .sf-with-ul:after ,
.sf-arrows .sf-with-ul:before{
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.sf-arrows .sf-with-ul:after {    
    content: "\f107";
    margin-left: 6px;
}
.sf-arrows ul  .sf-with-ul:after {
    content: "\f105";
}
.sf-arrows ul.toleft .sf-with-ul:after {
    display: none;
}
.sf-arrows ul.toleft  .sf-with-ul:before {
    content: "\f104";
    margin-right: 6px;
}
.site-header.header-align-center{
    .navbar{        
        float: none;
        text-align: center;
        padding: 0 0 20px;
        height:auto;
        margin: 0 auto;
        display: table;
        li{
            float: none;
            display: inline-block;
            margin: 0 22px;
        }
    }   
    .sf-menu ul {
        left: -22px;
    }
    .sf-menu ul ul {
        left: 100%;
        margin-left: -22px;
    }
    .sf-menu ul.toleft {
        left: auto;
        right: -22px;
    }
    .sf-menu ul ul.toleft {
        left: auto;
        right: 100%;
        margin-right: -22px;
    }

}
.mobile-menu{
    display: none;
}
@media (max-width: 991px){ 
    .mobile-menu{
        display: block;
        select{ 
            width:270px;
        }
    }
    .sf-menu{
        display: none;
    }
}
@media (max-width: 767px){
    .navbar{
        float:none;
        padding-top:5px; 
    }
    .mobile-menu{
        .select-wrapper{ 
            display:block;
            margin:0 auto;
        }
    }
    .site-header.header-align-center .navbar{
        display: block;
    }
}