@media screen and (max-width:414px) {

    /*      L O G I N    */
    #login a {
        margin: 0;
        padding: 0;
        text-decoration: none;
    }

    #logotip_img_login {
        width: auto;
        height: 100px;
        margin: 10px;
    }

    html {
        width: 100%;
    }

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

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

    #inputlogin,
    #inputpassword {
        width: 74%;
        height: 45px;
        margin: 5px 10%;
        padding-left: 15px;
        border: 1% solid #ffffff;
        border-radius: 5px;
        font-size: 120%;
    }

    /*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 {
		width: 90%;
        margin: 10px 5%;
		text-align: center;
        color: #006400;
    }

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

    #registraciya {
		width: 90%;
        margin: 20px 5%;
		padding: 5px 0;
		border: 0px solid #0000ff;
		border-radius: 5px;
		font-family: sans-serif;
        font-size: 25px;
        color: #364eff;
		text-align: center;
		display: inline-block;
		box-shadow: 0 0 4px #364eff;
    }

    .input_form {
        width: 100%;
        height: auto;
    }

    .input {
        width: 80%;
        height: 60px;
        border: 1px solid #000;
    }

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

    .knopka_vhod {
        color: #fff;
        line-height: 32px;
        border: 1px solid #054baa;
        text-align: center;
        width: 79%;
        height: 50px;
        margin: 10px 10%;
        margin-top: 5px;
        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: 130%;
        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: 20%;
        height: auto;
        margin: 15px;
    }

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

    #inputlogin,
    #inputpassword,
    #inputpassword2,
    #tel,
    #phone_number {
        width: 74%;
        height: 45px;
        margin: 5px 10%;
        padding-left: 15px;
        border: 1% solid #ffffff;
        border-radius: 5px;
        font-size: 120%;
    }

    #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-bottom: 10px;
        margin-left: 10%;
        float: left;
        font-size: 120%;
        text-align: center;
    }

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

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

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

    #anti_bot_otvet {
        width: 15%;
        height: 40px;
        padding: 0;
        border: 1px solid #589ef0;
        border-radius: 5px;
        margin-top: 5px;
        margin-left: 0;
        float: 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;
       }*/

    #voiti {
        width: 90%;
        margin: 20px 5%;
		padding: 5px 0;
		border: 0px solid #0000ff;
		border-radius: 5px;
		font-family: sans-serif;
        font-size: 25px;
        color: #364eff;
		text-align: center;
		display: inline-block;
		box-shadow: 0 0 4px #364eff;
    }

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

    .knopka_registraciya {
        color: #fff;
        line-height: 32px;
        border: 1px solid #054baa;
        text-align: center;
        width: 79%;
        height: 45px;
        margin: 10px 10%;
        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: 130%;
        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: 30px;
        font-size: 160%;
        float: left;
    }
}