@media only screen and (max-width:575px) {
  body {
    font-size: 80%;
  }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    display: block;
    float: none;
    width: 100%;
  }
  .def_title {
    font-size: 9px;
  }
  .def_point,
  .we_done p {
    font-size: 11px;
  }
  .desc_title {
    font-size: 9px;
  }
  img {
    max-width: 100%;
  }
  .our_contact p {
    font-size: 95% !important;
  }
  #logo span {
    line-height: 1em;
  }
  #sign-in, #sign-in input, #sign-in button, #sign-in .close {
    font-size: 20px;
    margin: 8px 0;
  }
  #know_words {
    padding: 8px 15px;
    text-align: center;
  }
  .theme_users {
    width: calc(100% - 30px);
    margin: 15px;
    height: auto;
  }
  .theme_users img {
    max-width: 100%;
    max-height: none;
  }
  .modal-dialog {
    max-width: 95%;

  }
  #window_test .modal-dialog {
    width: 95%;
  }
  #success_register .modal-dialog {
    width: 80%;
  }
  #reg_form .modal-footer .btn-default,
  #sign_in_form .modal-footer .btn-default,
  #re_pass_form .modal-footer .btn-default {
    display: none;
  }
  #reg_form .modal-footer .btn,
  #re_pass_form .modal-footer .btn {
    margin: 0;
  }

  .word_item {
    min-width: 100px;
    min-height: 3em;
    height: auto;
    box-sizing: border-box;
    float: none;
    overflow: auto;
    text-align: center;
    padding: 0.2em 0 0;
    position: relative;
    font-size: 22px;
    line-height: 1.2em;
    width: 100%;
  }
  .word_item .eng_text[style = "opacity:0"] {
    display: none;
  }

  #sign_in_form .modal-header .close {
    transform: translate(0, -24px);
  }
  .modal-header .close {
    opacity: .5;
    right:10px;
  }
  h2, h3, h4, h5, h6 {
    font-size: 1.2em;
  }
  .wrd-bbtn {
    transform: scale(-1,1);
    position: relative;
    text-indent: -999px;
    line-height: 1;
    font-size: 1px !important;
    height: 34px;
  }
  .wrd-bbtn:before {
    content: '↵';
    position: absolute;
    left: calc(50% - 10px);
    top: calc(50% - 15px);
    text-indent: initial;
    line-height: 1;
    font-size: 32px;
  }
  #total_repeat {
    margin-bottom: 10px;
  }
  #header-wrapper {
    max-width: 70%;
    margin: 0 auto;
  }

  .theme_users {
    display: flex;
    flex-direction: column;
  }
  .theme_users span {
    order: 2;
    position: relative;
    display: block;
    padding: 10px 20px;
    margin-bottom: 20px;
  }
  .theme_users img {
    order: 1;
  }
  #know_words {
    padding: 6px 20px;
  }
  .go_to_home {
    top: -8px !important;
  }
  #send_chat,
  #button_slow {
    width: 49%;
  }

  .chat-box .bootstrap-table th th:nth-child(3),
  .chat-box .bootstrap-table th th:nth-child(4),
  .chat-box .bootstrap-table th td:nth-child(3),
  .chat-box .bootstrap-table tr td:nth-child(3),
  .chat-box .bootstrap-table th td:nth-child(4),
  .chat-box .bootstrap-table tr td:nth-child(4),
  .chat-box .bootstrap-table thead tr th:nth-child(3),
  .chat-box .bootstrap-table thead tr th:nth-child(4){
    display: none;
  }

  #know_words_chat {
    text-align: center;
  }
  .wrd-pay_info_box {
    display: block;
  }
  .wrd-pay_info_box div {
    width: 100% !important;
  }
  .wrd-pay_info_box div:last-child {
    font-size: 100%;
    padding: 15px;
  }

  #window_1 #words_list,
  #window_s2 #words_list_s2,
  #window_2 #words_list{
    height: calc(100vh - 120px) !important;
  }
}
@media only screen and (max-width: 674px) {
  #know_words span {
    font-size: 26px;
  }
  .text_descr_header
  {
    display: none;
  }
  .dop_header_text
  {
    display: none;
  }
  .main-wrapper_communc
  {
    margin-top: 30px !important;
  }
  .mffr-r {
    display: none;
  }
}
@media only screen and (max-width: 489px) {
  #know_words span {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1600px) {

  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }
  #request-test .modal-title {
    margin: 0 15px 0 0;
  }
  #request-test  .modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 0;
  }
}
@media only screen and (max-width: 994px) {
  #main-wrapper_10
  {
    display: none;
  }
  #header-wrapper {
    height: 55px !important;
  }
  #pay_form .modal-dialog, .bs-example-modal-sm  .modal-dialog
  {
    width: 90%;
  }
  #pay_form .title_pay_w
  {
    font-size: 2em !important;
  }
}
@media only screen and (min-width: 1200px) {
  #sign-in .modal-dialog,
  #request-test .modal-dialog,
  #request-password .modal-dialog,
  #window_1 .modal-dialog,
  #window_s2 .modal-dialog,
  #window_2 .modal-dialog,
  #success_register .modal-dialog,
  #window_test .modal-dialog,
  #pay_form .modal-dialog {
   /* transform: translate(-50%,-50%) !important;*/
    top: 1%;
    z-index: 101;
  }
  .theme_users {
    display: inline-flex;
    flex-direction: column;
    width: calc(100% / 5 - 24px);
    height: auto;
  }
  .theme_users img {
    max-width: 100%;
    max-height: none;
    order: 1;
  }
  .theme_users span {
    position: relative;
    width: 100%;
    display: block;
    order: 2;
  }
  #request-test .modal-title {
    margin: 0 15px 0 0;
  }
  #window_2 .modal-dialog {
    top: 10%;
  }
  #window_1 .modal-dialog {
    max-width: 900px;
  }

  #window_s2 .modal-dialog {
    max-width: 900px;
  }
}