@media only screen and (max-width: 980px) {
    .dropdown {
        float: right;
        overflow: hidden;
    }

    .dropdown .dropbtn {
        font-size: 16px;
        border: none;
        outline: none;
        color: white;/*Цвет текста в кнопке*/
        padding: 40px 5px 0px 40px;
        background-color: inherit;
        font-family: inherit;
        font-size: 40px;
        margin: 0;
    }
    /*Цвет наведенной кнопки*/
    .navbar a:hover, .dropdown:hover .dropbtn {
        background-color: black;
    }

    .dropdown-content {
        display: none;
        /*position: absolute;*/
        background-color: black;
        /*min-width: 160px;*/
        min-width: min-content;
        padding: 30px 0px 5px 12px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        border-radius: 0 0 6px 6px;
    }

    .dropdown-content a {
        float: none;
        color: black;
        padding: 30px 0px;
        text-decoration: none;
        color: white;
        display: block;
        text-align: left;
    }

    .dropdown-content a:hover {
        background-color: black;/*Цвет выделения в выпадающем меню*/
        font-size: 40px;
        color: rgb(255, 122, 41);
    }

    .dropdown:hover .dropdown-content {
        display: block;
    }
    body {
        background: none;
    }

    .buy {
        display: none;
        text-align: left;
    }

    .trash {
        display: none;
        text-align: left;
    }

    .wrapper {
        position: relative;
        width: 90%;
        padding: 10px;
        font-size: 60px;
        margin: 10px;
    }

    .table {
        position: relative;
        width: 100%;
        padding: 0;
        margin: 0 auto;
        font-size: 0;
    }

    /*.width {*/
    /*    width: 100%;*/
    /*    min-width: unset;*/
    /*    min-height: unset;*/
    /*}*/



    .width {
        padding: 5px 0 40px 0;
        width: 100%;
        background-color: #fafcff;
        margin:0 auto;
        min-width: 720px;
        min-height: max-content;
        border-radius: 0 0 40px 40px;
        box-shadow: -7px 8px 13px -8px #000000;
    }



.head {
    width: 99.1%;
    height: 140px;
    min-width: 720px;

}
.head_ul {
    text-align: left;

}

.head_li {
    font-size: 40px;
}

.head a {
    padding-top: 50px;
    font-size: 40px;
}

.user_logout {
    font-size: 30px;

}

    .user_logout a {

        padding-top: 0px;
    }

    .login_form {
        position: absolute;
        border: 1px solid rgba(23, 0, 0, 0.29);
        border-radius: 60px 69px 64px 64px;
        background-color: rgba(42, 42, 42, 0.19);
        box-shadow: -7px 8px 13px -8px #000000;
        width: 100%;
        padding: 60px 20px 40px 20px;
        font-family: Montserrat, sans-serif;
        left: 5px;
        top: 30px;
        margin-top: 0;
        margin-left: 0;
    }

    .login_form_autorize {
        /*position: absolute;*/
        position: relative;
        border-radius: 12px;
        border: 1px solid rgba(62, 37, 20, 0.99);
        background-color: rgb(255, 122, 41);
        /*padding: 10px;*/
        box-shadow: -1px 2px 4px 0px rgba(50, 50, 50, 0.37);
        top: -30px;
        /*width: 500px;*/
        width: min-content;
        /*left: 30%;*/
        left: 0;
        /*margin: 0px 0px 0px -60px;*/
        margin: -60px auto 0 auto;
        /*text-align: center;*/
    }

    .login_form form {
        display: flex;
        flex-direction: column;
        width: 100%;
margin-top: -80px;
    }

    .input {
        margin: 10px 0;
        padding: 10px;
        border: 1px solid rgba(23, 0, 0, 0.11);
        border-bottom: 2px solid rgba(23, 0, 0, 0.29);
width: 90%;
        height: 100px;
        font-size: 60px;
        box-shadow: inset 0 2px 4px 1px rgba(3, 3, 3, 0.5), inset 0 0 0 60px rgba(193, 193, 193, 0.3), 0 1px rgba(255, 255, 255, 0.47);
        background: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.67));
        transition: .5s linear;
    }

    .login_form form input:focus {
        outline: none;
        box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.22), inset 0 0 0 60px rgba(250, 115, 0, 0.49), 0 1px rgb(26, 26, 26);
    }

    .login_form form label {
    visibility: hidden;
    }

    .button_login {
        position: relative;
        padding: 10px;
        background-color: rgb(255, 122, 41);
        border: 1px solid rgba(62, 37, 20, 0.99);
        border-radius: 12px;
        box-shadow: -1px 2px 4px 0px rgba(50, 50, 50, 0.37);
        cursor: pointer;
        height: 100px;
        font-size: 60px;
        width: min-content;
        left: 0;
        /*margin-top: 50px;*/
        margin: 50px auto 0 auto;
        /*left: 350px;*/
    }

    .button_submit_changes {
        font-size: 60px;
    }

    .select {
        position: relative;
        height: 80px;
        font-size: 60px;
        border: 1px solid rgb(64, 35, 8);
        border-radius: 4px;
        box-shadow: inset 0 2px 4px 1px rgba(3, 3, 3, 0.5), inset 0 0 0 60px rgba(193, 193, 193, 0.3), 0 1px rgba(255, 255, 255, 0.47);
        background: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.67));
        transition: .2s linear;
        padding: 0 30px 0 30px;
        text-align: center;
    }


    .eggs_records {
        border-radius: 0 0 20px 20px;
        background: rgb(147, 147, 147);
        background: linear-gradient(0deg, rgba(0, 255, 248, 0.04) 0%, rgba(255, 255, 255, 0.73) 52%);
        box-shadow: -4px 4px 8px 0px rgba(28, 40, 49, 0.31);
        width: 100%;
        font-size: 40px;
        padding: 15px 0 20px 0;
        margin-top: 20px;
    }

    .eggs_records p {
        font-size: 60px;
    }

    .login_form p {
        padding-top: 60px;
    }

    .message_width {
        border-radius: 10px 10px 10px 10px;
        width: 100%;
        margin: 0 0 0 0;
        padding: 10px 0;
        background: rgb(147, 147, 147);
        background: linear-gradient(0deg, rgba(186, 186, 186, 0.83) 0%, rgba(219, 219, 219, 0.73) 52%);
        box-shadow: -4px 4px 8px 0px rgba(28, 40, 49, 0.31);
        /*background-color: rgba(238, 251, 255, 0.21);*/
        text-align: center;
        font-size: 22px;
    }

    .message {
        border-radius: 0 0 10px 10px;
        width: 99%;

        border: none;
        margin: 15px auto;
        padding: 20px 0;
        background: rgb(247, 255, 255);
        background: linear-gradient(0deg, rgba(0, 255, 248, 0.04) 0%, rgba(255, 255, 255, 0.73) 52%);
        box-shadow: -4px 4px 8px 0px rgba(28, 40, 49, 0.31);
        /*background-color: rgba(238, 251, 255, 0.21);*/
        text-align: center;
        font-size: 40px;
    }

    .message_info {
        border: none;
        padding-bottom: 11px;
        text-align: center;
        text-decoration-color: darkred;
        font-size: 22px;
    }

    .update_message {
        display: none;
        position: absolute;
        padding: 20px 0 20px 0;
        margin: 0 auto;
        width: 99%;
        left: 0%;
        height: 90px;
        text-align: center;
        font-size: 45px;
        color: darkred;
        background: linear-gradient(0deg, rgb(230, 242, 255) 0%, rgb(255, 255, 255) 52%);
        box-shadow: -4px 4px 8px 0px rgba(28, 40, 49, 0.31);
    }
}