@media screen and (max-width: 1700px) {
    .the_simple_lay_out_contacts{
        width:28%;
    }
    .the_simple_lay_out_text_zone{
        width:72%;
    }
}
@media screen and (max-width: 1550px) {
    .the_simple_lay_out_contacts{
        width:35%;
    }
    .the_simple_lay_out_text_zone{
        width:65%;
    }
}
@media screen and (max-width: 1250px) {
    .the_simple_lay_out_contacts{
        width:40%;
    }
    .the_simple_lay_out_text_zone{
        width:60%;
    }
}
@media screen and (max-width: 1100px) {
    .the_simple_lay_out_contacts{
        width:50%;
    }
    .the_simple_lay_out_text_zone{
        width:50%;
    }
    .the_simple_lay_out_in_tags_icon {
    padding-right: 0px;
    margin: 0px;
    margin-left: 5px;
    }
}
@media screen and (max-width: 800px) {
    
    .the_simple_lay_out_contacts{
        width:100%;
        border-left: none;
        margin-right:0%;
        transition: all 300ms;
    }
    .the_simple_lay_out_text_zone{
       width:100%;
       margin-left:-100%;
       transition: all 300ms;
    }
    .the_simple_lay_out_in_title {
    font-size: 20px;
    font-weight: bold;
    margin-right: 15px;
    margin-top: 0px;
    }
    .the_simple_lay_out_in_ser_input input {
        font-size: 14px;
        line-height: 20px;
            margin-top: 5px;
    }
    .the_simple_lay_out_in_tags_icon{
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 5px;
        margin-right: 5px;
        font-size: 12px;
    }
    .the_nums_aa {
    font-size: 14px;
    margin-right: 5px;
        padding-right: 5px;
    padding-left: 5px;
    }
    .the_simple_lay_out_in_tags {
    display: flex;
    padding: 5px;
    margin-right: 1%;
    margin-bottom: 5px;
    justify-content: space-evenly;
    }
    #the_simple_lay_out_contacts{
        height: calc(100vh - 105px);
    }
    .the_toper_wraper_mob{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .the_simple_lay_out_in_ser{
        width: calc(100vw - 70px);
    }
    .cheak_cheak_all_chats{
        margin-right:0px;
    }
    .the_all_left_pop_up_in{
            width: 120px;
    }
    .the_all_left_pop_up {
            width: 145px;
    }
    .mobb_right_close{
                  margin-right:-100%;
              }
              .mobb_left_open{
                  margin-left:0%;
              }
              .textareaa_box {
    width: 94%;
    border: 1px solid white;
    padding: 0px;
    background: white;
    margin: 5px;
    position: relative;
    margin-bottom: 15px;
}
.the_claseerrr {
    margin-right: 0%;
    background: #d9fdd3;
    width: 100%;
}
.textareaa_toper_more_bot{
    display: none;
}
.textareaa_toper_back_mob{
                  display: flex;
              }
              .textareaa_toper_img{
              margin-right:0px;    
              }
              .the_simple_lay_out_in{
               overflow:hidden;   
              }
    
}