

#menu-top{
    padding: 10px 30px;
    border-bottom: 1px solid #ededed;
}
#menu-top .menu-top-wrapper{
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}







#navbar{
    z-index: 1;
    width: 100%;
    padding: 0;
}
.path-frontpage #navbar{
    /*position: fixed;*/
}
#navbar.navbar-fixed{
    background: white;
}

#navbar .container{
    width: 100%;
    padding: 0 30px;
    max-width: 100%;
    margin: 0 auto;
}
#navbar .navbar-brand img{
    height: 35px;
    width: 200px;
    object-fit: contain;
}

#navbar .navbar-collapse{
    justify-content: flex-start !important;
}
#block-exxelprime-main-navigation{
    
}
#block-exxelprime-main-navigation ul{
    
}
#block-exxelprime-main-navigation ul li{
    
}
#block-exxelprime-main-navigation ul li a{
    font-size: 12px;
    color: #444;
    text-transform: capitalize;
    text-decoration: none;
    transition-duration: 0.8s;
    transition-delay: 0.2s;
}
#block-exxelprime-main-navigation ul li a.is-active,
#block-exxelprime-main-navigation ul li a:hover{
    color: #000;
}
#block-exxelprime-main-navigation ul li ul.dropdown-menu a.is-active,
#block-exxelprime-main-navigation ul li ul.dropdown-menu  a:hover{
    background: #000;
    color: #fff;
}

#navbar #user-menu{
    
}
#navbar #user-menu > div{
    display: inline-block;
    padding: 0 5px;
}
#navbar #user-menu > div a{
    color: #333;
    text-decoration: none;
    transition-duration: 0.8s;
    transition-delay: 0.2s;
}
#navbar #user-menu > div a:hover{
    color: #000;
}
#navbar #user-menu > div a i{
    
}
#navbar #user-menu .user-account{
    margin-right: 15px;
    padding-right: 20px;
    border-right: 1px solid #dcdcdc;
}
#navbar #user-menu .user-account a{
    font-size: 12px;
    text-decoration: none;
    color: #444;
}
#navbar #user-menu .user-account a.login{
    text-decoration: underline;
}


#navbar #user-menu .search a{
    cursor: pointer;
}
#navbar #user-menu .search img{
    width: 20px;
    height: 20px;
    object-fit: contain;
    transition-duration: 0.8s;
    transition-delay: 0.2s;
}
#navbar #user-menu .search a.inactive img{
    transform: rotate(360deg);
}
#navbar #user-menu .search a.active img{
    transform: rotate(280deg);
}












@media only screen and (max-width: 1062px){
    
}


@media only screen and (max-width: 1030px){
   
}

@media only screen and (max-width: 991px){
   
    #navbar .navbar-toggler{
        padding: 0 5px;
        border-radius: 0;
    }
    #navbar .navbar-collapse{
        position: absolute;
        top: 60px;
        background: rgb(255, 255, 255);
        width: 100%;
        left: 0px;
        border-top: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
    }
    
    #block-exxelprime-main-navigation ul{
        padding: 15px;
    }
    #block-exxelprime-main-navigation ul ul.dropdown-menu{
        padding: 0;
        border: 0;
    }
}
@media only screen and (max-width: 800px){
    #search-section{
        margin-right: 5px;
    }
}
@media only screen and (max-width: 767px){
    #navbar .navbar-brand img{
        width: 150px;
    }
}
@media only screen and (max-width: 600px){
     #navbar{
        border-bottom: 1px solid #f0f0f0;
    }
    #navbar .container{
        padding: 0 7px;
    }
    #navbar .navbar-brand img{
        width: 100px;
    }
    
    #navbar #user-menu .user-account{
        margin-right: 0px;
        padding-right: 10px;
    }
    #navbar #user-menu > div a{
        font-size: 14px;
    }
    #navbar #user-menu .user-account a{
        font-size: 11px;
    }
}










