@media (min-width: 1024px) {

    .scope {
    --border-radius-avatar: 30px;
    --border-radius-midle: 20px;
    --border-radius: 23px;
    --border-radius-sm: 15px;
    --border-radius-xsm: 8px;
    --border-radius-xs: 5px;
    --border-radius-chat: 26px;

        --wrapper-padding-vertical: 75px;
        --wrapper-padding-horizontal: 106px;

        --converhide-btn-width: 333px;
        --converhide-btn-height: 74px;
    --converhide-square-btn-size-sm: 46px;
        --converhide-icon-size-chat: 62px;
    --converhide-icon-size: 22px;
        --converhide-avatar-size: 239px;
        --insert-padding: 57px;
    }

    .body {
        font-size: 16px;
    }

    .logo-img {
        width: 700px;
    }

    .icon.--planet,
    .icon.--arrow-left {
        --converhide-icon-size: 29px;
    }

    .chat-setting-content-section,
    .content-section {
        padding: 22px 46px;
    }

    .logo {
        margin: 150px 0 30px;
    }

    .title-h4 {
        font-size: 30px;
    }

    .title-h4.--section {
        margin: 59px 0;
    }

    .content-section.create-team,
    .content-section + .content-section {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }

    .content-section + .content-section {
        margin-top: 50px;
    }

    .content-section.create-team {
        margin-top: 200px;
    }

    .setting-avatar {
        margin: -125px auto 0;
    }

    .setting-avatar-btn {
        width: 60px;
        height: 60px;
        bottom: 24px;
        right: 19px;
    }

    .icon.--pen {
        --converhide-icon-size: 25px;
    }

    .setting-row {
        max-width: 425px;
        margin: 26px auto;
    }

    .setting-row.--flex {
        gap: 19px;
    }

    .setting-row.--avatar {
        margin-bottom: 57px;
    }

    .title-h3 {
        font-size: 30px;
        margin: 36px 0 44px;
    }

    .button-square .icon {
        --converhide-icon-size: 37px;
    }

    .setting-input::placeholder,
    .setting-input {
        font-size: 18px;
        padding: 5px 29px;
    }

    .switcher-label {
        font-size: 18px;
        padding: 6px 28px;
    }

    .switcher-cursor {
        width: 57px;
        height: 31px;
        margin-right: 7px;
    }

    .switcher-cursor::before {
        top: 3px;
        width: 25px;
        height: 25px;
        transform: translate(3px, 0);
    }

    .switcher-checkbox:checked + .switcher-cursor::before {
        transform: translate(29px, 0);
    }

    .separator {
        margin: 71px auto;
        max-width: 425px;
    }

    [class^="button"] {
        margin: 23px auto;
        font-size: 18px;
    }

    [class^="button-square"] {
        margin: 0;
    }

    .logo-block .logo {
        margin: 91px 0 112px;
    }

    .title-h2 {
        font-size: 30px;
        margin: 30px 0 60px;
    }

    .title-h2 br {
        display: none;
    }

    .subtext {
        margin-bottom: 52px;
        font-size: 18px;
        font-weight: 500;
    }

    .block-button {
        margin: 52px 0;
    }

    .content-section.--one-screen .title-h2 {
        margin: 96px 0 86px;
    }

    .content-section.--one-screen .subtext {
        font-weight: 400;
    }

    .setting-row.invitation-chat-people {
        margin-top: 17px;
        gap: 40px;
    }

    .button-square-add {
        --converhide-square-btn-size: 84px;
    }

    .button-square-add .icon {
        --converhide-icon-size: 26px;
    }

    .chat-add-num {
        --chat-add-num: 32px;
        font-size: 14px;
        font-weight: 500;
    }

    .add-chat-info {
        margin-top: -32px;
        font-size: 18px;
    }

    .link-btn {
        margin: 7px 0;
        font-size: 18px;
    }

    .icon.--question-left,
    .icon.--question-right {
        --converhide-icon-size: 25px;
    }

    .popup-window {
        top: 50vh;
        left: 50vw;
    }

    .popup-window.--bottom {
        border-radius: var(--border-radius-midle);
        top: 50vh;
        bottom: auto;
        transform: translate(-50%, -50%);
        max-height: 584px;
        width: 538px;
        height: auto;
        padding-bottom: 50px;
    }

    .title-h3.--popup {
        margin-top: 35px;
        margin-bottom: 44px;
    }

    .setting-avatar.--popup {
        width: 114px;
        height: 114px;
        padding-top: 114px;
        box-sizing: border-box;
    }

    .popup-window-content {
        gap: 8px;
    }

    .popup-window-content-wrapper {
        width: 76%;
        margin: 0 auto;
    }

    .popup-window-close {
        position: absolute;
        top: 3px;
        right: 4px;
        display: block;
        width: var(--converhide-square-btn-size-sm);
        height: var(--converhide-square-btn-size-sm);
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.73131 10C3.54542 10 3.35954 9.93154 3.21279 9.78484C2.92907 9.50122 2.92907 9.03179 3.21279 8.74817L8.75018 3.21271C9.03389 2.9291 9.50349 2.9291 9.78721 3.21271C10.0709 3.49633 10.0709 3.96577 9.78721 4.24939L4.24982 9.78484C4.11286 9.93154 3.91719 10 3.73131 10Z' fill='black'/%3E%3Cpath d='M9.26869 10C9.08281 10 8.89693 9.93154 8.75018 9.78484L3.21279 4.24939C2.92907 3.96577 2.92907 3.49633 3.21279 3.21271C3.49651 2.9291 3.96611 2.9291 4.24982 3.21271L9.78721 8.74817C10.0709 9.03179 10.0709 9.50122 9.78721 9.78484C9.64046 9.93154 9.45458 10 9.26869 10Z' fill='black'/%3E%3C/svg%3E%0A");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: 15px;
        background-color: var(--color-purple);
    }

    .header {
        margin: 0 var(--wrapper-padding-horizontal);
        padding: var(--insert-padding);
    }

    .header-title {
        font-size: 30px;
        font-weight: 400;
    }

    .header-text {
        margin-top: 13px;
        font-size: 18px;
    }

    .button-square.--small {
        width: var(--converhide-btn-height);
        height: var(--converhide-btn-height);
    }

    .hint {
        top: 230px;
        left: 50%;
        transform: translate(-50%, 0);
        width: calc(100vw - var(--wrapper-padding-horizontal) - var(--wrapper-padding-horizontal) - var(--insert-padding) - var(--insert-padding));
        font-size: 18px;
        padding: 9px 13px 9px 40px;
        border-radius: var(--border-radius-sm);
    }

    .icon.--cross {
        --converhide-icon-size: 22px;
    }

    .icon.--setting,
    .icon.--call {
        --converhide-icon-size: 35px;
    }

    .footer {
        gap: 24px;
        padding: 44px calc(var(--insert-padding) + var(--wrapper-padding-horizontal));
    }

    .footer-content {
        min-height: var(--converhide-btn-height);
    }

    .footer-textarea {
        padding: 25px 40px;
        min-height: var(--converhide-btn-height);
        font-size: 18px;
    }

    .icon.--microphone {
        --converhide-icon-size: 46px;
    }

    .chat-wrapper {
        padding-bottom: 183px;
    }

    .chat-info-push {
        max-width: 425px;
        padding: 25px;
        font-size: 18px;
        margin: 23px auto;
    }

    .chat-info {
        margin: 60px 0;
        font-size: 18px;
    }

    .chat-content {
        padding-top: 192px;
        padding: 192px calc(var(--insert-padding) + var(--wrapper-padding-horizontal)) 0;

    }

    .logo.--info.--mob {
        display: none;
    }

    .content-section.--tablet {
        display: block;
        box-shadow: none;
        background: transparent;
        padding: 0;
        padding-top: 54px;
    }

    .content-section.--transparent.--info {
        padding: 15px 44px 15px;
        margin-bottom: 53px;
        background: linear-gradient(28deg, rgba(130, 130, 130, 0.03) 0.98%, rgba(130, 130, 130, 0.17) 97.38%);
        box-shadow: -1px 1px 0 0 rgba(217, 217, 217, 0.10);
    }

    .content-section.--full-width {
        max-width: 100%;
        margin-top: 96px;
        padding-top: 53px;
    }

    .content-section.--logo-about {
        max-width: 100%;
        padding: 55px 46px;
        margin-bottom: 65px;
    }

    title-h3.--about {
        margin: 69px 0;
    }

    .title-h3.--about + .subtext {
        max-width: 700px;
        line-height: 35px;
        margin-top: 65px;
    }

    .content-section.--faq {
        margin: 84px auto;
        max-width: 700px;
        padding: 46px 136px;
    }

    .faq-name {
        padding: 25px 15px;
    }

    .faq-text {
        padding: 11px 2px 51px;
        line-height: 35px;
    }

    .policy-text {
        font-size: 18px;
        line-height: 35px;
        max-width: 700px;
        margin: 0 auto;
        text-align: center;
    }

    .policy-text p {
        margin-bottom: 34px;
    }

    .title-h1 {
        font-size: 40px;
    }

    .content-section.--section-bottom {
        min-height: 30vh;
        margin-top: 61px;
    }

    .popup-window.--bottom.--language .title-h3.--popup,
    .popup-window.--bottom.--language .popup-window-close {
        display: none;
    }

    .popup-window.--bottom.--language {
        top: 150px;
        transform: none;
        width: 300px;
        right: 160px;
        left: auto;
    }

    .content-section.--info.--about {
        background: transparent;
        box-shadow: none;
    }

    .content-section.--feedback-logo {
        padding: 81px 0;
    }

    .content-section.--feedback {
        max-width: 700px;
        margin: 0 auto 62px;
        padding-bottom: 55px;
    }

    .feedback-title {
        font-size: 30px;
        margin: 55px 0;
    }

    .feedback-row {
        gap: 23px;
        padding-bottom: 33px;
        font-size: 18px;
    }

    .feedback-radio {
        --feedback-radio-size: 32px;
    }

    .feedback-radio:checked, .feedback-radio:checked ~ .feedback-radio {
        background-size: 22px;
    }

    .feedback-textarea {
        max-width: 425px;
        font-size: 18px;
        padding: 25px 33px;
        min-height: 344px;
    }

    .message-voice-time,
    .message-block-text,
    .faq-block,
    .message-voice-hint,
    .policy-subtext,
    .feedback-link,
    .feedback-subtext {
        font-size: 18px;
    }

    .message-avatar {
        margin-right: 17px;
    }

    .message-block {
        padding: 19px;
    }

    .message-block-time,
    .message-block-file-info,
    .message-block-info,
    .message-block-name {
        font-size: 14px;
    }

    .message-block-file {
        margin-bottom: 9px;
        gap: 5px;
    }

    .message-block-voice-icon {
        --message-block-voice-icon-size: 40px;
    }

    .message-block-voice {
        gap: 17px;
        margin-bottom: 6px;
    }

    .message-block-voice-content {
        gap: 5px;
    }

    .header-content {
        padding: 17px 50px 0;
    }

    .icon.--download {
        --converhide-icon-size: 30px
    }

    .message.--image .message-block-time {
        padding: 8px 12px;
    }

    .message.--image .message-block-info {
        bottom: 23px;
        padding: 0 21px;
    }

    .message.--image .message-block-name {
        left: 22px;
        top: 20px;
        padding: 8px 12px;
    }

    .content.--setting-chat {
        padding: 0 57px;
    }

    .content.--setting-chat .content-section.--transparent {
        padding: 14px 0px;
        margin-bottom: 60px;
    }

    .icon.--exit {
        --converhide-icon-size: 29px
    }

    .chat-setting-content-section .setting-input {
        --converhide-btn-height: 26px;
        font-size: 30px;
        color: var(--color-white);
        border-radius: 0;
    }

    .chat-setting-content-section .setting-input::placeholder {
        font-size: 30px;
        padding: 0;
    }

    .chat-setting-content-section .setting-input + .button-square.--transparent {
        --converhide-square-btn-size: 26px;
    }

    .chat-setting-content-section {
        padding: 53px 137px;
    }

    .chat-setting-content-section.--participants-block {
        padding: 43px 137px;
    }

    .chat-setting-content-section .button-square .icon {
        --converhide-icon-size: 26px;
    }

    .chat-setting-content-section + .chat-setting-content-section {
        margin-top: 45px;
    }

    .setting-avatar.--chat-setting-avatar {
        width: 62px;
        height: 62px;
        margin-right: 18px;
        border-radius: var(--border-radius-sm);
    }

    .chat-setting-participants-name {
        font-size: 18px;
        margin-bottom: 11px;
    }

    .switcher-info,
    .chat-setting-participants-info,
    .chat-setting-participants-desc {
        font-size: 14px
    }

    .chat-setting-participants {
        position: relative;
        padding: 33px 0;
    }

    .chat-setting-participants-count {
        font-size: 14px;
        height: 32px;
        width: 32px;
        left: auto;
        right: 100%;
        border-radius: 5px 0 0 5px;
    }

    .chat-setting-participants-text {
        margin-right: 20px;
    }

    .chat-setting-title {
        font-size: 30px;
    }

    .chat-setting-participants-btn {
        --chat-setting-participants-btn-size: 34px;
    }

    .chat-setting-participants-btn .icon.--cross,
    .chat-setting-participants-btn .icon.--plus {
        --converhide-icon-size: 28px;
    }

    .chat-setting-content-section .title-h3 {
        margin-bottom: 57px;
    }

    .chat-setting-content-section .setting-row {
        margin: 26px auto;
    }

    .chat-video-wrapper {
        gap: 29px;
        padding: 60px 0 15px;
    }

    .chat-video-wrapper.--three .chat-video-person,
    .chat-video-wrapper.--four .chat-video-person {
        min-width: calc(50% - 15px);
    }

    .footer.--coll-nav {
        gap: 43px;
    }

    .chat-video-wrapper.--two .setting-avatar.--chat-call, .chat-video-wrapper.--three .setting-avatar.--chat-call, .chat-video-wrapper.--four .setting-avatar.--chat-call {
        --chat-call-size: 159px;
    }

    .chat-video-person-name {
        font-size: 18px;
        bottom: 9%;
    }

    .chat-video-person-microphone {
        top: 33px;
        right: 31px;
    }

    .icon.--no-microphone {
        --converhide-icon-size: 53px;
    }

    .header-chat-hint {
        font-size: 14px;
        width: 32px;
        height: 32px;
    }

    .hint-chat {
        font-size: 18px;
        border-radius: var(--border-radius-sm);
    }

    .message {
        width: 93%;
    }

    .message.--self .message-block {
        margin-left: auto;
    }

    .message.--self {
        max-width: calc(100% - var(--converhide-icon-size-chat) - 17px);
    }

    .icon.--error,
    .icon.--loading,
    .icon.--sent,
    .icon.--viewed {
        --converhide-icon-size: 14px;
    }

    .button-square.--blocked-time {
        width: 98px;
    }

    .blocked-hint {
        height: var(--converhide-btn-height);
        margin: 0;
        padding-left: 40px;
    }

    .message-voice-record {
        width: 16px;
        height: 16px;
        margin-right: 41px;
    }

    .message-voice-recording {
        padding-top: 0;
        margin: auto 21px;
    }

    .popup-window.--chat-menu {
        left: calc(var(--insert-padding) + var(--wrapper-padding-horizontal));
        bottom: 155px;
        top: auto;
    }



}

@media (min-width: 1920px) {
    .tablet-logo-img {
        width: 399px;
    }

    .tablet-text {
        margin: 41% 0 17%;
        font-size: 40px;
        line-height: 46px;
    }

    .main-screen.--tablet {
        width: 60vw;
    }
}