@media (max-width: 1200px) {
  
  .wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .mode_logo {
    width: 178px;
  }
  
  .mode_menu {
    width: auto;
    padding-left: 20px;
  }
  
  .mode_tel {
    width: 160px;
  }  
  
  footer .mode_copy {
    margin-bottom: 20px;
  }
  
  .mode_prfn .rgt .line {
    display: none;
  }
  
  .mode_menu ul li {
      padding-left: 12px;
      padding-right: 12px;
  }
    
  .mode_wysz .wrap form div #t, 
  .mode_wysz .wrap form div #r,
  .mode_wysz .wrap form div #p
  {
      min-width: 160px;
  }
  
  .mode_wysz .wrap form .btn {
      max-width: 130px;
      min-width: 130px;
  }
  
  .mode_wysz .wrap form div .inputbox {
      max-width: 120px;
  }
  
  .results .item .rgt .btns a.btn.dark {
      max-width: 150px;
      min-width: 150px;
      width: 150px;
  }
  
  .results .item .lft {
      max-width: 400px;
  }
  
  .results .item .rgt {
    padding-top: 0px;
    max-width: 500px;
    margin-left: 20px;
  }
  
}

@media (max-width: 980px) {

  .mode_banner {
      background-position: center bottom 50px;
      padding-top: 30px;
  }

  .mode_banner .rgt {
    display: none;
  }
    
  .lft, .rgt {
      max-width: 100%;
      width: 100%;
      display: block;
  }
  
  .mode.zespol .rgt {
      display: none;
  }
  
  .mode.zespol .mode_menu {
    margin: 0;
  }
  
  .mode.about .rgt {
    padding-top: 50px;
  }
  
  .mode_uslugi ul li {
    width: 49%;
  }
  
  .mode_banner .icons {
    margin-top: 120px;
    margin-left: 0px;
  }
  
  .mode_banner .lft a.btn:after {
      position: static;
      margin-top: 20px;
      margin-left: 0px;
  }
  
  .mode_uslugi {
      margin-top: 80px;
  }
  
  footer .wrap {
      margin-top: 80px;
  }
  
  .mode_menu,
  .mode_tel,
  .mode_logo
  {
    display: block;
    clear: both;
    width: auto;
    margin: 0;
    padding: 0;
    margin: auto;
    margin-bottom: 20px;
    text-align: center;
  }
  
  .mode_logo {
    padding-top: 20px;
  }
  
  .mode_logo img {
    margin: auto;
  }
  
  footer .wrap .mode_flogo,
  footer .wrap .mode_fmenu
  {
    display: block;
    float: none;
  }
  
  footer .wrap .mode_flogo {
    margin-top: 20px;
  }
  
  .mode_copy ul {
    max-width: 80%;
  }
  
  .results .item .lft {
      max-width: 100%;
      display: block;
  }
  
  .results .item .rgt {
    max-width: 100%;
    margin-top: 20px;
    margin-left: 0px;
    display: block;
  }
  
  .mode_wysz .wrap form div {
    padding-bottom: 10px;
  }

  .mode_prfn .rgt img,
  .mode_prfn .lft img
  {
      margin-top: 20px;
      margin-bottom: 20px;
  }

  .mode_prfn .rgt ul {
    margin-top: 20px;
  }
  
  .mode_results.ogloszenie .results .item .lft {
    width: 100%;
    max-width: 100%;
  }
  
  .mode_results.ogloszenie .results .item .rgt {
      width: 100%;
      max-width: 100%;
      float: none;
  }
  
  .mode_results.ogloszenie .mode.agent .btns {
      width: 25%;
  }
  
  .mode_results.ogloszenie .mode.agent .lft {
      width: 100%;
      margin-bottom: 40px;
  }
  
  .mode_results.ogloszenie .mode.agent .lft img {
    margin: auto;
  }
  
}


@media (max-width: 820px) {
  
  .mode_banner {
      background-position: center bottom 70px;
  }
  
  .mode_uslugi ul li {
      width: 49%;
  }
  
  .mode_standardy h3 {
      display: block;
      margin: auto;
  }
  
  .mode_standardy p {
      display: block;
      float: none;
      margin: auto;
      margin-top: 40px;
      margin-bottom: 60px;
  }
  
  .mode.zespol .mode_menu ul li {
      margin-right: 0px;
      display: block;
      width: 100%;
      margin-bottom: 10px;
  }
  
  .mode.zespol .mode_menu ul li a {
    padding-bottom: 10px;
  }
  
  .blog {
    padding: 20px;
  }
  
  .blog .span6,
  .blog .span6:nth-child(2n)
  {
    width: 100%;
    display: block;
    margin: 0;
  }
  
  .mode.kontakt .rgt {
    width: 100%;
  }
  
  .mode.kontakt form p:last-child input {
      border-left: 1px solid #E5E5E5;
  }
  
  .mode_results.ogloszenie .mode.agent .rgt h3,
  .mode_results.ogloszenie .mode.agent .btns,
  .mode_results.ogloszenie .mode.agent .rgt,
  .mode_results.ogloszenie .mode.agent .lft {
    display: block;
    width: 100%;
    text-align: center;
    height: auto;
  }
  
  .mode_results.ogloszenie .mode.agent .btns {
    margin-top: 20px;
  }
  
  .mode_results.ogloszenie .mode.agent .btns a {
      float: none;
      margin: auto;
      display: inline-block;
      margin-bottom: 20px;
  }
    
}

@media (max-width: 620px) {

  h3 {
    font-size: 30px;
    line-height: 38px;
  }
  
  .desc {
    white-space: normal;
  }
  
  .mode_banner {
      background: #FBFBFB;
      padding-top: 0;
      padding-bottom: 40px;
  }
  
  .mode_menu ul li {
      padding-left: 10px;
      padding-right: 10px;
  }
  
  .mode_uslugi ul li {
      width: 100%;
  }
  
  .mode_nieruchomosci ul li {
      width: 100%;
      display: block;
  }
  
  .lft, .rgt {
      width: 100%;
      display: block;
      padding-top: 0;
  }
  
  .lft p, .lft h2 {
      max-width: 100%;
  }
  
  .mode_prfn .rgt img {
      max-width: 100%;
      min-width: 100%;
      height: auto;
      display: block;
  }
  
  .mode_prfn .rgt:after {
    margin-top: -190px;
  }
  
  .mode_banner h1, .mode_banner h1 strong {
    font-size: 34px;
    line-height: 40px;
  }
 
  .mode_banner .lft .btn, .mode_banner .lft p.span {
      display: block;
      vertical-align: top;
      margin: 0;
  }
  
  .mode_banner .lft p.span {
      font-size: 14px;
      line-height: 18px;
      margin-top: 20px;
  }
  
  .mode_banner .lft a.btn:after {
    display: none;
  }
  
  .mode_banner .icons {
      margin-top: 40px;
  }
  
  .mode_standardy h3:before {
      display: block;
      margin-right: 0px;
      margin-bottom: 20px;
  }
  
  .mode_nieruchomosci h3 {
      font-size: 30px;
  }  
  
  footer .wrap {
      padding-top: 80px;
  }  
  
  footer .wrap .item {
    margin-bottom: 20px;
  }
  
  footer .mode_copy li {
    margin-bottom: 20px;
    margin-right: 10px;
  }
  
  footer .mode_copy a, footer .mode_copy p {
    line-height: 22px;
  }
  
  footer .mode_copy li:after {
    display: none;
  }
  
}

@media (max-width: 500px) {

  .mode_wysz .wrap form div, .mode_wysz .wrap form p, .mode_wysz .wrap form input {
    display: block;
  }
  
  .mode_wysz .wrap form select,
  .mode_wysz .wrap form input
  {
    margin-bottom: 10px;
  }
  
  .mode_wysz .wrap form div {
      margin: 0;
      padding: 0;
      min-width: 100%;
      max-width: 100%;
  }

  .mode_wysz .wrap form div #t, 
  .mode_wysz .wrap form div #r, 
  .mode_wysz .wrap form div #p,
  .mode_wysz .wrap form div #od,
  .mode_wysz .wrap form div #do,
  form input,
  form p
  {
    min-width: 100%;
    max-width: 100%;
  }

  form input#reg {
    min-width: auto;
    max-width: auto;
  }

  .results .item .rgt .btns a.btn.white {
    display: none;
  }

  .results .item .rgt .btns a.btn.dark {
      margin-left: 0px;
      width: 100%;
      max-width: 100%;
  }

  footer h3 {
      margin-bottom: 20px;
  }

  footer .wrap .item {
      margin-bottom: 0px;
  }

  

}