@charset "UTF-8";
@media screen and (max-width: 1400px) {
  .practice__content iframe {
    width: 100%;
    height: 57vw;
  }
}
@media screen and (max-width: 990px) {
  .traning__question.tquestion {
    height: auto;
  }
  .header {
    display: block;
    height: 70px;
  }
  .header__center.center {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .header__center.center .header__block:last-child .header__logo-block {
    display: none;
  }
  .header__center.center .header__block:last-child a.header_button {
    height: 40px;
  }
  .header__logo-block:last-child {
    display: none;
  }
  .header__logo-image {
    height: 40px;
  }
  .header__toggle {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    padding: 10px 8px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .header__toggle span {
    display: inline-block;
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background-color: #fff;
  }
  .nav__center {
    height: auto;
  }
  .nav__list {
    flex-direction: column;
  }
  .nav__link {
    height: 40px;
    padding: 0;
  }
  .mnav {
    display: none;
  }
  .mainpage__news-item--course {
    text-align: left;
  }
  .text h1 {
    font-size: 20px;
  }
  .practice {
    /*conten attention*/
  }
  .practice__row {
    flex-direction: column;
  }
  .practice__row--stats {
    flex-direction: row;
  }
  .practice__center {
    padding: 0 !important;
  }
  .practice__create {
    flex-wrap: wrap;
  }
  .practice__create label.label {
    width: calc(50% - 10px);
  }
  .practice__content {
    padding: 10px;
    font-size: 14px;
    flex-direction: column;
  }
  .practice__content-block--width {
    width: 100%;
  }
  .practice__content .otchet.otchet--top tr {
    display: flex;
    flex-direction: column;
  }
  .practice__content .otchet.otchet--top tr th {
    width: 100%;
  }
  .practice__content .otchet__logo {
    justify-content: flex-start;
  }
  .practice__content .otchet__logo span br {
    display: none;
  }
  .practice__content .sc__item {
    flex-direction: column;
  }
  .practice__content .sc__item-block {
    width: 100%;
    padding-left: 0;
  }
  .practice__content .sc__item-block:nth-child(2) {
    align-items: flex-start;
  }
  .practice__content .sc__item-span {
    font-size: 14px;
  }
  .practice__content .sc__item-button {
    order: 2;
    margin: 20px auto 0;
  }
  .practice__content .sc .faq {
    padding-top: 10px;
  }
  .practice__content .book {
    /*flex-direction: column;*/
    height: 56.1797752809vw;
  }
  .practice__content .book.book--practicum {
    height: calc(100vh - 120px);
    min-height: 50vh;
  }
  .practice__content .book__nav #prev, .practice__content .book__nav #next {
    width: 30px;
    height: 50px;
  }
  .practice__content .book__nav #fullscreen {
    width: 40px;
    height: 40px;
    top: 4px;
    right: 4px;
  }
  .practice__content .book__nav #fullscreen .material-symbols-rounded {
    font-size: 22px;
  }
  .practice__content .faq a {
    padding: 10px;
  }
  .practice__content .faq__name {
    font-size: 14px !important;
  }
  .practice__content .answer__text {
    font-size: 18px;
  }
  .practice__content .testir .screen__block, .practice__content .testir .testir__image-link {
    width: 100%;
  }
  .practice__content .testir__top-row {
    flex-direction: column;
  }
  .practice__content .testir__vars--row {
    flex-direction: column !important;
  }
  .practice__content .testir__vars--row .testir__vars-item {
    width: 100%;
  }
  .practice__content .testir__info {
    width: 100%;
  }
  .practice__items {
    flex-direction: column;
  }
  .practice__items--area {
    width: 100%;
  }
  .practice__item {
    width: 100% !important;
    max-width: 320px;
  }
  .practice__between {
    flex-direction: column;
    align-items: flex-start;
  }
  .practice__between form {
    margin: 0 auto;
  }
  .practice__itemtable-number {
    width: 30px;
  }
  .practice__itemtable-name {
    width: 120px;
  }
  .practice__itemtable-title, .practice__itemtable-name {
    height: auto;
    padding: 10px;
  }
  .practice__itemtable-block {
    height: auto;
    font-size: 14px;
  }
  .practice__itemtable-block > * {
    height: 100%;
  }
  .practice__forstart {
    margin-bottom: 30px;
  }
  .practice__rez {
    font-size: 14px;
  }
  .practice__table {
    font-size: 12px;
    display: inline-block;
    max-width: 100%;
    overflow-x: visible;
  }
  .practice__table-cell {
    padding: 10px;
  }
  .practice__table-cell--size80px, .practice__table-cell--size60, .practice__table-cell--size15, .practice__table-cell--size55, .practice__table-cell--size30, .practice__table-cell--size45, .practice__table-cell--size10, .practice__table-cell--size35, .practice__table-cell--size65 {
    width: auto;
  }
  .practice__table-row {
    display: grid;
    /*grid-template-columns: repeat(5, 160px);*/
    grid-template-columns: 50px 250px 100px 100px 100px;
    border: none;
  }
  .practice__table-row--head {
    background: none !important;
  }
  .practice__table-row--head > * {
    display: block;
    background: rgba(0, 0, 0, 0.025);
  }
  .practice__table-row > div {
    border-bottom: 1px #eeeeee solid;
  }
  .practice__table-row:nth-child(2n+1) {
    background: none;
  }
  .practice__table-row:nth-child(2n+1) > div {
    background: rgba(0, 0, 0, 0.01);
  }
  .traning {
    /*flex-direction: column; уже есть */
    height: auto;
    position: relative;
  }
  .traning__left {
    width: 100%;
  }
  .traning__left form {
    height: 200px !important;
  }
  .traning__right {
    width: 100%;
  }
  .traning__vars .testir__vars-icon {
    height: 25px;
    width: 25px;
  }
  .traning__vars .testir__vars-text {
    font-size: 14px !important;
  }
  .traning__down.tdown {
    height: auto;
    flex-direction: column;
  }
  .traning__down.tdown .tdown__button {
    margin-right: 0;
    margin-top: 20px;
    order: 1;
  }
  .traning__down.tdown .tdown__text {
    font-size: 10px;
    text-align: center;
  }
  .adminthree__button--mb {
    margin-bottom: 0;
  }
  .adminelements {
    flex-direction: column;
  }
  .adminelements .adminsearch {
    margin: 0 0 20px;
  }
  .adminelements__block, .adminelements__block-in {
    flex-direction: column;
    gap: 10px;
    max-width: 360px;
  }
  .adminelements__block .button, .adminelements__block form, .adminelements__block-in .button, .adminelements__block-in form {
    width: 100%;
  }
  .adminelements + .matw .mainadmintable__row {
    grid-template-columns: 50px 150px 150px 150px 150px 65px 175px;
  }
  .adminelements + .matw.course .mainadmintable__row {
    grid-template-columns: 250px 150px 150px 150px 150px 65px 175px;
  }
  .traning, .adduser, .screen, .adminthree {
    flex-direction: column;
  }
  .adduser .adduser__block {
    width: 100%;
  }
  .matw {
    overflow-x: auto;
    position: relative;
    margin-top: 20px;
  }
  .matw .mainadmintable {
    font-size: 12px;
    display: inline-block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .matw .mainadmintable__row {
    display: grid;
    grid-template-columns: 50px 150px 100px 150px 150px 100px;
  }
  .matw .mainadmintable__row--head {
    background: none !important;
  }
  .matw .mainadmintable__row--head > * {
    display: block;
    background: rgba(0, 0, 0, 0.025);
  }
  .matw .mainadmintable__cell--cb, .matw .mainadmintable__cell:nth-child(2), .matw .mainadmintable__cell:nth-child(3), .matw .mainadmintable__cell:nth-child(4), .matw .mainadmintable__cell:nth-child(5) {
    width: auto !important;
  }
  .prtbw {
    overflow-x: auto;
    position: relative;
  }
  .prtbw.userstat .practice__table-row {
    grid-template-columns: 150px 250px;
  }
  .message {
    width: 100%;
  }
  #table_2 {
    overflow-x: scroll;
  }
  #table_2 thead tr:last-child th {
    min-width: 85px;
  }
  #table_2 tbody td:not(:first-child) {
    text-align: right;
  }
  #table_otchet {
    overflow-x: scroll;
  }
  #table_otchet tr th:nth-child(2) {
    min-width: 250px;
  }
  #table_otchet tr th:nth-child(3), #table_otchet tr th:nth-child(4) {
    min-width: 150px;
  }
  
  /* Стили для аудио плеера на мобильных устройствах */
  .player-body {
    padding: 5px;
  }
  
  .player-header {
    padding: 8px;
    margin-bottom: 10px;
  }
  
  .player-header img {
    width: 32px;
    height: 32px;
  }
  
  .player-school-title {
    font-size: 13px;
  }
  
  .player-player-title {
    font-size: 11px;
  }
  
  .player-h3 {
    font-size: 15px;
    margin: 10px 0 8px 0;
  }
  
  .player-playlist li {
    padding: 8px;
    margin-bottom: 3px;
  }
  
  .player-playlist li strong {
    font-size: 13px;
  }
  
  .player-button {
    width: 32px;
    height: 32px;
    font-size: 14px;
    padding-top: 10px;
  }
}