@media (min-width: 1200px) { nav.navbar .container { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; } nav.navbar .navbar-logo { position: relative !important; flex-shrink: 0; margin-right: 20px; order: 1; } nav.navbar #navbar.navbar-desktop { position: relative !important; transform: none !important; top: auto !important; padding-left: 0 !important; padding-right: 0 !important; flex-grow: 1; text-align: center; order: 2; } nav.navbar #navbar.navbar-desktop ul.navbar-nav { display: inline-block; margin: 0 !important; text-align: center; } nav.navbar #navbar.navbar-desktop ul.navbar-nav > li:nth-last-child(1), nav.navbar #navbar.navbar-desktop ul.navbar-nav > li:nth-last-child(2) { display: none !important; } nav.navbar #navbar.navbar-desktop ul.navbar-nav > li > a { padding: 0px 12px 0 !important; } nav.navbar .navbar-buttons { display: flex !important; gap: 15px; flex-shrink: 0; order: 3; align-items: center; } nav.navbar .navbar-buttons .btn-order { background-color: #8EC038 !important; color: #fff !important; padding: 12px 24px !important; border-radius: 36px !important; font-family: 'Fira Sans', serif !important; font-weight: 700 !important; font-size: 14px !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap; border: 2px solid transparent !important; } nav.navbar .navbar-buttons .btn-order:hover { background-color: #6E9761 !important; color: #fff !important; } nav.navbar .navbar-buttons .btn-panel { background-color: #fec009 !important; color: #fff !important; padding: 12px 24px !important; border-radius: 36px !important; font-family: 'Fira Sans', serif !important; font-weight: 700 !important; font-size: 14px !important; text-decoration: none !important; transition: all 0.3s ease !important; white-space: nowrap; border: 2px solid transparent !important; } nav.navbar .navbar-buttons .btn-panel:hover { background-color: #D6111E !important; color: #fff !important; } } @media (max-width: 1199px) { nav.navbar .navbar-buttons { display: none !important; } nav.navbar .container { display: block !important; position: relative !important; } nav.navbar .navbar-logo { position: absolute !important; margin-right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; left: 15px !important; } nav.navbar #navbar { position: fixed !important; z-index: 9999 !important; } nav.navbar .navbar-controls { position: absolute !important; right: 15px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 1000 !important; } nav.navbar .navbar-toggle { display: block !important; float: right !important; } }