@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
  ul.topiclist li.row dt a.subforum.read {
    background-size: 11px 9px; } 
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
  ul.topiclist li.row dt a.subforum.unread {
    background-size: 11px 9px; } 
}

@media (max-width: 550px) {
  ul.topiclist.forums dt {
    margin-right: 0; }

  ul.topiclist.forums dt .list-inner {
    margin-right: 0; }

  ul.topiclist.forums dd.lastpost {
    display: none; } 
}

/******************************Start adapteted template (max-width 700px)*************************/

@media (max-width: 700px) {
  .responsive-hide {
    display: none !important; }

  .responsive-show {
    display: block !important; }

  .responsive-show-inline {
    display: inline !important; }

  .responsive-show-inline-block {
    display: inline-block !important; }

  /* Content wrappers
  ----------------------------------------*/
  html {
    height: auto; }

  body {
    padding: 0; }

  #wrap {
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0 5px; }

  .page-width, .navbar .inner.static > .static-inner {
    min-width: 290px;
    margin: 0; }

  .navbar .inner.static > .static-inner,
  #wrap .navbar .inner.static > .static-inner {
    padding: 0; }

  .forabg, .forumbg, .post, .panel {
    margin-left: -5px;
    margin-right: -5px; }
  #wrap .headerbar, #wrap .navbar {
    display: none;
 /*   margin-left: -5px;
    margin-right: -5px; 
    padding-left: 5px;
    padding-right: 5px; */}
  .site-description {
    float: none;
    width: auto;
    text-align: center; }

  .logo {
    float: none;
    margin: 0 auto;
    padding: 10px; }
    .logo img {
      margin: 0 auto; }

  .site-description h1, .site-description p, .site-description p.sitename {
    text-align: inherit;
    float: none;
    margin: 5px;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis; }

  .site-description p, .headerbar .search-header {
    display: none; }

  .responsive-search {
    display: block !important; }

  ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
    margin-right: 0 !important;
    padding-right: 0; }

  ul.topiclist li.header dd {
    display: none !important; }

  ul.topiclist dt, ul.topiclist dt .list-inner,
  ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
  ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
  ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
    margin-right: 0; }

  ul.topiclist dt, ul.topiclist dd {
    float: none; 
  }

  ul.topiclist dt .list-inner.with-mark {
    padding-right: 34px; }

  ul.topiclist dt .list-inner {
    padding-left: 3.2em;
    min-height: 28px; }

  ul.topiclist li.header dt .list-inner {
    padding: 5px;
    min-height: 0; 
  }

  ul.topiclist dd {
    display: none; }

  ul.topiclist dd.mark {
    display: block; }

  /* Forums and topics lists
  ----------------------------------------*/
  ul.topiclist.forums dt {
    margin-right: -250px; }

  ul.topiclist dd.mark {
    display: block;
    position: absolute;
    right: 5px;
    top: 0;
    margin: 0;
    width: auto;
    min-width: 0;
    text-align: left; }

  ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
    position: relative;
    left: 0;
    width: auto;
    display: inline;
    font-weight: normal; }

  li.row .responsive-show strong {
    font-weight: bold;
    color: inherit; }

  ul.topiclist li.row dt a.subforum {
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px; }

  /* Pagination
  ----------------------------------------*/
  .pagination > ul {
    margin: 5px 0 0; }

  .row .pagination .ellipsis + li {
    display: none !important; }

  /* Responsive tables
  ----------------------------------------*/
  table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
    display: block; }

  table.responsive thead, table.responsive th {
    display: none; }

  table.responsive.show-header thead, table.responsive.show-header th:first-child {
    display: block;
    width: auto !important;
    text-align: left !important;
  }

  table.responsive.show-header th:first-child span.rank-img {
    display: none; }

  table.responsive tr {
    margin: 2px 0; }

  table.responsive td {
    width: auto !important;
    text-align: left !important;
    padding: 4px; }

  table.responsive td.empty {
    display: none !important; }

  table.responsive td > dfn {
    display: inline-block !important; }

  table.responsive td > dfn:after {
    content: ':';
    padding-right: 5px; }

  table.responsive span.rank-img {
    float: none;
    padding-right: 5px; }

  table.responsive.memberlist td:first-child input[type="checkbox"] {
    float: right; }

  /* Forms
  ----------------------------------------*/
  fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
    width: auto;
    float: none; }

  fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
    margin-left: 0; }

  textarea, dd textarea, .message-box textarea {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  dl.pmlist dt {
    width: auto !important;
    margin-bottom: 5px; }

  dl.pmlist dd {
    display: inline-block;
    margin-left: 0 !important; }

  dl.pmlist dd:first-of-type {
    padding-left: 20px; }

  .smiley-box, .message-box {
    float: none;
    width: auto; }

  .smiley-box {
    margin-top: 5px; }

  .bbcode-list-,
  .bbcode-asterisk{
    display: none;
  }


  .bbcode-status {
    display: none; }

  .colour-palette, .colour-palette tbody, .colour-palette tr {
    display: block; }

  .colour-palette td {
    display: inline-block;
    margin-right: 2px; }

  .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
    display: none; }

  fieldset.quick-login label {
    display: block;
    margin-bottom: 5px;
    white-space: normal; }

  fieldset.quick-login label > span {
    display: inline-block;
    min-width: 100px; }

  fieldset.quick-login input.inputbox {
    width: 85%;
    max-width: 300px;
    margin-left: 20px; }

  fieldset.quick-login label[for="autologin"] {
    display: inline-block;
    text-align: right;
    min-width: 50%; }

  /* User profile
  ----------------------------------------*/
  .column1, .column2, .left-box.profile-details {
    float: none;
    width: auto;
    clear: both; }

  /* Polls
  ----------------------------------------*/
  fieldset.polls dt {
    width: 90%; }

  fieldset.polls dd.resultbar {
    padding-left: 20px; }

  fieldset.polls dd.poll_option_percent {
    width: 20%; }

  fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
    margin-top: 5px; }

  /* Post
  ----------------------------------------*/
  .postbody {
    position: inherit; }

  p.author{
    margin-left: 0px;
  }

  .postprofile{
    margin-top: 0px;
  }

  .postprofile + .postbody {
    float: none;
    position: inherit;
    width: auto; }

  .postprofile, .postbody, .search .postbody {
    display: block;
    width: auto;
    float: none;
    padding: 0;
    min-height: 0; }

  .post > .inner {
    display: contents;
  }
  p.author{
    /*
    background: none;
    border:none;
    padding: 10px 0px 0px 10px;
    */
    display: none;
  }

  .post .postprofile {
    width: auto;
    border-bottom: 1px solid #cad7e1;
    padding-left: 10px;
    padding-top: 5px;
    min-height: 40px;
    overflow: hidden;
    z-index: auto !important; }

  .postprofile dd {
    display: none; }

  .postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
    display: block;
    margin: 0; 
  }

  .postprofile .has-avatar .avatar-container,
  .postprofile .no-avatar .avatar-container {
    margin: 0;
    overflow: inherit;
    float: left;
    padding-right: 5px; }

  .postprofile .avatar-container:after {
    clear: none; }

  .postprofile .avatar, .postprofile .no-avatar .avatar-container {
    margin-right: 5px; }

  .postprofile .avatar img {
    width: auto !important;
    height: auto !important;
    max-height: 32px; }

  .no-avatar .avatar-container {
    width: 32px;
    height: 32px; }

  .has-profile .postbody h3 {
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .has-profile .post-buttons {
    right: 10px;
    top: 5px; }
    .rtl .has-profile .post-buttons {
      right: auto;
      left: 10px; }
  h2 {
    margin-top: .5em; }

  p {
    margin-bottom: .5em;
    overflow: hidden; }

  p.rightside {
    margin-bottom: 0; }

  fieldset.display-options label {
    display: inline-block;
    clear: both;
    margin-bottom: 5px;
    letter-spacing: -.3px; }

  dl.mini dd.pm-legend {
    float: left;
    min-width: 200px; }

  .topicreview {
    margin: 0 -5px;
    padding: 0 5px; }

  fieldset.display-actions {
    white-space: normal; }

  .phpbb_alert {
    width: auto;
    margin: 0 5px; }

  .attach-comment dfn {
    width: 100%; } 
}

/******************************END adapteted template (max-width 700px)*************************/

@media (min-width: 701px) {
  .postbody {
    width: calc(100% - 150px - 1px - 16px); 
  }
  .postprofile {
    width: 150px; 
  }
}
@media (min-width: 701px) and (max-width: 950px) {
  ul.topiclist dt {
    margin-right: -410px; 
  }
  ul.topiclist dt .list-inner {
    margin-right: 410px; 
  }
  ul.topiclist dd.lastpost {
    float: right;
  }
  dd.posts, dd.topics, dd.views {
    width: 80px; 
  } 
}

@media (max-width: 500px) {
  dd label {
    white-space: normal; }

  /*select, .inputbox {
    max-width: 260px; }
  */
  .captcha-panel dd.captcha {
    margin-left: 0; }

  .captcha-panel dd.captcha-image img {
    width: 100%; }

  dl.details dt, dl.details dd {
    width: auto;
    float: none;
    text-align: left; }

  dl.details dd {
    margin-left: 20px; }

  p.responsive-center {
    float: none;
    text-align: center;
    margin-bottom: 5px; }

  .action-bar > div {
    margin-bottom: 5px; }

  .action-bar > .pagination {
    float: none;
    clear: both;
    padding-bottom: 1px;
    text-align: center; }

  .action-bar > .pagination li.page-jump {
    margin: 0 2px; }

  p.jumpbox-return {
    display: none; }

  .display-options > label:nth-child(1) {
    display: block;
    margin-bottom: 5px; }

  .attach-controls {
    margin-top: 5px;
    width: 100%; }

  .quick-links .dropdown-trigger span {
    display: none; } 
}

@media (max-width: 320px) {
  select, .inputbox {
    max-width: 240px; } }
/* Notifications list
----------------------------------------*/
@media (max-width: 350px) {
  .dropdown-extended .dropdown-contents {
    width: auto; } }
/*
@media (max-width: 430px) {
  .action-bar .search-box .inputbox {
    width: 120px; }

  .section-viewtopic .search-box .inputbox {
    width: 57px; }

  .action-bar .search-box .inputbox ::-moz-placeholder {
    content: "Search..."; }

  .action-bar .search-box .inputbox :-ms-input-placeholder {
    content: "Search..."; }

  .action-bar .search-box .inputbox ::-webkit-input-placeholder {
    content: "Search..."; }
}
*/

@media (max-width: 900px) and (max-width: 450px) {
      .cp-menu .navigation {
        float: none;
        margin: 0 auto; } }
@media (max-width: 900px) {
    .navigation, .cp-menu .navigation:only-child {
      float: none;
      margin: 0 auto; }
    .cp-menu .navigation + .cp-mini {
      float: left;
      margin: 0 10px;
      max-width: 220px; } }
    @media (max-width: 900px) and (max-width: 450px) {
      .cp-menu .navigation + .cp-mini {
        float: none;
        margin: 10px auto 0; } }

@media (max-width: 900px) {
  .navigation a {
    background-image: none; }
 }

@media (max-width: 900px) {
  .nojs .tabs a span, .nojs .minitabs a span {
    max-width: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -.5px; }

  .cp-menu, .navigation, .cp-main {
    float: none;
    width: auto;
    margin: 0; }

  .cp-menu:after {
    content: ' ';
    display: table;
    clear: both; }

  .navigation {
    padding: 0;
    max-width: 320px; }
    .cp-menu .navigation {
      margin: 0 10px;
      float: left; } }

@media (max-width: 400px) {
  .forum-lastpost strong {
    max-width: 130px; 
  } 
}

@media (max-width: 550px) {
  .forum-lastpost {
    display: block !important;
    padding-top: 2px;
    line-height: 1.2;
    overflow: hidden; 
  } 
}

@media (max-height: 500px) {
  .phpbb_alert {
    top: 25px; } }

 @media (max-width: 550px) {
    table.table1 .info {
      max-width: 150px; } }

  @media (max-width: 700px) {
    .navbar.tabbed.not-static + .navbar.secondary {
    border-left-width: 0;
    border-right-width: 0; } 
  }

@media (max-width: 700px) {
        .navbar.tabbed.not-static .nav-tabs li.tab {
          margin: 0 2px; } 
      }

   @media (max-width: 550px) {
      .navbar .nav-tabs .faq, .navbar .nav-tabs .faq .nav-link {
        display: none !important; } 
    }

  @media (max-width: 550px) {
        .navbar .nav-tabs .members .nav-link {
          padding: 0 8px !important; } 
      }

  @media (max-width: 550px) {
      .navbar .nav-tabs .members .nav-link, .navbar .nav-tabs .forums .nav-link, 
      .navbar .nav-tabs .leftside .boardrules .nav-link, 
      .navbar .nav-tabs .leftside .pages .nav-link {
        text-indent: 999px;
        width: 15px;
        padding: 0 8px;
        overflow: hidden; 
      }
      .navbar .nav-tabs .members .nav-link:after, 
      .navbar .nav-tabs .forums .nav-link:after, 
      .navbar .nav-tabs .leftside .boardrules .nav-link:after, 
      .navbar .nav-tabs .leftside .pages .nav-link:after {
        text-align: center;
        font-size: 15px;
        left: 8px; 
      }
      .rtl .navbar .nav-tabs .members .nav-link:after, 
      .rtl .navbar .nav-tabs .forums .nav-link:after, 
      .rtl .navbar .nav-tabs .leftside .boardrules .nav-link:after, 
      .rtl .navbar .nav-tabs .leftside .pages .nav-link:after {
        left: auto;
        right: 8px; 
      }
      .navbar .nav-tabs .members .nav-link + strong, 
      .navbar .nav-tabs .forums .nav-link + strong, 
      .navbar .nav-tabs .leftside .boardrules .nav-link + strong, 
      .navbar .nav-tabs .leftside .pages .nav-link + strong {
        right: -2px; 
      }
      .rtl .navbar .nav-tabs .members .nav-link + strong, 
      .rtl .navbar .nav-tabs .forums .nav-link + strong, 
      .rtl .navbar .nav-tabs .leftside .boardrules .nav-link + strong, 
      .rtl .navbar .nav-tabs .leftside .pages .nav-link + strong {
        right: auto;
        left: -2px; 
      }
    }



