@media(max-width:800px){
   .top-nav-left .top-nav-text h1{
    font-size: 16px;
   }
}
@media(max-width:600px){

.top-nav .top-nav-left{
    display: none;
}
.top-nav .top-nav-right{
    width: 100%;
   align-items: center;
   justify-content: space-evenly;
    
}
.top-nav .top-nav-right .top{
    display: block;
}

.top-nav .top-nav-right .top{
    height: auto;
}
 .top-nav .top-nav-right .top i{
    width: 30px;
    height: 30px;
    align-content: center;
    font-size: 17px;
    text-align: center;
    color: var(--white);
}
.top-nav-right .top-nav-icon {
    margin: 0% 3% 0% 0%;
}
}