.he_site-header {
    transition: all 0.3s ease;
}
.he_site-header.affix .small_logo img {
    max-width: 100%;
    max-height: 50px;
}

.he_site-header.affix {
    position: sticky;
    z-index: 99;
    width: 100%;
    box-shadow: 0px 3px 8px rgb(0 0 0 / 27%);
    top: 0;
    background: #fff;
    padding: 6px 0;
     animation: headerSlideDown 0.3s ease-in-out;
}
.topbar_navigation .navbar-default{background:#fff; border:none;}
.theme2_h {background: #fff; border-bottom: 3px solid var(--secondary-color); padding:6px 0;}
.logo-cols .navbar-brand {height: auto;}
.topbar_navigation .navbar-nav>li>a {color: #fff; background: #283845; margin: 5px 2px; padding: 5px 6px; border-radius: 5px; font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 12px; letter-spacing: 0.1px; border: 1px solid #283845;}
.topbar_navigation .navbar-nav>li>a:hover{background:transparent; color:var(--secondary-color); border-color: var(--secondary-color);}
.topbar_navigation .navbar-nav>li:hover {background:transparent;}
nav.navbar.navbar-default.topbar_navigation {margin-bottom: 0; min-height:33px;}
.topbar_navigation {margin-top:7px;}
.topbar_navigation .navbar{position:relative; min-height:auto; margin-bottom:0px;}
.custom_nav i {color: #00a0dc; font-size:16px;}
.small_logo img {max-width:100%; max-height: 65px; z-index: 2; position: relative;  transition: max-height 0.3s ease-in-out;}
.custom_nav .navbar-nav>.open>a:hover {color: #fff; background:var(--secondary-color);}
.custom_nav .navbar-nav>.open>a:focus{color: #fff; background: #283845;}
.custom_nav .dropdown-menu>li>a {line-height:21px; border-bottom:1px solid #e8e8e8; font-size:13px; font-weight:500;}
.custom_nav .dropdown-menu {padding: 0;}
@keyframes headerSlideDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media screen and (min-width:992px) and  (max-width:1200px){
    .topbar_navigation .navbar-nav>li>a {margin: 5px 2px; padding: 5px 3px; font-size: 11px;}
}
@media screen and (min-width:768px){
.menu-flex-desktop{display: flex; align-items: center;}
}
@media screen and (max-width: 767px){
    .custom_nav i {
    color: var(--secondary-color);
    }
    .topbar_navigation .navbar-nav>li>a {
    color: #1e1b1b;
    background: #ffffff;
    margin: 0px;
    padding: 8px 6px;
    border-radius: 0px;
    font-size: 12px;
    border:none;
    border-bottom: 1px dashed #e5e5e5;
    }
    .small_logo img {max-height: 50px;}
    .topbar_navigation {margin-top: 0px;}
    .custom_nav .navbar-nav .open .dropdown-menu{position: absolute;}
    .custom_nav ul li {display:block;}
    .small_logo .navbar-brand>img{margin-top:5px !important;}
    .custom_nav .dropdown-menu li {display:block; background: #f7f6f6;}
    .custom-toggle:not(.collapsed) .close-icon {
        display: inline-block;
    }
    .he_site-header .navbar-collapse {
        position: fixed;
        top: 0;
        left: -280px;
        width: 260px;
        height: 100vh;
        background: #fff;
        z-index: 9999;
        overflow-y: auto;
        transition: 0.3s ease-in-out;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        padding: 0 25px 15px;
    }
   .he_site-header .navbar-collapse.in {
        left: 0;
         overflow: visible;
    }
    .custom-toggle{
        border:none;
        background:transparent;
        margin:0;
        padding-right:0;
    }
    .custom-toggle .menu-icon{
        display:block;
        font-size:20px;
        color:#fff;
        background:var(--secondary-color);
        width:40px;
        height:35px;
        line-height:35px;
        text-align:center;
        border-radius:8px;
    }
}
/*header css end from here*/