.navbar li.dropdown a{
    padding: 15px !important;
}

.navbar .dropdown-menu li{
    width: 100% !important;
    display: block !important;
}

.navbar .dropdown-menu li a{
    padding: 7px !important;
}

.navbar .dropdown-menu li a:hover{
    background: #ddd !important;
}




a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}
body{
    font-family: 'Roboto', sans-serif;
    /*margin-top: 90px;*/
    margin-bottom: 75px;
}

.navbar-top-icons ul.nav li{
    vertical-align: middle;
}

/*
1.1 Header Area
***************************************************/
/*Bootstrap Reset*/
.navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
}
.mainmenu {
    background-color: #ffffff;
    border-color: transparent;
    margin-bottom: 0;
    border: 0px !important;
    text-transform: uppercase;
}

.navbar-top-icons{
    margin-right: -15px;
    margin-left: -15px;
    padding-right: 15px;
}

.logo{
    height: 40px;
}

.navbar-nav > li:last-child > a {
    padding-right: 0px;
    margin-right: 0px;
}
.dropdown-menu {
    padding: 0px 0; 
    margin: 0 0 0; 
    border: 0px solid transition !important;
    border: 0px solid rgba(0,0,0,.15);	
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/*=-====Main Menu=====*/
.navbar-nav .dropdown-menu > li > a {padding: 16px 15px 16px 25px;
}
.header_bottom { background: #0071ba }
.header_area .header_bottom .mainmenu a , .navbar-default .navbar-nav > li > a {
    color: #29348f;
    font-size: 16px;
    text-transform: capitalize;
    padding: 5px 7px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
.header_area .mainmenu .active a,
.header_area .mainmenu .active a:focus,
.header_area .mainmenu .active a:hover,
.header_area .mainmenu li a:hover,
.header_area .mainmenu li a:focus ,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    color: #ffffff;
    background: #29348f;
    outline: 0;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    color: #ffffff;
    background: #29348f;
}

/*-----./ Main Menu-----*/

.navbar-default .navbar-toggle { border-color: #29348f } /*Toggle Button*/
.navbar-default .navbar-toggle .icon-bar { background-color: #29348f } /*Toggle Button*/

/*==========Sub Menu=v==========*/

.dropdown-menu>li>a {
    color: #29348f;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
    color: #ffffff;
    background: #29348f;
}

.mainmenu .collapse ul > li:hover > a{background: #29348f; color: #ffffff}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background: #29348f;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #29348f;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#eee;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#ddd}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background: #ddd}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{border: 0 solid;margin: 0;padding: 0;min-height:20px}
@media only screen and (min-width: 992px) {
    .mainmenu .collapse ul li{position:relative;}
    .mainmenu .collapse ul li:hover> ul{display:block}
    .mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
    /*******/
    .mainmenu .collapse ul ul li{position:relative}
    .mainmenu .collapse ul ul li:hover> ul{display:block}
    .mainmenu .collapse ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none; width: max-content}
    /*******/
    .mainmenu .collapse ul ul ul li{position:relative}
    .mainmenu .collapse ul ul ul li:hover ul{display:block}
    .mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none;z-index:1}

}




/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {


}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .navbar-top-icons{
        border-radius: 0px;
        margin-top: -5px;
    }
    .navbar-top-icons ul.nav{
        display: table; 
        width: 100%;
    }

    .navbar-top-icons ul.nav li{
        float: none !important;
        display: table-cell
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

@media (max-width: 767px) { 

    .footer-address{
        text-align: center !important;
    }    
    .navbar-right {
        margin-right: -15px !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
        color: #ffffff;
    }


    body {
        margin-top: 70px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {     

    /*    .navbar-right>li>a{
            margin-top: 11px !important;
        }*/

}

@media (min-width: 992px) and (max-width: 1199px) { 
}
@media (min-width: 1200px) { 
}


/*custom, no bootstrap*/
@media (max-width: 420px) {     
    .logo{
        height: 30px !important;
        margin-top: -5px;
    }

    .navbar-brand{
        height: 50px !important;
    }

    body {
        margin-top: 70px !important;
    }    

    .navbar-toggle{
        margin-top: 8px !important;
    }

}

/*sm mobile menu*/
@media (max-width: 991px) {
    .logo{
        height: 30px !important;
        margin-top: -5px;
    }

    .mainmenu .collapse li a{
        padding: 18px 35px !important;
    }
    .mainmenu .collapse ul li ul li a{padding-left: 55px !important;}

    .mainmenu .collapse ul li ul li ul li a{padding-left: 75px !important;}

    .navbar-right>li>a{
        margin-top: 0px !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        background:#29348f; color: #ffffff;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #29348f;
    }

    .mainmenu .collapse ul ul ul li a{
        padding-left: 40px !important;
    }


    .navbar-brand{
        height: 40px !important;
    }  

    #navbarCollapse .nav{
        margin-top: 0px;
        margin-bottom: 0px;
        overflow-y: auto !important;
    }

    #navbarCollapse{
        overflow-y: auto !important;
    }

    .navbar-right {
        margin-right: 0px;
    }

    .navbar-right ul{
        position: relative;
    }

    .navbar-right .dropdown-menu{
        width: 100%;
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 320px;
    }








    ::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    ::-webkit-scrollbar:vertical {
        width: 8px;
    }
    ::-webkit-scrollbar:horizontal {
        height: 8px;
    }
    ::-webkit-scrollbar-thumb {
        /*background-color: rgba(0, 0, 0, .5);*/
        background-color:  #29348f;
        border-radius: 0px;
        border: 2px solid #ffffff;
    }
    ::-webkit-scrollbar-track {
        border-radius: 0px;
        background-color: #ffffff;
    }










    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }


    .nav-side-menu .brand .label{
        margin-left: -20px;
    }
}