/*Navbar*/
.menu-wrapper {
    width: 100%;
    z-index: 10;
    top: 0px;
}
.i-sep {
    visibility: hidden;
}
.logo_box {
    float: left;
    margin-left: 5em;
    margin-top: .7em;
    z-index: 1;
}
.logo-pic {
    height: 3em;
}
.logged-in {
    text-align: right;
    padding: 15px 10px;
    font-size: 15px !important;
}
.user-name {
    margin-right: 1%;
}
.image-wrapper {
    width: 100%;
    height: 60px;
    z-index: 100;
    padding:5px;
}
#guru,
#yantra {
    padding: 1px 3px 1px 3px;
    height:48px;
}
#uid,
#pwd {
    height: 2em !important;
    width: 10em !important;
}
.tiny {
    margin-right: 0.8em;
    margin-top : -2px !important;
}
.login-box {
    display: inline-block;
    padding: 5px 10px;
    margin: 0;
    float: right;
}
.menu {
    font-family: Arial;
}
.menu ul {
    list-style-type: none;
}
.menu a {
    text-decoration: none;
}
.toggle-nav {
    display: none;
    width: 90%;
    text-align: left;
    font-size: 1.7em;
}
.search-txt {
    width: 70%;
    margin:1px;
}
.item {
    display: none !important;
}
li > form {
    padding: 0;
    margin: 0;
}
@media only screen and (max-width: 768px) {
    .menu-hide {
        display: none;
    }
    .menu-wrapper {
        position: relative;
        height: auto;
    }
    .menu {
        position: relative;
        transform: translateY(0%);
        margin: 0;
    }
    .toggle-nav {
        display: inline-block;
        margin: 1% 2% 1% 2%;
    }
    /*For Login / Logout*/
    
    .item {
        display: block !important;
    }
    .scrollable-menu {
        height: auto;
        max-height: 60vh;
        overflow-x: hidden;
    }
    .navbar-toggle {
        float: left !important;
        font-size: 27px;
        color: #feffff;
        text-align: left;
    }
}
@media only screen and (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}