@media (max-width: 820px) {
    @media(max-width:820px){
        header{
            padding: 10px 12%;
        }
    
        header nav{
            display: none;
        }
    
        header  .others{
            display: none;
        }
    
        header .bar{
            display: flex;
            color: var(--yellow);
        }
    
        header .bar img{
            display: flex;
        }
    
        header .bar .fa-close{
            display: none;
        }
    }
}