/* Default (mobile-first) */
.spacer {
    height: 100px;
    /* default balandlik (kichik ekranlar uchun) */
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .navbar-input {
        height: 2.15rem !important;
    }

    .navbar-icon {
        width: 15px !important;
        height: 15px !important;
    }

    .login-image-responsive {
        height: 20rem !important;
        border-radius: 10px !important;
    }

    .login-image-box {
        padding-right: 0px !important;
    }

    .spacer {
        height: 80px;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .login-image-responsive {
        border-radius: 10px !important;
    }

    .login-image-box {
        padding-right: 0px !important;
    }

    .spacer {
        height: 80px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .spacer {
        height: 100px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .spacer {
        height: 120px;
    }
}

/* Agar orientatsiya bo'yicha o'zgartirmoqchi bo'lsangiz */
@media (orientation: landscape) {
    .spacer {
        /* gorizontal qurilmalarda balandlikni pasaytirish */
        height: 80px;
    }
}