@media only screen and (max-width: 500px) {
    body {
        background-color: var(--Theme-wrapper);
        margin: 0px;
    }
    .version{
        width: 19%;
        top: 11px;
    }
    .back_button{
        width: 11%;
        bottom: 10px;
    }
    .page_counter{
        left:0px;
    }
    .page_counter_today{
        left:0px;
    }
    .page_title{
        /* background-color: red; */
        width: 199px;
    }
    .button_horizontal_wrap{
        height: 76px;
    }
    .button_horizontal_title{
        width: 100%;
    }
    menu{
        width: 90%;
        top: 28%;
        left: 16%;
    }
    .menu_icon{
        width: 27px;
        /* background-color: aquamarine; */
        float: right;
        margin-left: 2px;
    }
    .icon_button_wrap_no_caption{
        
width: 20px;
        
/* background-color: aquamarine; */
    }
    .icon_button_no_caption{
        width: -19px;
        /* background-color: red; */
    }
    .super {
        width:100%;
    }
    .supper_name{
        float: left;
    }
    .welcome{
        font-size: 16px;
        /* background-color: aliceblue; */
        padding-left: 12px;
        padding-top: 2px;
    }
    .partition{
        /* width: 100%; */
    }
    .footer_page{
        
/* width: 100%; */
    }
    .footer{

/* width: 100%; */
}
    .show_sub{
    width: 74%;
    }
    .form_button{
    }
    #Projects {}
    input, button {
        width: 85%;
        /* direction: rtl; */
    }
    #info{
        /* width: 60%; */
    }
    .dropdown-content{
        width: 93%;
    }
    .footr{
        /* width: 100%; */
        /* max-width: 500px; */
    }
    .select_with_submit_cap_div {
        margin-right: 20px;
    }
    radio {width: 10% !important}
    .radio_lable {
        width: 116%;
        /* background-color: red; */
    }
    select {
        width: 98%;
    }
    .cap_div {
        max-width: 95%;
        width: 100%;
        margin: auto;
    }
    .cap_div .lable {
        text-align: right;
        float: right;
        padding: 3px;
        width: 100%;
    }
    .con_head {
        width: 100%;
    }
    .menu {
        right: 10px; 
     }
    .con_content {
        width: 60%;
        /* background-color: aqua; */
    }

    #NoteProjectsTitle {
        padding-top: 5px;
        height: 20px;
    }
    #TextAddItemButton {
        top: 42px;
    }
    #Projects {
        width: 97%;
        /* max-width: 375px; */
    }
    #ProjectsCon {
        width: 100%;
        left: 0px;
    }
    #ProjectsDelete {
        margin-left: 2px;
    }
    .ProjectsTitles {
        width: 94%;
    }
    .ProjectsTitles_with_help{
    width: 84%;
    }
    #Message {
        text-align: center;
        background-color: var(--Theme-note);
        top: 20%;
        left: 33%;
        height: 200px;
        width: 400px;
        min-height: 150px;
        border-radius: 10px;
        box-shadow: -1px 2px 38px 2px rgba(0, 0, 0, 0.75);
        position: absolute;
        width: 300px;
        height: 200px;
        z-index: 15;
        top: 37%;
        left: 50%;
        margin: -100px 0 0 -150px;
    }
    #Notes {
        max-height: 636px;
    }
    #TaskTitle {
        width: 63%;
    }
    #TaskFinished {
        width: 62%;
    }
    #ArchiveTitle {
        margin: -4px 0px -9px;
    }
    #ProjectsTitles span {
        width: 86%;
    }
    #PercentBack {
        width: 85%;
        background-color: white;
    }
    #Logout {
        width:50%;
    }
    #Conbox {
        /* width: 78%; */
        /* left: 0px; */
        /* right: 0px; */
    }
    .link_window{
        
    }
    .button_horizontal{
        width: 35px;
    }
    .fonts_sizes{
        
    }
}