@media (max-width: 840px) and (min-width: 320px) {

   /* Заголовок/Меню */

  .container {
     width: auto;
  }

  .title {
     margin-top: 45px;
  }

  .menu-item {
     width: 33%;
  }

  .menu-item a {
     width: auto;
  }

}


@media (max-width: 840px) and (min-width: 320px) {

   /* Аттестация */

    .step3-hint-block {
        flex-direction: column;
        margin-top: 17px;
    }
    .step3-hint {
        align-self: center;
        margin-top: 25px;
        width: 230px;
    }

    .step3-text-block {
        flex-direction: column;
        margin-top: 18px;
    }
    .step3-row {
        align-self: center;
        width: 280px;
        margin-top: 25px;
    }

}


@media (max-width: 690px) and (min-width: 320px) {

   /* Образование */

  .menu-item a {
     width: auto;
     padding-left: 55px;
  }

  .menu-item a:before {
     left: 5px;
  }

  .menu-item-note {
     margin-left: 0px;
  }
}


@media (max-width: 630px) and (min-width: 320px) {

   /* Аттестация - Заявки на аттестацию */

  .att-item-col2-left {
     width: 100%;
  }
  .att-item-col2-right {
     width: 100%;
  }

}


@media (max-width: 570px) and (min-width: 320px) {

   /* Образование */

  .menu-item a {
     font-size: 13px;
  }

  .header {
      width: auto;
      font-size: 35px;
  }

  .edu-separator {
      width: auto;
  }

  /* Образование - Мои документы */

  .edu-item-col3 {
      width: 100%;
  }


  /* Аттестация */

  .step2-themes {
      width: auto;
  }

  .step2-specs {
      width: auto;
      display: inline-block;
  }

  .step2-specs li {
      width: auto;
      float: none;
  }

  .step2-choose {
      width: auto;
  }

  /* Аттестация - Тест на грамотность */

  .att-test-form {
      margin-bottom: 45px;
  }

}


@media (max-width: 520px) and (min-width: 320px) {

   /* Образование */

  .wrap-select select {
     width: 100%;
  }

  .form-field input[type=text] {
     width: 100%;
  }


  .title {
     width: auto;
     font-size: 25px;
  }

  .menu-item a {
     padding: 10px;
     padding-top: 58px;
     text-align: center;
     height: 100%;
  }

  .menu-item a:before {
     left: 35%;
     top: 8px;
  }

  .menu-item-note {
     position: static;
     margin-top: 4px;
  }

  .header {
      width: auto;
      font-size: 28px;
      line-height: 31px;
  }

  .subheader {
     width: auto;
     font-size: 16px;
  }

  .form-field {
     width: auto;
  }

  .edu-del-block {
     width: auto;
  }

  .edu-remarks {
     width: auto;
  }

  .subheader-sec {
     font-size: 16px;
  }

  .subheader-hint {
     width: auto;
  }

  .edu-photo-block {
     width: auto;
  }
  .edu-photo-notes {
     width: auto;
     float: none;
  }
  .edu-avatar {
     position: relative;
     margin: 0 auto;
     margin-top: 18px;
  }
  .edu-photo-upload {
     float: none;
     left: 11px;
     top: 147px;
  }
  .edu-upload-photo-filename {
     float: left;
  }

  .edu-demands a {
     font-size: 12px;
  }

  .submit-hint {
     width: auto;
  }

  /* Аттестация */

  .step4-hint {
     width: auto;
  }

  /* Аттестация - Заявки на аттестацию */

  .att-item-att-record {
     margin-left: 5px;
  }

  .m-mid-list-col2 {
     font-size: 12px;
  }

  /* Аттестация - Тест на грамотность */

  .m-popup-header {
     font-size: 28px;
     line-height: 31px;
  }

  .m-popup-item {
     font-size: 14px;
  }

}


@media (max-width: 420px) and (min-width: 320px) {

   /* Аттестация - Заявки на аттестацию */

  .m-portf-form-desc {
     margin-left: 5px;
  }
  .m-portf-form-view-link {
     margin-left: 5px;
  }
}


@media (max-width: 360px) and (min-width: 320px) {

   /* Образование */

  .menu-item a {
     font-size: 11px;
  }

  .form-field .blue-button {
     width: 250px;
  }
}