@media screen and (max-width: 767px){
    /* === Шапка === */
    .img-logo, .main-text{
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-text{
        margin-bottom: 10px;
    }
    
    .img-logo{
        height: 60px;
    }
    /* === */

    /* === Категории юзеров === */
    /* Блоки  */
    .users-categories-wrapper .category:first-child{
        margin-bottom: 40px;
    }
    /* === */
}


@media screen and (max-width: 449px){
    /* === Категории юзеров === */
    /* Кнопки */
    .users-categories-wrapper .category>button{
        width: 100%;
    }
    /* === */
}    


@media screen and (min-width: 400px){
    /* === Авторизация === */
    /* Блок-элемент авториизации (логин, пароль) */
    .single-users-auth-container .single-auth-element-block,
    .main-page-buttons-block,
    .auth-upload-file-wrapper,
    .multi-category-select-wrapper{
        width: 310px;
        margin-left: calc(50% - 155px);
    }

    .single-users-auth-container .single-auth-element-block{
        display: flex;
    }

    /* Название эелемента авторизации для инпута */
    .single-users-auth-container .single-auth-title-for-input{
        width: 120px;
        margin: 0 10px 0 0;
        text-align: left;
    }

    /* Метка существующей техзкарты */
    .users-auth-wrapper .exist-teh-cart-mark{
        right: calc(50% - 180px);
    }
    /* === */
}


@media screen and (max-width: 399px){
    /* === Авторизация === */
    /* Название эелемента авторизации для инпута */
    .single-users-auth-container .single-auth-title-for-input{
        margin-bottom: 5px;
    }

    /* Метка существующей техзкарты */
    .users-auth-wrapper .exist-teh-cart-mark{
        margin-left: 5px;
    }
    /* === */

    /* === Гланые кнопки (применить и назад) === */
    /* Обвертка */
    .main-page-buttons-block,
    .auth-upload-file-wrapper,
    .multi-category-select-wrapper{
        width: 180px;
        margin-left: calc(50% - 90px);
    }
    /* === */
}