@media screen and (max-width: 768px) {
    .content {min-width: 300px; width: calc(100% - 10px);}
    .testContent {min-height: 513px; max-height: calc(100vh - 60px); padding: 40px 10px;}
    .testWrap.startStep {padding: 0 20px;}
    .testWrap.startStep p {padding: 0;}
    .startStep .input-group {-webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .btns {width: 100%; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .btns .defaultBtn {width: 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; margin: 0 0 20px 0;}
    .btns .blueBtn {width: 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%;}
    .radioGroup {margin: 0 0 20px 0;}
    .keyInput {width: 100%;}
    .testResultInfo h2 {margin: 19px 0 20px 0;}
    .inp {-webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .inputUserName {width: 100%; margin: 0 0 20px 0;}
    .inputDate {width: 100%;}
    .modal__content {width: 100%; height: 100%; max-height: 100%; padding: 30px 20px;}
    .formContent h3 {font-size: 22px; line-height: 27px;}
    .formContent h4 {font-size: 18px; line-height: 21px;}
    .messageStatus {padding: 0 20px;}
    .messageStatus h3 {font-size: 22px; line-height: 27px;}
    .messageStatus .defaultBtn {width: 100%;}
}