#navbar{
    width: 100%;
     position: relative;
     flex-wrap: wrap;
     z-index: 1000;
     display: flex ;
     align-items: center;
     padding: .5rem 1rem;
     justify-content: space-between;
     background: #eaeaea;
     color: #000;
     border-bottom: 1px solid #e5e7eb;
     background-image: linear-gradient(to bottom, #fff, #f9fafb);
}
 @media screen and (max-width:992px){
    .navbar-collapse{
        width:95%;
        position:fixed;
        top:85px;
        left:10px;
        z-index:1000;
        background-color:#fff;
        box-shadow:0px 5px 10px rgba(0,0,0,0.1);
        border: 1px solid #dedede;
    }
    .mega-menu{
        position:relative;
        display:flex;
        padding-left:20px;
        color:rgba(0,0,0,0.5);
        padding-bottom:15px;
    }
    #lastmegamenu{
        border-bottom:1px solid #e6e6e6;
    }
    .mega-menu a{
        color:rgba(0,0,0,0.5);
        display:flex;
        align-items:center;
    }
    .mega-menu ul{
        display:none;
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        min-width:240px;
        z-index:2;
        background-color:#fff;
        border:1px solid #ddd;
        border-radius:5px;
        box-shadow:0 0 10px rgba(0,0,0,0.1);
        padding-top:10px;
    }
    .mega-menu ul.no-bullet{
        list-style:none;
        display:none;
    }
    .mega-menu li{
        margin:0;
        padding:10px;
        margin-left:-20px;
    }
    .mega-menu li a{
        text-decoration:none;
        color:#333;
        width:100%;
    }
    .mega-menu li a:hover{
        color:#000;
    }
    .mega-menu:hover ul{
        display:block;
    }
    .mega-menu .idi{
        width:30px;
    }
    .mega-menu .hideicon{
        display:inline-block!important;
        color:#212529;
        padding:10px;
        margin-right:20px;
        min-width:35px;
        height:35px;
        border-radius:50%;
        box-sizing: border-box!important;
    }
    .mega-menu.active{
        margin-left:0px;
        margin-bottom:10px;
    }
}
.mega-menu:hover{
    padding:7px 10px;
    border-radius:20px;
    font-weight:700;
    font-size:14px;
}
.mega-menu.active .atim{
    color:#63f;
}
.idi{
    color:#63f;
    font-size:14px;
    font-weight:700;
    margin-left:5px;
}
.mega-menu{
    position:relative;
    display:flex;
    color:rgba(0,0,0,0.5);
}
.mega-menu a{
    color:rgba(0,0,0,0.5);
}
.mega-menu ul{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    min-width:240px;
    z-index:2;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:5px;
    box-shadow:0 0 10px rgba(0,0,0,0.1);
    padding-top:10px;
}
.mega-menu ul.no-bullet{
    list-style:none;
    display:none;
}
.mega-menu li{
    margin:0;
    padding:10px;
    margin-left:-20px;
}
.mega-menu li a{
    text-decoration:none;
    color:#333;
}
.mega-menu li a:hover{
    color:#000;
}
.mega-menu:hover ul{
    display:block;
}
.navbar-nav{
    flex-direction:row!important;
}
@media only screen and (max-width:992px){
    .navbar-logo{
        height:2rem;
    }
}