@media (min-width: 300px){ .gm-navbar ~ .gm-main-menu-wrapper .gm-navbar-nav { margin-top: 10px; } .gm-main-menu-wrapper .gm-menu-btn-close-drawer { display:none; } } @media (min-width: 768px){ .gm-navbar ~ .gm-main-menu-wrapper .gm-navbar-nav { margin-top: 50px; } } @media (min-width: 1024px){ .gm-navbar ~ .gm-main-menu-wrapper .gm-navbar-nav > .gm-menu-item { padding-right: 15%; padding-left: 15%; } .gm-dropdown-toggle{ border-bottom: 1px solid #676767; animation-duration: 3s; animation-name: slidein; } .gm-menu-item__txt{ animation-duration: 3s; animation-name: fadein; } .gm-menu-item__link{ animation-duration: 3s; animation-name: slideinSubmenu; } @keyframes slidein{ 0% { opacity: 0; margin-left: 100px; } 50% { opacity: 0.5; margin-left: 50px; } 100% { opacity: 1; margin-left: 0px; } } @keyframes fadein{ 0% { opacity: 0; } 50% { opacity: 0.5%; } 100% { opacity: 1; } } @keyframes slideinSubmenu{ 0% { padding-top: 50px; } 50% { padding-top: 30px; } 100% { padding-top: 12px; } } .gm-menu-btn-close-drawer{ display:none !important; } .gm-navbar ~ .gm-main-menu-wrapper .gm-navbar-nav { margin-top: 140px; } }