/********************
  Media Queries
********************/

@media all and (max-width: 1264px) {
  .margin-top{margin-top:78px;}
  .motto h1{padding:0 10%;width:80%;}
  header{height:78px !important;}
  nav{padding-top:8px !important;}
  #logo{height:40px !important;margin-left:0;}
}
@media all and (max-width: 1036px) {
  h1{font-size:38px !important;line-height:44px !important;}
  .container{width:880px;}
  nav li {margin-right:8px;}
  nav{-moz-transition: none;-o-transition: none;-webkit-transition: none;}
  #publications .container{width:740px;}
  .prev-slide{margin-left:2%;}
  .next-slide{margin-right:2%;}
  .publication-image{left:22px;}
  .publications-right{width:380px;height:360px;}
  #loans .column-content{height:320px}
  #localization #map{padding-bottom:320px;}
}
@media all and (max-width: 936px) {
  .motto-normal h1{width:70%;}
  h3{font-size:27px;line-height:38px;}
  .container{width:700px;}
  nav{width: 636px;}
  #logo{margin-left:-10px;}
  nav,a#logo{-moz-transition: none;-o-transition: none;-webkit-transition: none;}
  nav img#search-icon{float:right;}
  nav li {font-size:12px;margin-right:5px;}
  li.menu-item-has-children {margin-right: 3px;}
  .prev-slide{margin-left:2%;}
  .next-slide{margin-right:2%;}
  #slide-nav{margin-top:-72px;}
  .publication-image{left:20px;}
  .publications-right{width:360px;}
  #loans .column-content{height: 360px;}
  #faq-exerpt .column-holder{padding: 30px 20px;}
  #lacznie-pozyczylismy .columns{height: auto;}
  #lacznie-pozyczylismy .column{width:100%;padding-bottom:40px;}
  #lacznie-pozyczylismy h4{margin:20px 0 20px;}
  .organizations{width: 80%;position: initial;}
}
@media all and (max-width: 850px) {
  nav li a, ul nav li ul.sub-menu li a {display:block;}
  #background-container,.background{height:500px}
  .motto-normal{top:180px;}
  h1{font-size:34px !important;line-height:40px !important;}
  h2{font-size:30px !important;line-height:36px !important;}
  nav li ul.sub-menu{display:block;} 
  nav li ul.sub-menu.clicked{z-index:2;opacity:1;height:202px}
  nav{display: none;width:100%;position:fixed;padding:0 !important;margin-top: 65px;left:0;top: 0;}
  header .container{width:90%;}
  #responsive-menu{position:absolute;display:block;right:5%;top:22px;}
  #responsive-menu p{text-transform:uppercase;color:#006874;font-size:14px;font-family:'Brandon Grotesque Bold';float:left;line-height:1px;}
  #responsive-menu a#menu{margin-left:20px;display:block;width:38px;height:31px;background:url(../img/menu.png);float:left;}
  #logo{position:absolute;left:5%;margin-left:0;width:41px;height:39px !important;background: url(../img/pafpio-logo-small.png) no-repeat;}
  a#logo{-moz-transition: none;-o-transition: none;-webkit-transition: none;}
  li.menu-item-has-children{padding-right:0;}
  li.menu-item-has-children:hover > ul.sub-menu{display: block;}
  li.menu-item-has-children {background: url(../img/submenu.png) no-repeat 0 12px;background-position-x: right;}
  li.menu-item-has-children:hover{background: url(../img/submenu-active.png) no-repeat 0 12px;background-position-x: right;}
  nav.active,ul.sub-menu.active{display: block;}
  ul#menu-menu{padding:10px 5%;width:100%;background:rgba(245,245,245,.8);margin:0;margin-top:13px;border-top:1px solid #aaa;}
  nav li{width:100%;display:block;border-bottom:1px solid #aaa;padding:3px 0 1px}
  nav li:last-child{border-bottom:0;}
  ul.sub-menu li:last-child{border-bottom:1px solid #aaa;}
  ul.sub-menu.clicked{height:466px;}
  nav li.language{padding-left:0;border:0;}
  nav li a{width:100%}
  nav li.menu-item-172 {padding-left:0;border-left:0;}
  ul.sub-menu li{background:transparent;}
  nav li ul.sub-menu{display: none;width:100%;position:relative;padding-top: 0px !important;margin-top: 1px;float:left;}
  ul.sub-menu li a{border:0;}
  ul.sub-menu li:first-child{padding-top: 2px;}
  ul.sub-menu li:last-child{padding-bottom:0;}
  ul.sub-menu li a:hover {border-bottom:0;}
  #page-publications{padding-top:78px;}
  #search-icon{display:none;}
  #search-form,#search-form.active{display:none;}
}
@media all and (max-width: 780px) {
 .motto-normal h1{width:72%;}
 p{font-size:15px !important;}
 .container{width:92% !important;padding:0 4% !important;}
 h2{font-size:27px;margin-top:20px;}
 h3{font-size:25px;line-height:34px;}
 h4{font-size:23px;}
 h5{font-size:15px;}
 #loans{padding:50px 0 0}
 #loans .column{width:100%;}
 #loans .column-content{text-align:center;height:200px;margin-bottom:40px;}
 #loans a#more{position:relative;}
 #loans .column:nth-child(1) p,
 #loans .column:nth-child(2) p,
 #loans .column:nth-child(3) p{padding:0;}
 #loans .column:nth-child(1) a#more,
 #loans .column:nth-child(2) a#more,
 #loans .column:nth-child(3) a#more{margin:0;}
 #publications .publications-right{width:300px;}
 #publications .prev-slide{margin-left:30px;}
 #publications .next-slide{margin-right:30px;}
 #quote .cycle-slideshow{width:100%;}
 #quote .cycle-slideshow .slide_single{width:100%;padding-bottom: 70px;}
 .wpcf7-form{width:90%;}
 #form input{margin-bottom:10px;z-index:1;display:block;width:100%;margin-top:0;margin-left: -12px;}
 #form input[type="submit"]{margin-left:0;}
 #form fieldset.group{height:auto;width:100%;margin:0;padding:0;float:none;}
 #form fieldset.group span{display:inline-block;width:100%;}
 #form #message{width:100%;height:149px;margin-left:14px;}
 #form textarea{width:100%;}
 #team .person{width:100%;}
 .motto{margin-top:-80px;}
 #pafpio-map{right:10%;}
}
@media all and (max-width: 740px) {
 #background-container,.background{height:400px}
 .motto-normal{top:160px;}
 .motto-normal h1{width:80%;}
 h1{font-size:30px !important;line-height:36px !important;}
 #form fieldset.group{width:100%;margin:0;padding:0;}
 #form textarea{height:149px;}
 #form #contact-form{padding:0;width:80%;margin-left:12.5%;}
 #oferta .column{width:100%;margin-bottom:50px;}
 #oferta .column p {text-align:center;}
 #czarne-owce .column{width:100%;margin-bottom:50px;}
 #czarne-owce .foundation-desc{margin-bottom:40px;}
 #oferta .column:nth-child(1) p,
 #oferta .column:nth-child(2) p,
 #oferta .column:nth-child(3) p{padding:0;}
 #publications .container{margin:0 auto;text-align:center;}
 #publications .publication-image{margin:0;left:50%;margin:0;margin-left:-130px;margin-bottom:10px;}
 #publications .publications-right{width:100%;height:auto;}
 #slide-nav{margin-top:-140px;}
 #publications .cycle-slideshow{text-align:center;width:80%;margin-left:10%;}
 #publications h5{margin:2px 0;}
 #publications a#more{left:50%;margin-left:-58px;}
 #foundations .column:nth-child(1) p{padding:0;}
 #foundations .column:nth-child(2) p{padding:0;}
}
@media all and (max-width: 650px) {
 .normal-background{width:145%;}
  h1{font-size:28px !important;line-height:34px !important;}
  h2{font-size:25px;margin-top:20px;}
  h3{font-size:26px;line-height:32px;}
  h4{font-size:22px;}
  h5{font-size:14px;}
  #pafpio-map{position:absolute;right:20px;top:32px;
    -webkit-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
    transform: scale(0.8,0.8);}
  #nasi-pozyczkobiorcy h4{margin-bottom:10px;}
  #nasi-pozyczkobiorcy h5{margin-bottom:25px;}
  #faq-exerpt .column-holder{padding:0px 10px 10px;}
  #faq-exerpt {padding:30px 10px 10px;}
  #faq-exerpt .column{width:100%;}
  #faq-exerpt .column-content{padding:15px 0;border-right:0;border-bottom:1px solid #a7a27d}
  #faq-exerpt .column:last-child .column-content{border:0;}
  #faq-exerpt .column:nth-child(2){border:0;}
  #faq-exerpt .column-content{height:auto;}
  #faq-exerpt .column{padding-bottom:20px;}
  #loans .column-content{height:auto;}
  #loans a#more{display:inline-block;}
  #form button{margin-left:-30px;}
}
@media all and (max-width: 600px) {
  #quote .cycle-pager span {width:12px;height:12px;}
  .motto{margin-top:-60px;}
  h1{font-size:26px !important;line-height:34px !important;}
  h2{font-size:25px;margin-top:20px;}
  h3{font-size: 24px;line-height: 28px;}
  #publications .publications-right{text-align:center;}
}
@media all and (max-width: 480px) {
 @-webkit-keyframes arrowmove{0%{bottom:14px}100%{bottom:6px}}
 @keyframes arrowmove{0%{bottom:14px}100%{bottom:6px}}
 #quote .cycle-pager span {width:16px;height:16px;border:2px solid #FFF}
 .normal-background{width:160%;}
 .motto{margin-top:-44px;}
 p{font-size:14px !important;}
 h1{font-size:23px !important;line-height:32px !important;}
 h2{font-size:22px;margin-top:16px;}
 h3{font-size:22px;line-height:25px;}
 h4{font-size:20px;}
 h5{font-size:14px;}
 .motto h1{width:90%;padding:0 5%;}
 #publications{padding-bottom:30px;}
 .question, .answer{width:100%;}
 .answer p{padding:0;}
 #pafpio-map .number{font-size:13px;}
  #pafpio-map{position:absolute;right:20px;top:38px;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);}
  footer{padding-bottom:30px;}
  footer .column{width:100%;}
  footer .column:nth-child(1) p,
  footer .column:nth-child(2) p,
  footer .column:nth-child(3) p
  {margin:0;padding:20px 0;border-bottom:1px solid #555;}
  footer .column p{text-align:center;}
  footer .column:nth-child(3) p{border:0;}
  img#pafpio-borrowers{width:24%;}
  #pafpio-map{/* width:62%; */top: 16px;right: 0;}
  #dokumenty .columns{width:100%;}
  #dokumenty .column{width:100%;}
  #lacznie-pozyczylismy h4{margin-top:0;}
  #lacznie-pozyczylismy .columns{padding:10px 0;}
  #lacznie-pozyczylismy .column{height:auto;padding-bottom:10px;}
  .preloader-circle{
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);}
  .position-fix {margin-bottom: 60px;}
  #publications .publication-image{height:200px;width:180px;}
  #publications img{left:10px;width:160px;height:160px;}
  #publications .publication-image{margin-left:-90px;}
  #publications .image-overlay{top:6px;margin-left:-90px;background-size:180px;width:180px;height:180px;background-repeat:no-repeat}
}
@media all and (max-width: 450px) {
  #background-container,.background{height:360px}
  .motto-normal{top:150px;}
  .motto-normal h1{width:88%;}
  .motto{margin-top:-50px;}
  p{font-size:14px !important;}
  h1{font-size:22px !important;line-height:28px !important;}
  h2{font-size:21px;margin-top:16px;}
  h3{font-size:21px;}
  h4{font-size:19px;}
  h5{font-size:15px;}
  #publications .next-slide{margin-right:15px;}
  #publications .prev-slide{margin-left:15px;}
}
@media all and (max-width: 360px) {
.organizations{width:90%;padding-bottom: 20px;}
#nasi-pozyczkobiorcy{text-align:left;}
.state{text-align:left;margin-left:15px;}
#pafpio-map .number{font-size:15px;}
#pafpio-map {
  position: absolute;
  right:-20px;
  margin-top:20px;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
}
body{
    overflow-x: hidden;
}