/* Estilo base */
#main-navigation {
    display: none;
    margin-top: 20px;
    transition: transform 0.3s ease;
}
  
/* Telas até 680px */
@media (max-width: 680px) {
    #main-navigation {
        display: block;
    }
}
  
/* Telas entre 681px e 1000px */
@media (min-width: 681px) and (max-width: 1000px) {
    #main-navigation {
        display: block;
    }
}
  
/* Telas acima de 1000px */
@media (min-width: 1001px) {
    #main-navigation {
        display: block;
    }

    #main-navigation.push {
        transform: translateX(0);
    }
}