.sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    background-color:whitesmoke;
}

    .navbar .container,
    .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
        display: block;
        display: block;
        -ms-flex-wrap: unset;
        flex-wrap: unset;
        -ms-flex-align: start;
        align-items: start;
        -ms-flex-pack: start;
        justify-content: normal;
    }

.navbar .dropdown-menu div[class*="col"] {
    margin-bottom: 0;
}

.navbar .dropdown-menu {
    border: none;
}
.navbar .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
a.nav-item.btn {
        color:white !important;

}
a.nav-item {
    color:rgba(0,0,0,.5) !important;
    font-weight: 400;
}
/*@media screen and (max-width: 540px){

}*/
@media screen and (max-width:992px){
    .navbar {
        padding: .5rem;
    }
}
/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
    /* adds some margin below the link sets  */
    .navbar .dropdown-menu div[class*="col"] {
        margin-bottom: 0;
    }
    /* remove the padding from the navbar so the dropdown hover state is not broken */
    .navbar {
        padding: .3rem 9rem;
    }

        .navbar .selectedMenu {
            border-bottom: 5px solid #002E6D;
            position: relative;
            top: 6px;
            width: 80%;
            margin-left:2%;
            opacity: 0;
        }
        /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
        .navbar .nav-item {
            white-space:nowrap;
            cursor:pointer;
            /*padding: .5rem .5rem;*/
            /*margin: 0 .25rem;*/
        }

            .navbar .nav-item.ProductMenu {
                font-family: 'Montserrat', sans-serif;
                letter-spacing: 0rem;
            }
            /* makes the dropdown full width  */
            .navbar .dropdown {
                position: static;
            }
            .navbar .dropdown:hover .selectedMenu {
                opacity:1;
            }
                .nav-item:hover .selectedMenu {
                    opacity: 1;
                }
        .navbar .dropdown-menu {
            width: 100%;
            left: 0;
            right: 0;
            border: none;
            /*  height of nav-item  */
            top: 54px;
            display:none;
            opacity: 0;
            transition: visibility 0s, opacity 0.3s linear;
        }
        
        /* shows the dropdown menu on hover */
        .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
            display: block;
            /*visibility: visible;*/
            opacity: 1;
            transition: visibility 0s, opacity 0.3s linear;
        }
        .navbar .dropdown:hover .nav-link {
            opacity: 1;
        }
        .navbar .dropdown-menu {
            /*border: 1px solid rgba(0,0,0,.15);*/
            background-color:rgba(255, 255, 255, 1);
        }
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1600px) {
    .navbar .container {
/*        width: 100% !important;
        padding-right: 15px;*/
        padding-left: 10%;
        max-width:none;
    }
}