header {
    .site-logo{
        display: flex;
        align-items: center;
        a{
            display: inline-block;
            img{
                width: 110px;
                height: auto;
            }
        }
    }
    .top-nav{
        display: flex;
        justify-content: flex-end;
        align-items: center;
        .navbar{
            margin: 15px 0px;
            width: 100%;
            .navbar-collapse{
                justify-content: flex-end;

                @include media-breakpoint-down(sm){
                    top:42px!important;
                }
            }
            ul li{
                margin-right: 15px;
                a.nav-link{
                    font-size: 14px;
                    line-height: 19px;
                    color: #414B4E;
                    text-transform: capitalize;
                }
            }

            .navbar-toggler{
                
                @include media-breakpoint-down(sm){
                   bottom: -38px!important;
                }
                
            }





            @include media-breakpoint-down(md){
                margin:0px!important;
                padding:0px!important;
            }

            @include media-breakpoint-down(sm){
                margin:15px 0px!important;
            }




        }

        @include media-breakpoint-down(sm){
            width:100%;
            position:absolute!important;
        }
    }




}

@include media-breakpoint-down(md) { 
    header{
        min-height: 70px;
        line-height: 70px;
        .site-logo{
            position: relative;
            width: 120px;
            top:0px;
        }
        .top-nav{
            position: relative;
            .navbar{
                width: 100%;
                .navbar-collapse{
                    position: absolute;
                    background: $white;
                    z-index:99;
                    left: 0;
                    right: 0;
                    top: 36px;
                    padding: 15px;
                }
                .navbar-toggler{
                    position: absolute;
                    right: 0;
                    bottom:-18px;
                    z-index: 9999999;
                    
                }
            }
        }
        
    }
}

// iconfont css 

[class*=" icofont-"], [class^=icofont-] {
    font-weight: 700!important;
}