@media (max-width: 480px)
{
    /*---------------
        Main styles
    ---------------*/
    :root
    {

    }

    .cont {
      padding: 0 8px;
    }

    .form .input {
        font-size: 15px;
    }
    .form .input+label {
        font-size: 14px;
    }

    .form .submit {
        padding-top: 0;
    }
    .form .submit_btn {
      font-size: 15px;
      line-height: 50px;
      width: 100%;
      height: 50px;
      padding: 0 20px;
      max-width: 235px;
    }

    .form .agree {
      padding: 0;
    }




    /*---------------
        Header
    ---------------*/


    /*---------------
        Sidebar
    ---------------*/



    /*---------------
        Main section
    ---------------*/

    .wrapform .title {
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 24px;
    }

    .wrappper-form .user .info {
      width: 100%;
      margin-top: 12px;
    }

    .user .foto {
      width: 80px;
      height: 80px;
    }
    .user .name {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 12px;
  }
    .user .desc {
      font-size: 12px;
      line-height: 14px;
    }





    /*---------------
        Footer
    ---------------*/



    /*---------------
        PopUp
    ---------------*/
    .modal
    {

    }




}