#mobile-nav{
    display: none;
}
#mobile-nav-open-btn{
    display: none;
}
@media(max-width: 1200px){
    #web-nav{
        display: none;
    }
    #mobile-nav{
        /* display: block; */
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 3;
        background: rgba(255, 255, 255, .9);
        transition: all .3s linear;
    }
    #mobile-nav-open-btn{
        display: block;    
        z-index: 2;
        cursor: pointer;
        color: #fff;
        font-size: 30px;
        /* right: 10px; */
    }

    #mobile-nav-close-btn{
        display: none;
        line-height: 1;
        position: absolute;
        top: 20px;
        right: 20px;
        color: #000B1E;
        font-size: 50px;
        cursor: pointer;
    }

    #mobile-nav-close-btn:hover{
        color: #000B1E;
        cursor: pointer;
    }

    .mobile-nav-content{
        display: none;
        text-align:center;
        margin-top: 30px;
        position: relative;
        top: 10%;
    }

    .mobile-nav-content li a{
        color: #000B1E!important;
        font-weight: 400;
        text-transform: uppercase;
        transition: all .3s linear;
    }

    .mobile-nav-content li a:hover,
    .mobile-nav-content li a:focus{
        color: 013183;
        background: none;
    }
    .drop-down{
        width: 100%;
    }
}