#nav-scroll.compact {
    background-color: #ffffff3b;
    margin: 0px;
    padding: 0px;
    /*transition: all ease-in 0.2s;*/
    -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgb(0 0 0 / 25%);
}
#nav-scroll img {
    transition: cubic-bezier(1, 1, 0, 0) 0.2s;
}


#nav-scroll.compact img {
    max-width: 40px;
    transition: ease-in-out 0.3s;
}
@media (min-width: 576px) {
     #nav-scroll.compact img {
         max-width: 50px;
     }
}
@media (min-width: 768px) {
     #nav-scroll.compact img {
         max-width: 60px;
     }
}
@media (min-width: 992px) {
     #nav-scroll.compact img {
         max-width: 80px;
     }
}
#nav-scroll.compact2 {
    background-color: #ffffff;
    margin:  0px;
    padding: 0px;
    transition: all ease-in 0.3s;
    -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgb(0 0 0 / 25%);
}

#nav-scroll.compact2 .elementskit-navbar-nav > li > a{
    color:#000;
}
#nav-scroll .elementskit-menu-hamburger-icon{
    height:2px;
    margin-top:5px;
}
#nav-scroll.compact2 .elementskit-menu-hamburger-icon{
    background-color:#000;
    height:2px;
    margin-top:5px;
}

#nav-scroll.compact2 .elementskit-navbar-nav > li > a:hover,
#nav-scroll.compact2 .elementskit-menu-hamburger-icon:hover{
    color:#C60E1E;
}