@media screen and (max-width: 980px){
  .change_page_bt{
      width: 20%;
      font-size: 20pt;
      height: 50px;
  }
  .DAY_WORD{
      display: none;
  }
  .user_page_container{
      width: 100%;
  }
  .right_panel_a{
      width: 20%;
      display: inline-block;
      margin: 0px;
      /*font-size: 14px;*/
      font-size: 3.5vw;
      border-radius: 5px;
  }
  
  
  .right_panel{
      width: 100%;
    float: none;
    text-align: center;
    margin: 0px;
    padding: 0px;
    padding-bottom: 3px;
    padding-top: 4px;
    background-color: #f1d1f6;
    z-index: 90;
  }
  .post{
      width: 30%;
      font-size: 20pt;
  }
  .mainBlockIndex{
      width: 98%;
    box-sizing: border-box;
    margin: 1% 1% 1% 1%;
  }
  .mainPageBlock{
          width: 100%;
  }

.commentDiv {
    width: 82%;
    padding: 3%;
}
  .SendComBt{
      width: 10%;
          padding: 3%;
          border-radius: 15px;
  }
  .miniChar{
      width: 22%;
      font-size: 2vw;
    margin: 1%;
  }
  .char_img{
      margin: 4% 2% 4% 2%;
  }
  .charName{
      overflow-wrap: break-word;
      padding: 5%;
  }
  .cjar_img{
      margin-top: 7%;
    margin-bottom: 7%;
  }
  .CharText{
      margin: 0px;
      padding: 3%;
  }
  .charInfoBox{
      /*width: 40%;*/
      width: 100%;
      margin-bottom: 20px;
  }
  .page{
      font-size: 20pt;
    margin-top: 10px;
  }

  .ComText{
      font-size: 17px;
      margin-left: 3%;
  }
    .pages{
        width: auto;
    }

  .post_div_container{
      padding-top: 80px;
    width: 88%;
    padding-left: 6%;
    padding-right: 6%;
  }
  .post_img{
      width: 100%;
      max-height: none;
  }
  .user_ava{
      width: 90%;
  }
  .header_texts_container{
      display: none;
  }
  .HEADER_CONTAINER_OBJECTS{
      width: 70%;
      margin-top: 20px;
  }
  .author_img{
      /*height: 130px;
      width: 130px;*/
      width: 20%;
      height: auto;
      aspect-ratio: 1 / 1;
      
  }
  .HEADER_CONTENT_CONTAINER{
      padding-left: 3%;
  }
  
  
  .body{
      width: 100%;
  }
  .users_list_block{
      padding: 0px;
  }
  .userP{
     display: inline-block;
     width: 100%;
     margin: 0px;
     padding: 0px;
  }
  #prewImg{
      width: 30%;
  }
  .oldUserAva{
      width: 20%;
  }
  .svg{
      transform: scale(1.6);
  }
  #users_action{
      transform: scale(1.6);
  }
    .post_div_container #users_action{
        /*margin-top: -20px;*/
        position: relative;
        top: -20px;
        left: -20px;
    }
    .UserComment{
            /*border-radius: 10px 10px 10px 1px;*/
    }
    .MyComment{
            /*border-radius: 10px 10px 1px 10px;*/
    }
    .UserComment #users_action{
        position: static;
        margin-top: 10px;
        transform: scale(1.4);
    }
    .MyComment #users_action{
        position: static;
        margin-top: 10px;
        transform: scale(1.4);
    }
  .MEMBERS_PAGE_CONTAINER{
      margin-top: 0px;
      padding-top: 0px;
  }
  .CONTAINER{
      margin-top: 0px;
      padding-top: 0px;
  }
  .menu_a{
      border-radius: 5px;
      /*font-size: 14px;*/
      font-size: 3.5vw;
              margin-left: 1%;
        margin-right: 1%;
        padding: 1%;
        width: 15%;
        
  }
  .user_header_panel{
      display: none;
  }
  
    .user_header_panel_mobile{
        display: inline-block;
        
        right: 0px;
        margin-right: 15px;
        margin-top: 10px;
        position: absolute;
        height: 5vw;
        width: 5vw;
        background-image: url(/img/main/svg/door.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-size: 100%;
        background-position: center;
    }
    .nb{
    background-image: none;
}
  .hidden_menu_panel{
      top: 160px;
      transform: scale(1.6);
      /*right: 50px;*/
      right: 15%;
      width: auto;
  }
  .sortByThemeSel{
      padding: 2%;
    
  }
  .user_menu_open{
      transform: scale(2);
  }.social_icons_container{
      right: 2px;
  }

.wikiImg{
    width: 100%;/*50%;*/
}
.badgeImg{
    width: 5%;
    
}
.post_text_div{
      font-size: 20px;
  }
  .post_text_div p{
      font-size: 20px;
  }
.pencil{
    /*margin-left: 20px;*/
    position: relative;
    top: -20px;
}
#hidCom{
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
}
 /*.post_text_div div{
      font-size: 18pt;
  }*/
  .post_name_h3{
      font-size: 25px;
  }
  .login_input{
      width: 60%;
  }
  .REG_CONTAINER{
      width: 100%;
  }
  .div_add_post{
      width: 80%;
      padding-left: 10%;
    padding-right: 10%;
  }
    .SBtn{
        width: 15%;
        background-size: 45%;
    }
    .ChWikiName{
        text-align: center;
        padding-left: 0px;
    }
    .changeCharImgBtn{
        font-size: 4vw;
    }
    .CharImfoH3{
        font-size: 5vw;
    }
    .img-title{
        width: 100%;

    }
    .userPostName{
        font-size: auto;
    }
}