.vr-menu,
.vr-menu * {
    padding: 0;
    list-style: none;
}

nav {
    background: #ba0c2f;
    z-index: 9;
    box-shadow: 0px 0px 10px black;
}

.vr-menu {
    display: table;
    justify-content: center;
    font-family: Calibri;
    height: auto;
    margin: auto;
    width: 90%;
    text-align: center;
}

.vr-menu ul {
    position: absolute;
    z-index: 99999;
}

.vr-menu li {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 10px 21px;
}

.vr-menu li a {
    font-family: Calibri;
    font-weight: bold;
    font-size: 1.3em;
    color: white;
    text-decoration: none;
}

.vr-menu>li:hover,
.vr-menu>li:focus {
    background-color: #14477b;
    text-decoration: none;
}

.vr-menu li ul {
    width: 260px;
    top: 49px;
    margin-left: -25px;
    background: #024383;
    padding: 15px 0px 20px 0px;
    box-shadow: 0px 1px 2px black;
    display: none;
}

.vr-menu li ul.moveUL {
    margin-left: -150px;
}

.vr-menu li ul li {
    width: 100%;
    text-align: left;
    display: block;
}

.vr-menu li ul li:hover,
.vr-menu li ul li:focus {
    background: #0066c9;
}

.vr-menu li ul li a {
    font-size: 1.2em;
    color: white;
    margin-bottom: 15px;
}

.sf-sub-indicator {
    display: none;
}

.vr-menu li ul li ul {
    background: white;
    z-index: 9;
    top: 0px;
    left: 257px;
}

.vr-menu li ul li ul.moveUL {
    left: -294px;
}

@media (max-width: 1546px) {
    .vr-menu li ul {
        top: 49px;
    }
}

@media (max-width: 1412px) {
    .vr-menu li ul {
        top: 78px;
    }
}

@media (max-width: 1400px) {
    .vr-menu li a {
        font-size: 1.2em;
        line-height: 1.1;
    }
    .vr-menu li ul {
        top: 43px;
    }
}

@media (max-width: 1332px) {
    .vr-menu li ul {
        top: 66px;
    }
}


/* @media (max-width: 1206px) {
    .vr-menu li ul {
        top: 89px;
    }
} */

@media (max-width: 1200px) {
    .vr-menu li a {
        font-size: 1.2em;
        line-height: 1.1;
    }
}

@media(max-width: 1199px) {
    .vr-menu li {
        padding: 5px 21px;
    }
    .vr-menu li ul {
        width: 250px;
        top: 56px;
    }
    .vr-menu li ul>li {
        padding: 8px 21px;
    }
    .vr-menu li ul li ul {
        left: 232px;
    }
    .vr-menu li ul li ul.moveUL {
        left: -268px;
    }
}

@media (max-width: 1121px) {
    .vr-menu li ul {
        top: 79px;
    }
}