.customNavbar{
    height: 9vh;
    z-index: 3;
}

.customNavbar .dropdown-item:hover, .customNavbar .dropdown-item:focus{
    background-color: #df6528 !important;
}

#navUl a{
    color: #fff;
    font-size: 19px;
    font-family: "Raleway", sans-serif;
}

#divNavbarToggler .nav-item {
    margin-right: 1.05rem;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: var(--bs-gutter-x,4.75rem);
    padding-left: var(--bs-gutter-x,4.75rem);
}

.imgBrand {
    max-width: 13vw;
    height: auto;
}

.nav-item-hover{
    color: rgba(255, 255, 255, 0.5) !important;
}

@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
    /*.navbar .nav-item:hover .nav-link{ color: rgba(255, 255, 255, 0.65) !important;  }*/
    .navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
    .navbar .dropdown-menu.fade-up{ top:180%;  }
    .navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}

@media (max-width: 992px) {
    .navbar-toggler {
        background-color: #ffffff !important;
    }
    .customNavbar{
        background-color: #000000 !important;
        width: 100vw;
        height: 4.5rem;
    }
    .customNavbar .container-fluid{
        background-color: #000000 !important;
    }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        padding-right: var(--bs-gutter-x,.75rem);
        padding-left: var(--bs-gutter-x,.75rem);
    }
    .removeMarginTop{
        margin-top: 71px;
    }
    nav .pt-3{
        padding-top: 0px !important;
    }
    nav .pb-2{
        padding-bottom: 0px !important;
    }
    .imgBrand {
        max-width: 50vw;
    }
}
@media (max-height: 450px) {
    .imgBrand {
        max-width: 23vw!important;
    }
}