.header_area {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    padding:10px 0;
    @include transition(background .3s ease);
    &.headerBg{background:color(600); position:fixed;}
    .navbar{padding: 0;
        .nav-item{
            .nav-link{
                font-size: 16px; color: color(50); padding: 0;
                &.dropdown-toggle{
                    &:after{display: none;}
                }
                &.active{
                    font-weight: 600;
                }
                &:hover,&.active,&:focus{
                    color:color(700);
                }
            }
            &:not(:last-child){
                margin-right: 40px;
            }
        }
        .dropdown-menu{
            border-radius: 0; border:0; min-width: 200px; padding: 0;
            .nav-item{margin: 0 !important;
                .nav-link{color:color(600); font-size:15px; padding:8px 15px;
                    @include transition(all 0.3s ease);
                    &:hover{background-color:color(500); color:color(50);}
                }
                &:not(:last-child){
                     border-bottom: 1px solid #ededed;
                }
            }
        }
    }
    &.navbar_fixed{
        position: fixed;
        background-color:color(600);
        @include transition(background 500ms ease);
    }
    @media(max-width:1399px){
        .navbar{
            .nav-item{
                .nav-link{
                    font-size: 15px; 
                }
                &:not(:last-child){
                    margin-right:30px;
                }
            }
            .dropdown-menu{
                .nav-item{
                    .nav-link{padding:6px 10px;}
                }
            }
        }
        .navbar-brand{
            img{max-height:45px;}
        }
    }
    @include media-breakpoint-down(lg) {
        padding: 7px 0; position: fixed;background-color:color(600);
        .navbar{
            .nav-item{
                &:not(:last-child){
                    margin-right:20px;
                }
            }
        }
        .navbar-brand{
            img{max-height:40px;}
        }
    }
    @include media-breakpoint-down(sm) {
         padding: 5px 15px;
        .navbar-brand{
            img{max-height:35px;}
        }
        .navbar{
            .navbar-toggler {
                padding: 0;border: 0;width: 22px;
               .icon-bar {
                    border: 1px solid color(500);width: 22px;transition: all 0.2s;display: block;margin-top: 6px;
                    &:nth-of-type(1) {
                      transform: rotate(0);margin-top: 0;
                    }
                    &:nth-of-type(2) {
                        opacity: 1;filter: alpha(opacity=100);
                    }
                    &:nth-of-type(3) {
                      transform: rotate(0);
                    }
                }
                &[aria-expanded="true"] {
                    .icon-bar {
                        &:nth-of-type(1) {
                            transform: rotate(45deg);transform-origin: 10% 10%;width: 28px
                        }
                        &:nth-of-type(2) {
                            opacity: 0;filter: alpha(opacity=0);
                        }

                        &:nth-of-type(3) {
                            transform: rotate(-45deg);transform-origin: 10% 90%;width: 28px
                        }
                    }
                }
            }
            .navbar-nav{
                border-top:1px solid rgba(color(80),0.3); margin-top: 10px;
            }
            .nav-item{
                .nav-link{
                    padding: 5px;
                }
                &:not(:last-child){
                    margin-right:0px;
                }
                .dropdown-menu{background: transparent;
                    .nav-item{
                        border: 0;
                        .nav-link{color: color(50);}
                    }
                }
            }
        }
    }
}