@media (max-width: 900px) {
    .header-container {
        width: 100%;
        flex-direction: column;
        margin: 20px auto 0;
        gap: 10px;
        align-items: start;
    }

}

@media (max-width: 650px) {
    .main-title {
        text-align: center;
    }
    .doctors_list_header {
        margin-top: 40px;
        line-height: 110%;
        font-size: 8.4vw;
    }

    .doctors_list_header_description{
        font-size: 3.9vw;
        line-height: 100%;
        font-weight: 400;
        width: 85%;
        margin: 14px auto 0 auto;
    }
}

@media (max-width: 400px) {
    .doctors_list_header_description {
        width: 90%;
    }
}

@media (max-width: 480px) {

    .header-container {
        width: 100%;
        flex-direction: column;
        margin: 20px auto 0;
        gap: 0;
    }

    .logo {
        display: block;
        width: 100%;
        max-width: 300px;
    }

    .logo img {
        width: 100%;
        height: 85px;
        object-fit: contain;
    }

    .login-container {
        display: none;
    }


    .search-doctors-container input {
        height: 45px;
        font-size: 18px;
    }

    .search-doctors-container input::placeholder {
        font-size: 18px;
    }

    .lupa {
        width: 30px;
        height: 45px;
        margin-top: -5px;
    }

    .mobile_burger {
        display: block;
    }

}

@media (max-width: 350px) {

    .login-container {
        display: none;
    }

    .search-doctors-container input {
        height: 35px;
        font-size: 16px;
    }

    .search-doctors-container input::placeholder {
        font-size: 16px;
    }

    .lupa {
        width: 20px;
        height: 25px;
        margin-top: -5px;
    }


    .mobile_burger {
        display: block;
    }
}