/* mobile styles
-------------------------------------------------- */

@media (max-width: 640px) {
    html {
        font-size: 14px;
    }

    .comment_index-50 {
        visibility: hidden;
        position: absolute;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
    }

    .header-flex {
        flex-direction: column;
    }

    .value_index-30 {
        width: 65%;
    }

    .name_index-20 {
        width: 35%;
    }

    .value_input {
        width: 65%;
    }

    .value_not-editable {
        width: 65%;
    }

  /* Modal window - large */  

    .modal_window {    
        padding: 25px;
    }
    .modal_window .modal_inner {
        padding: 20px;
    }
    .modal_window > i {
        top: 0.5%;
    }
}