@media (max-width:1351px){
    main .form-section{
        padding: 0 60px;
    }
}
    
@media (max-width:1311px){
    main .form-section{
        padding: 0 50px;
    }
}

@media (max-width:1201px){
    main .form-section{
        padding: 0 40px;
    }
}

@media(max-width:610px){

    main .form-section form{
        width: 90%;
        padding: 30px 0;
    }

    main .form-section form input{
        width: 85%
    }

    main .form-section form .sign-up{
        /* border: 2px solid purple; */
        width: 85%;
        padding: 5px 0px;
    }

    main .form-section form h1{
        font-size:30px;
    }

    main .form-section form .pass-word{
        /* border:1px solid green ; */
        width: 85%;
    }

    main .form-section form .pass-word input{
        /* border:1px solid green ; */
        width: 100%;
    }
}

@media (max-width:551px){
    main .form-section{
        padding: 10px 30px;
    }

    main .form-section .form-logo img{
        height: 50px;
    }
}

@media (max-width:426px){
    main .form-section{
        padding: 10px 20px;
    }

    main .form-section form h1{
        font-size: 20px;
    }
}

@media (max-width:326px){
    main .form-section{
        padding: 10px 10px;
    }
}