@media (max-width:1000px) {

  #content,
  header,
  nav,
  #footer .footer-inner {
    max-width:900px;
    width:auto;
  }

  #content-left {
    width:100%;
    padding:0;
    background:none;
  }

  #content-right,
  .twitter-feed,
  .timo-owls {
    display:none;
  }  

}





@media (max-width:800px) {

  body {
    background: #fff url(../img/bg-rwd.png) top center no-repeat;
    overflow-xxxx:hidden;
  }

  header {
    height:80px;
    border-bottom:3px solid #0089C4;
    position: static;
  }

  header > a {
    display:none;
  }

  header .logo-wrap {
    position:static;
    margin-left:10px;
  }

  header .logo-wrap span {
    position: absolute;
    left:20px;
    text-align: left;
    width:auto;
  }

  nav table,
  #util-bar {
    display: none;
  }

  #content {
    padding:0 10px;
    margin-top:10px;
  }

  .site-yhdistystieto-fi header .logo-wrap {
    width:200px;
    padding-top:10px;
  }

  .countryhome-feeds .col  {
    width:100%;
    margin-right:0;
    margin-bottom:20px;
  }

  .countryhome-top .pull-left {
    width:auto;
  }

  h1 {
    font-size:24px;
    font-weight:bold;
  }

  h2,
  .group #content .section h2 {
    font-size:20px;
  }

  h3 {
    font-size:18px;
    line-height: normal;
  }

  .fb-like-box,
  .fb_iframe_widget {
    display:none !important;
  }

  .countryhome-blog {
    height:auto;
  }

  .countryhome-blog > a {
    display:none;
  }

  #footer .footer-inner {
    padding: 0 10px;
  }

  
  .group .section .info {
    width:100%;
  }

  .social-links {
    display:none;
  }

  /* Menu */
  div#rwd-menu {
   display:block;
  }

  div#rwd-menu .rwd-menu-trigger {
    display:block;
    background:#333 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAAF0lEQVQoz2P4TyFgoNiAgQejYTAIwgAAt3V+kMzQrQ0AAAAASUVORK5CYII=') no-repeat 5px center;
    padding:5px 7px 0 7px;
    height:25px;
    font-size:15px;
    font-weight:bold;
    text-decoration: none;
    position: absolute;
    top:5px;
    right:5px;
    padding-left: 25px;
    margin-right:0;
  }

  div#rwd-menu #rwd-menu-level-1 {
    width: 100%;
    padding-top:35px;
  }

  div#rwd-menu .rwd-menu-trigger:hover,
  div#rwd-menu .rwd-menu-trigger:focus {
    text-decoration: none !important;
  }

  div#rwd-menu ul {
    padding:0;
    margin:0;
  }

  div#rwd-menu ul ul {
    padding-left:30px;
    list-style-type:none;
    border-top:1px solid #666;
    background:#333;
  }

  div#rwd-menu li {
    background-color:#333;
    border-bottom:1px solid #666;
    padding:7px 0 0 0;
    font-size:15px;
    font-weight:bold;
    color:#fff;
    position: relative;
  }

  div#rwd-menu li.active {
    background-color:#555;
  }

  div#rwd-menu ul ul li {
    background:none;
  }

  div#rwd-menu li.room-last {
    border-bottom:5px dotted #666;
  }

  div#rwd-menu li:last-child {
    border-bottom:0;
  }

  div#rwd-menu a {
    color:#FFF;
    text-decoration: none;
    margin-left:10px;
    display:block;
    margin-right: 70px;
    padding: 5px;
    margin-bottom:7px;
  }

  .timo-owls {
    display:none;
  }

  .countryhome-top .pull-left {
    width:auto;
  }

  .register .admin-list input, .register fieldset.acc_name input {
    width:100%;
  }

  .register .register-openid-note {
    position:static;
    width:auto;
    height:auto;
    margin-bottom:0;
  }

  .extra .external-logins div, .extra .login-hh, .extra .login-sid, body.login .extra div a.login-btn {
    width:100%;
  }

  body.login .form-horizontal .controls {
    margin-left:0;
  }

  body.login .form-horizontal .control-label {
    text-align: left;
  }

  .discuss textarea {
    width:97%;
  }

  .quick-reply .form-horizontal .control-label {
    float:none;
    text-align: left;
  }

  .quick-reply .form-horizontal .controls {
    margin-left:0;
  }

  .discuss .well p {
    word-break: break-word;
  }

  #banner-dashboard {
    display:none;
  }

  .dashboard-settings-box {
    padding-right:0;
  }

  .dashboard .alert-spacing {
    padding-right:0;
    font-size:12px;
  }

  .dashboard .alert-plain .btn {
    position:static;
    float:none;
    display:block;
    margin-right:10px;
  }

  .dashboard-lower-data > .pull-left,
  .dashboard-lower-data > .pull-right {
    width:100%;
    float:left;
  }

  .dashboard .groups-list li a:first-child {
    display:block;
  }

  .dashboard .groups-list li a.btn-small {
    float:none;
    width:auto;
    margin-left:0;
    margin-right:15px;
  }

  .dashboard .groups-list li {
    height:50px;
  }

  #wiki_form .control-label,
  #new-discussion .control-label,
  body.contact .control-label,
  .mailinglist .control-label {
    float:none;
    text-align: left;
  }

  #wiki_form .controls,
  #new-discussion .controls,
  body.contact .controls,
  .mailinglist .controls {
    margin-left:0;
  }

  body.contact textarea {
    width:98%;
  }

  .wiki .well-category {
    width:94%;
  }

  .wiki .first-item {
    margin-right:0;
  }

  .wiki #content-left .btn-large {
    display:block;
    margin-bottom:5px;
  }

  .wiki-ads {
    max-width: 250px;
    margin-left: 1%!important;
  }

  #hh-form {
    padding:10px;
  }

  .group #content .logo-wrap {
    padding-right:0;
  }

  .group .group-info-top .group-logo {
    position: static;
  }

  .modal {
    width:100%;
    left:0;
    margin-left:0;
  }

  #contact-popup textarea {
    width:95%;
  }

  #contact-popup .alert {
    display:none;
  }

  .countryhome-top .pull-left {
    padding-left:0;
    background:none;
  }

  .countryhome-top .pull-right {
    float:left;
    margin-top:20px;
  }

}

@media (max-width:400px) {

  #recaptcha_challenge_image{
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
  }
  
  #recaptcha_response_field {
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
  }
  
  .recaptchatable #recaptcha_image {
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
  }
  
  .recaptchatable .recaptcha_r1_c1, 
  .recaptchatable .recaptcha_r3_c1, 
  .recaptchatable .recaptcha_r3_c2, 
  .recaptchatable .recaptcha_r7_c1, 
  .recaptchatable .recaptcha_r8_c1, 
  .recaptchatable .recaptcha_r3_c3, 
  .recaptchatable .recaptcha_r2_c1, 
  .recaptchatable .recaptcha_r4_c1, 
  .recaptchatable .recaptcha_r4_c2, 
  .recaptchatable .recaptcha_r4_c4, 
  .recaptchatable .recaptcha_image_cell {
    margin: 0 !important;
    width: 100% !important;
    background: none !important;
    height: auto !important;
  }

.wiki-ads {
    width: 94%!important;
    margin: 3%!important;
  }
}