@media (max-width: 1000px) {
    .header-logo {
        width: 70%  !important;
    }

    .header-navbar {
        width: 15%  !important;
    }

    .header-buttons {
        width: 15%  !important;
    }
}

@media (max-width: 688px) {
    .navbar-menu ul {
        padding: 0 !important;
    }
}

@media (max-width: 648px) {
    .navbar-menu {
        width: 0px !important;
        height: 0vh !important;
        left: 0px !important;
        top: 0px !important;
        overflow-y: auto !important;
        margin: 0 !important;
    }

    #header-navbar-opener:checked ~ .navbar-menu {
        width: 200px !important;
        height: 88vh !important; 
        left: 57px !important;
        top: 20px !important;
    }

    .navbar-menu ul {
        width: 99% !important;
        padding: 0px !important;
        flex-direction: column !important;
        margin: 0 !important;
    }

    .navbar-menu ul li {
        padding: 11px 0px !important;
    }

    .navbar-menu ul li:last-child {
        display: block !important;
    }

    .navbar-label {
        display: none !important;
    }

    .header-buttons {
        display: none !important;
    }

    .header-logo {
        width: 85%  !important;
        justify-content: end !important;
        padding: 0px 32px !important;
    }

    .navbar-dropdown-ul {
        left: 0px;
        top: auto;
    }
}

@media (max-width: 600px) {
    .login-heading label {
        padding: 8px 20px !important;
    }

    .login-div {
        width: 300px !important;
    }

    .login-form input {
        width: 100% !important;
    }

    .register-form input {
        width: 100% !important;
    }
}