@media only screen and (min-width:992px){
    ul#topnav li .sub {
        position: absolute; /*--Important--*/
        top: 38px;
        left: 0;
        z-index: 2;
        background: #333;
        padding: 10px;
        float: left;
        display: none;
        border-top: 0px solid #666;
        border-right: 1px solid #666;
        border-bottom: 1px solid #666;
        border-left: 1px solid #666;
    }
    ul#topnav li .sub, ul#topnav li .sub * {
        box-sizing: unset;
    }
    ul#topnav li .sub.full {
        width: 998px;
    }


    ul#topnav li .sub.full:hover {
        opacity:1;
        display:block;
        width: 998px;
        left:-277.5px;
    }
    ul#topnav li .row { /*--If needed to break out into rows--*/
        clear: both;
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }
    ul#topnav li .sub ul {
        list-style: none;
        margin: 0;
        padding: 0 10px 0 0;
        width: 150px;
        float: left;
        display: inline-block !important;
    }
    ul#topnav .sub ul li {
        width: 100%; /*--Override parent list item--*/
        color: #FFF;
    }
    ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
        padding: 0 0 2px;
        margin: 0 0 5px;
        font: bold 14px Arial, Helvetica, sans-serif;
        border-bottom: 1px solid #535353;
    }
    ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
        background-image: none;
        color: #FFF;
    }
    ul#topnav .sub ul li a {
        float: none;
        text-indent: 0; /*--Override text-indent from parent list item--*/
        height: auto;
        display: block;
        text-decoration: none;
        color: #fff;
        padding: 0px 5px;
        font: 13px Arial, Helvetica, sans-serif;
    }
    ul#topnav .sub ul li a:hover {
        color: #FFF;/*--Override background position--*/
        background: #990000;
    }

    .sub li{
        padding:0 8px 2px 11px;

    }
    .nav-main li {
        display: block !important;
    }
}