@media(max-width:850px){
    .ul-div{
        display: none;
    }
   
    .menu-div{
        display: block;
    }
    .nav-div{
        justify-content: space-between;
        padding: 0.75rem
    }
}

.fixed-nav{
background-color: #ffffff;
/* -webkit-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2); */
box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
color: var(--text-color);
/* transition: all .5s; */
position: fixed;
top: 0;
width: 100%;
left: 0;
z-index: 50;
}