
#page {
  min-width: 320px;
}
.container {
  min-width: 320px;  
}
@media (max-width: 1200px) {
  .icon_header_first {
    display: none;
  }
  .icon_header_second {
    display: none;
  }
  .icon_header_last {
    display: none;
  }
  td.posts, td.topics, td.views, td.messages {
    height: auto;
  }
  .girlback {
    display: none;
  }
  #logo {
    width: 300px;
    margin: 0 auto 10px;
    float: none;
  }
  #logo a {
    display: block;
  }
  .header-block {
    margin: 0;
    padding: 0;
    background: none;
  }
  .header-block .header-block-left {
    background: none;
    margin: 0;
  }
  .titleMessage {
    margin: 0;
    float: none;
    width: auto;
    text-align: center;
  }
  #pda {
		display: none;
    float: none;
    width: auto;
    margin: 0 0 10px 0;
    background: none;
  }
  #pda a {
    display: block;
    text-align: center;
  }
  #filter {
    float: none;
    width: auto;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    background: none;
    background-image: linear-gradient(to bottom, #6A6A6A, #404040);
    border-radius: 5px;
  }
  .filter-right {
    height: auto;
  }
  #filter form {
    float: none;
    display: flex;
    justify-content: center;
  }
  .elSelect .selectedOption {
    width: 190px !important;
  }
  .filter-left {
    background: none;
  }
  .filter-right {
    background: none;
  }
  .filter-right > div {
    position: static !important; 
    float: none !important;
  }
  #page-body 	.h2 {
    position: static !important;
  }
  #categories table {
    display: block;
    background: #E2E2E2;
    border: 1px solid #C7C6C6;
    background-image: linear-gradient(to bottom, #E2E2E2, #FEFEFE);
    border-radius: 10px;
    padding: 10px 0;
  }
  #categories > div {
    margin: 0 !important;
  }
  #categories table tbody {
    display: block;
  }
  #categories table tr {
    display: flex;
    flex-wrap: wrap;
  }
  #categories table td {
    width: 33.3%;
    display: block;
  }
  #categories table td:nth-child(even) {
    display: none;
  }
  #footer .left-col {
    margin: 0 !important;
    padding: 0 !important;
  }
  #footer .frame {
    position: static !important;
    width: auto !important;
  }
  .banners-block + div {
    height: auto !important;
  }
  #fnav .nav-right {
    height: auto !important; 
  }
  #fnav .search {
    float: none;
    width: auto;
    height: auto;
    display: block;
  }
  .workby {
    padding: 0;
    margin-left: 0;
  }
  #footer ul {
    padding-left: 0;
  }
  .description {
    float: none;
    padding: 0;
    width: auto !important;
  }
  .sometopmenu {
    float: none;
  }
  .greybg table {
    display: block;
  }
  .greybg tbody {
    display: block;
  }
  .greybg tr {
    display: block;
  }
  .greybg td {
    display: block;
    overflow: hidden;
  }
  .icon {
    min-width: 200px;
    width: auto;
    display: block;
  }
  .icon tbody {
    display: block;
  }
  .icon tr {
    display: flex;
  }
  .buttons div {
    float: none !important;
    width: auto !important;
  }
  fieldset.display-options label {
    display: block;
  }
  .greybg select {
    display: block;
    float: none;
  }
  .pagination {
    float: none;
    height: auto;
    text-align: left;
  }
  td.icontd {
    width: 36px;
    min-width: 36px;
  }
  fieldset.jumpbox {
    height: auto;
  }
  #map_canvas {
    width: 100% !important;
    float: NONE;
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .description table table + table tr  {
    display: flex !important;
  }
  .description table table + table tr + tr td {
    /*width: 50% !important;*/
  }
	table.mess.tboard tr td { border-top: none;  }
  table.mess.tboard tr td:nth-child(1):before {
    display: inline-block;
    content: "Дата:";
    margin-right: 10px;
  }
  table.mess.tboard tr td:nth-child(2):before {
    display: inline-block;
    content: "Тема:";
    margin: 0 10px 0 10px;
  }
  table.mess.tboard tr td:nth-child(3):before {
    display: inline-block;
    content: "Имя:";
    margin-right: 10px;
  }
  table.mess.tboard tr td:nth-child(4):before {
    display: inline-block;
    content: "Категория:";
    margin-right: 10px;
  }
  table.mess.tboard tr td:nth-child(5) {
    display: none !important;
  }
  table.mess.tboard tr td:nth-child(5):before {
    display: inline-block;
    content: "Отзывы:";
    margin-right: 10px;
  }
  table.mess.tboard tr td:nth-child(6) {
    display: none !important;
  }
  table.mess.tboard tr td:nth-child(6):before {
    display: inline-block;
    content: "Просмотров:";
    margin-right: 10px;
  }
  table.mess.tboard tr td:nth-child(7) { border-bottom: 3px solid white;}
  table.mess.tboard tr td:nth-child(7):before {
    display: block;
    content: "Фото";
    margin-right: 10px;
  }
  .mess-title {
    display: none !important;
  }
  .icon td {
    border: none !important;
  }
  ul.topiclist li.row td a.subforum {
    white-space: inherit !important;
    display: block;
    margin-bottom: -20px;
    margin-top: 20px;
  }
  .forabg table td.topics, .forabg table td.posts, .forumbg.announcement td.messages, .forumbg.announcement td.views {
    display: flex;
    justify-content: center;
  }
  .forumbg.announcement table {
    background: none !important;
  }
  .forabg table td .topics {
    text-align: left;
    padding-left: 10px;
  }
  ul.topiclist dfn {
    display: block !important;
    margin-right: 10px;
    position: relative;
    order: -1;
  }
  ul.topiclist dfn:after {
    content: ":";
    display: inline-block;
    vertical-align: middle;
  }
  td.icontd {
    display: none;
  }
  .LoginContainer {
    float: none;
  }
  .linklist {
    float: none !important;
  }
  .girl_buttom {
    display: none;
  }
  .forabg table td.lastpost {
    text-align: center;
  }
  .icon_header td.icon_header_first {
    margin-left: 0;
    display: none !important;
  }
  .icon_header td.icon_header_second {
    display: none !important;
  }
  .icon_header td.icon_header_last {
    display: none !important;
  }
  .search-form FORM {
    width: auto;
  }
  .search-form table {
    display: block;
  }
  .search-form table tbody {
    display: block;
  }
  .search-form table tr {
    display: block;
  }
  .search-form table td {
    display: block;
    width: auto;
  }
  .search-form table label {
    display: block;
    float: none;
    text-align: left;
  }
  #profiles .profile {
    width: calc(50% - 15px);
		height: auto;
  }
  /* jdiv {
    display: none !important;
  } */
  #Layer-1, #Layer-2, #Layer-3, #Layer-4, #Layer-5 {
    left: 0 !important;
    top: 0 !important;
    position: static !important;
    height: auto !important;
  }
  #Layer-4 {
    margin: -68px 0 -93px 23px;
  }
  #Layer-1 > img {
    display: none;
  }
  .description table {
    display: block;
  }
  .description table table {
    display: flex;
  }
  .description table.map_canvas {
    display: block;
  }
  .description table.map_canvas tr {
    display: block;
  }
  .description table.map_canvas tr td {
    display: block;
  }
  .description tr {
    display: block;
  }
  .description td {
    display: block;
    width: 100% !important;
  }
  .description tbody {
    display: block;
  }
  #profiles {
    display: flex;
    flex-wrap: wrap;
  }
  .forabg table {
    display: block;
    background-position: 10px 3px;
    background: none !important;
  }
  .forabg tbody {
    display: block;
  }
  .forabg table tr {
    display: block;
  }
  .forabg table td {
    display: block;
    width: auto !important;
  }
  ul.someprofilelinks {
    overflow: hidden;
  }
  ul.someprofilelinks li {
    /* float: none; */
  }
  .leftfooter {
    float: none;
    width: auto;
  }
  #nav {
    background: #6DB013;
    margin: 10px 0;
  }
  #nav .search-f {
    float: none;
    width: auto;
    display: block;
    height: auto;
    background: none;
  }
  #nav UL {
    overflow: hidden;
  }
  .search form input[type="text"] {
    width: calc(100% - 50px);
  }
  .nav-left {
    background: none;
  }
  .nav-right {
    background: none;
    height: auto;
  }
  .search {
    float: none;
    width: auto;
  }
  #nav ul li {
    background: none;
  }
  #content {
    display: flex;
    flex-direction: column;
  }
  .left-col {
    float: none;
    width: auto;
    order: 2;
  }
  .right-col {
    float: none;
    width: auto;
    margin: 0;
    order: 3;
  }
  .center-col {
    padding: 0 !important;
    order: 1;
  }
  .news {
    width: 50%;
  }
  .profile-block {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
/*  .profile-block .profile.pselected {
    width: calc(50% - 15px);
  } */
  .profile-block .center {
    width: 100%;
  }
  #content .profile-block h2,.h2 {
    padding: 0;
  }
  #content .profile-block .center {
    margin-bottom: 10px;
  }
  .profile table {
    width: auto;
  }
  .profile table td {
    padding: 2px 4px;
  }
  #content {
    clear: both;
  }
  #content h2, .h2 {
    padding-left: 35px;
  }
  .new-block {
    float: none;
    width: auto;
  }
}
@media (max-width: 768px) {
  .corners-top + div {
    height: auto !important;
  }
  .middlefooter {
    float: none;
    width: auto;
    padding-left: 0;
  }

  #profiles .profile {
    width: 100%;
  }
  .profile-block .profile.pselected {
    width: 100%;
  }
  .profile-block .profile {
    width: 100%;
  }

  .frame.middle {
    /* float: none; */
    /* width: auto; */
    margin-bottom: 10px;
  }
  .titleMessage {
    margin-top: 0;
    word-wrap: break-word;
  }
  .nav-right {
    height: auto;
  }
  #nav {
    margin: 0;
  }
  .nav-left {
    background: none;
  }
  .nav-right {
    background: none;
  }
  .search {
    float: none;
    width: auto;
  }
  .board-item {
    width: 100%;
    float: none;
  }
  .profile-block .profile.pselected {
    margin: 0 0 5px 0;
  }
  .news {
    width: 100%;
  }
  #footer UL LI {
    display: block;
  }
} 
@media (max-width: 576px) {
  .icon tr {
    flex-wrap: wrap;
  }
  .icon td {
    width: 100% !important;
    box-sizing: border-box;
    border: none !important;
  }
  #footer {
    padding-left: 0;
  }
  .like > div, .like > div > div {
    float: none !important;
    width: auto !important;
  } 
}