@media screen and (max-width:768px) {
    html {
        width: 100%;
    }

    body {
        height: auto;
    }

    #tomain {
        width: auto;
        height: 90px;
        margin: 15px;
    }

    #vhodtitle {
        margin: 0;
        margin-top: -10px;
        margin-bottom: 10px;
        font-size: 200%;
        color: #364eff;
        text-align: center;
    }

    #inputlogin,
    #inputpassword {
        width: 50%;
        height: 55px;
        margin: 10px 24%;
        padding-left: 28px;
        border: 1% solid #ffffff;
        border-radius: 5px;
        font-size: 160%;
    }

    /*input[type="submit"]{
       width:53%;
       height:60px;
       margin:30px 24%;
       padding-left:15px;
       border:1px solid #a3c200;
       border-radius:5px;
       -webkit-border-radius:5px;
       -moz-border-radius:5px;
       -o-border-radius:5px;
       font-size:160%;
       background:#43b51f;
       -webkit-appearance:none;
       }*/
    #a1 {
        margin-left: 24%;
        float: left;
        color: #006400;
        font-size: 130%;
    }

    #incorrect_password {
        width: 90%;
        margin: 10px 5%;
        text-align: center;
        color: #ff0000;
        font-size: 20px;
    }

    #display {
        text-align: center;
        margin: 20px 0;
        color: #ff4000;
        font-size: 150%;
    }

    #registraciya {
        margin-left: 6%;
        font-size: 160%;
        color: #0000ff;
        text-decoration: none;
    }

    .input:focus {
        background: #ffe;
        border: 1px solid #29b0d9;
    }

    .knopka_vhod {
        color: #fff;
        line-height: 32px;
        border: 1px solid #054baa;
        text-align: center;
        width: 54%;
        height: 65px;
        margin: 10px 24%;
        border-radius: 5px;
        background: transparent;
        background-image: -webkit-linear-gradient(#0245ad, #01dafb);
        background-image: -moz-linear-gradient(#0245ad, #01dafb);
        background-image: -o-linear-gradient(#0245ad, #01dafb);
        -moz-box-shadow: inset 0px -2px 0 #01fff9;
        -webkit-box-shadow: inset 0px -2px 0 #01fff9;
        -o-box-shadow: inset 0px -2px 0 #01fff9;
        box-shadow: inset 0px -1px 2px #01fff9;
        display: block;
        text-decoration: none;
        font-size: 160%;
        padding: 0px;
        -webkit-appearance: none;
    }

    .knopka_vhod:before {
        content: ".";
        color: transparent;
        line-height: 16px;
        width: 200px;
        margin-top: 0px;
        margin-bottom: -17px;
        margin-left: 5px;
        background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
        background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
        background-image: -o-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
        border-radius: 5px;
        display: block;
        -webkit-appearance: none;
    }

    /*    S I G N ____ U P    */
    #tomain {
        width: auto;
        height: 90px;
        margin: 15px;
    }

    #registrtitle {
        margin: 0;
        margin-top: -10px;
        margin-bottom: 10px;
        font-size: 200%;
        color: #364eff;
        text-align: center;
    }

    #inputlogin,
    #inputpassword,
    #inputpassword2,
    #tel,
    #phone_number {
        width: 50%;
        height: 55px;
        margin: 10px 24%;
        padding-left: 28px;
        border: 1% solid #ffffff;
        border-radius: 5px;
        font-size: 160%;
    }

    #inputlogin {
        color: #32cd32;
    }

    #inputpassword,
    #inputpassword2 {
        color: #2f4f4f;
    }

    #phone_number {
        color: #0000cd;
    }

    #display {
        text-align: center;
        margin: 20px 0;
        color: #ff4000;
    }

    #anti_bot1 {
        width: 15%;
        height: 40px;
        padding: 0;
        border: 1px solid #589ef0;
        border-radius: 5px;
        margin-top: 5px;
        margin-left: 24%;
        float: left;
        font-size: 120%;
        text-align: center;
    }

    #anti_bot2 {
        width: 5%;
        height: 40px;
        padding: 6px;
        border: 1px solid #589ef0;
        border-radius: 5px;
        margin-top: 10px;
        margin-left: 13px;
        float: left;
        font-size: 120%;
        text-align: center;
    }

    #anti_bot_otvet {
        width: 15%;
        height: 40px;
        margin-top: 10px;
        margin-left: 13px;
        border-radius: 5px;
        tfloat: left;
        font-size: 120%;
        text-align: center;
    }

    /*input[type="submit"]{
       width:53%;
       height:55px;
       margin:30px 24%;
       padding-left:15px;
       border:1px solid #a3c200;
       border-radius:5px;
       -webkit-border-radius:5px;
       -moz-border-radius:5px;
       -o-border-radius:5px;
       font-size:160%;
       background:linear-gradient(#32cd32, #32cd00);
       box-shadow:inset 0 -1px 2px #01fff9;
       color:#ffffff;
       -webkit-appearance:none;
       }*/
    #a1 {
        margin-left: 24%;
        color: #006400;
        float: left;
        font-size: 130%;
    }

    #voiti {
        margin-left: 17%;
        color: #0000ff;
        font-size: 160%;
        text-decoration: none;
    }

    .input:focus {
        background: #ffe;
        border: 1px solid #29b0d9;
    }

    .knopka_registraciya {
        color: #fff;
        line-height: 32px;
        border: 1px solid #054baa;
        text-align: center;
        width: 54%;
        height: 65px;
        margin: 10px 24%;
        border-radius: 5px;
        background: transparent;
        background-image: -webkit-linear-gradient(#0245ad, #01dafb);
        background-image: -moz-linear-gradient(#0245ad, #01dafb);
        background-image: -o-linear-gradient(#0245ad, #01dafb);
        -moz-box-shadow: inset 0px -2px 0 #01fff9;
        -webkit-box-shadow: inset 0px -2px 0 #01fff9;
        -o-box-shadow: inset 0px -2px 0 #01fff9;
        box-shadow: inset 0px -1px 2px #01fff9;
        display: block;
        text-decoration: none;
        font-size: 160%;
        padding: 0px;
        -webkit-appearance: none;
    }

    .knopka_registraciya:before {
        content: ".";
        color: transparent;
        line-height: 16px;
        width: 200px;
        margin-top: 0px;
        margin-bottom: -17px;
        margin-left: 5px;
        background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
        background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
        background-image: -o-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
        border-radius: 5px;
        display: block;
        -webkit-appearance: none;
    }

    .plus {
        margin-top: 25px;
        font-size: 160%;
        float: left;
        display: block;
    }
}