header .nav .mobile
{
  display: none;
}

.overlay
{
  width: 100%;
  height: 100%;
  background-color: rgba(20,20,20,0.5);
  z-index: 390000;
  position: fixed;
  display: none;
}

.partnerkereso .posts .body
{
  min-width: 50%;
}



@media screen and (max-width: 768px)
{
  
  .contact-holder
  {
    background: none !important;
  }
  
  .map-holder
  {
    width: 96%;
    padding: 2%;
    margin-bottom: 30px;
  }
  
  .contact-holder .info
  {
    width: 100%;
    margin-left: 0px;
    text-align: center;
  }
  textarea
  {
    width: 94%;
    float: none;
    padding: 3%;
  }
  
  .partnerkereso .submit
  {
    width: 100%;
    float: none;
    text-align: center;
    height: auto;
  }
  
  .partnerkereso .message
  {
    float: left;
  }
  
  .partnerkereso .message .body
  {
    line-height:20px;
  }
  
  .parnerkereso .user
  {
    overflow: hidden;
  }
  
  .partnerkereso a.comment
  {
    padding-top: 5px;
    position: absolute;
    margin-left: 0px;
    
    right: 10px;
    top: 10px;
  }
  
  .partnerkereso .post
  {
    position: relative;
    clear:both;
    overflow: hidden;
  }
  div.comment
  {
    margin-left: 20px;
  }
  div.comment .reply
  {
    display: block;
    margin-left: -24px;
  }
  
  .partnerkereso .comment-btn
  {
    
  }
  
  .user .avatar
  {
    width: 30px !important;
    height: 30px !important;
    float: left;
  }
  
  .user .info
  {
    float: left;
    display: inline-block;
    width: auto !important;
    line-height: 30px;
  }
  
  .avatar img
  {
    width: 30px !important;
    height: 30px !important;
  }
  
  .partnerkereso .submit input[type="submit"]
  {
    margin: auto !important;
    float: none;
    margin-top:20px !important;
    margin-bottom: 15px !important;
    width: 100% !important;
    line-height: 34px;
    font-size: 18px;
    height: 40px;
  }
  
  .partnerkereso .posts .body
  {
    margin-top: 20px;
  }
  
  .parnerkereso .posts .comment
  {
    position: absolute;
  }
  
  .pagination-container
  {
    top: 0px !important;
  }
  
  #mc_embed_signup
  {
    padding: 0px !important;
    width:100%;
  }
  
  .items
  {
    width: 100%;
    margin: auto;
  }
  
  .items .post
  {
    width: 100% !important;
    padding: 0px;
    background-image: none;
    display: block !important;
    float: none !important;
    margin: auto;
  }
  
  .items .post .info
  {
    width: 96%;
    padding: 0%;
    margin: 0px;
  }
  
  .items .post .image
  {
    width: 96%;
    padding: 2%;
  }
  .items .post form
  {
    width: 100% !important;
    padding: 0px !important;
    
  }
  
  
  .items .post input
  {
    min-width: 96% !important;
    width: 96% !important;
    padding: 2%;
  }
  
  .items .post form label
  {
    display:block;
  }
  
  .items .post form ul
  {
    padding: 0px !important;
  }
  
  html, body
  {
    width: 100%;
    
  }
  #wrapper
  {
    margin-top: 20px !important;
    width: 90%;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    
  }
  
  #wrapper .content
  {
    width: 100%;
    
    margin: 0px;
    
  }
  
  header
  {
    height: 170px;
  }

  header .nav
  {
    width: 100%;
    text-align: center;
    position:relative;
  
    
  }
  
  header .nav .brand
  {
    position: absolute;
    background-image: url('../img/logo.png?1361619215');
    height: 67px;
    width: 164px;
    left: 20px;
    margin-top: 20px;
    background-size: 100%;
    display: inline-block;
  
  }
  header .nav .mobile
  {
    display: block;
    float: right;
    margin-right: 20px;
    margin-top: 35px;
    cursor: pointer;
  }
  
  header .nav nav
  {
    width: 70%;
    left: 0px;
    float: none;
    height: 100%;
    position: fixed;
    text-align: center;
    z-index: 400000;
    margin-left: 0px;
    background-color: #881839;
    top: 0px;
    margin-left: 100%;
    transition: 0.3s margin-left ease-out;
  }
  
  header .nav nav.toggle
  {
    margin-left: 30% !important;
    -webkit-box-shadow: -5px 0px 14px 0px rgba(0, 0, 0, 0.8);
    -moz-box-shadow:    -5px 0px 14px 0px rgba(0, 0, 0, 0.8);
    box-shadow:         -5px 0px 14px 0px rgba(0, 0, 0, 0.8);
  }
  
  
  
  header .nav nav ul
  {
    width: 100%;
    bottom: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: none;
    position: relative;
    margin-right: 10px;
    margin-left: 10px;
    left: 0px;
    text-align: center;
    position: relative;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    
  }
  
  header .nav nav ul li
  {
    display: block;
    width: 100%;
    line-height:50px;
    border-bottom: 1px solid rgba(0,0,0,.2);
    border-top: 1px solid rgba(255,255,255,.1);
    background-color: #881839;
    
  }
  
  header .nav nav ul li:last-child
  {
    -webkit-box-shadow: 2px 6px 4px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow:    2px 6px 4px 0px rgba(0, 0, 0, 0.12);
    box-shadow:         2px 6px 4px 0px rgba(0, 0, 0, 0.12);
  }
  
  header .nav nav ul li:first-child
  {
    border-top: none;
  }
  
  header .nav nav ul li a
  {
    font-size: 16px;
  }
  
  header .nav nav ul.active
  {
    
  }
  
  header .top-links
  {
    width: 100%;
  }
  
  header .top-links .inner
  {
    width: 100%;
    float: none;
    display: block;
    text-align: center;
    margin: 0px;
  }
  
  header .top-links .inner .link-box
  {
    float: left;
    margin-left: 0px;
    margin-bottom: 5px;
    width: 25%;
    padding: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
    border-radius:0px;
    
    
  }
  
  header .top-links .inner .link-box a
  {
    font-size: 12px;
  }
  
  /*Slider*/
  .featured-slider
  {
    margin-top: 20px !important;
    width: 96% !important;
    height: auto !important;
    padding:2%;
  }
  
  .link-boxes
  {
    float: none !important;
  }
  
  #wrapper .content .featured-slider .big-image
  {
    width: 100%;
    height: 200px;
    float: none;
    display: none;
    
  }
  
  #wrapper .content .featured-slider ul.link-boxes
  {
    margin-top: 10px;
  }
  
  #wrapper .content .featured-slider ul.link-boxes li
  {
    width: 100%;
    background-position: top right;
    background-repeat: no-repeat;
    
  }
  
  #wrapper .content .featured-slider ul.link-boxes li .button.more
  {
    right: 40px;
  }
  
  
  
  #wrapper .content .featured-slider .big-image ul li
  {
    width: 100% !important;
    height: auto;
  }
  
  #wrapper .content .featured-slider .big-image ul li img
  {
    width: 100%;
  }
  
  /*ajanlo*/
  .boxes
  {
    float: none;
    margin-top: 20px !important;
    width: 100% !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: auto !important;
  }
  
  .boxes h2
  {
    width: 100% !important;
    margin: 0px !important;
    margin-bottom: 20px !important;
    position: relative;
    text-align: center;
  }
  
  #tabs-container
  {
    display: none;
  }
  
  .boxes #slides
  {
    overflow: auto !important;
  }
  
  .boxes .box
  {
    width: 100% !important;
    padding: 2%;
    overflow: auto;
  }
  
  .boxes .box .image-holder
  {
    width: 100% !important;
    margin: 0% !important;
    padding: 0%;
  }
  
  footer
  {
    height: auto !important;
  }
  
  footer .banner
  {
    width: 100%;
  }
  
  footer .banner a img
  {
    width: 100%;
  }
  
  footer .inner-footer
  {
    width: 100% !important;
    padding-top: 0px;
  }
  
  footer .inner-footer .box
  {
    float: none;
    width:100%;
  }
  footer .inner-footer h4
  {
    text-align: center;
  }
  footer .inner-footer .box
  {
    margin: auto;
    float: none;
  }
  footer .inner-footer .box .big
  {
    margin: auto;
    margin-bottom: 10px;
    width: 96%;
  }
  
  footer .inner-footer .box .list
  {
    float: none;
    margin: auto;
    margin-bottom: 10px;
    width: 96% !important;
  }
  
  #wrapper .footer-push
  {
    height:40px;
  }
  
  #slides
  {
    height: auto;
    overflow: auto !important;
  }
  
  #slides li
  {
    overflow: auto !important;
  }
  
  #slides ul
  {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  
  #slides ul li .box
  {
    margin-bottom: 20px;
    float: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
  .galleries .gallery ul
  {
    width: 100%;
  }
  
  .galleries .gallery ul li
  {
    float: none !important;
  }
  .galleries .gallery li img
  {
    width: 100% !important;
  }
  
  .tabs-container
  {
    width: 100%;
  }
}


@media screen and (max-width: 480px)
{
  
  header
  {
    height: 224px;
  }
  
  header .top-links .inner .link-box
  {
    float: left;
    margin-left: 0px;
    margin-bottom: 5px;
    width: 50%;
    padding: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
    border-radius:0px;
    
    
  }
  
  header .nav .brand
  {
    position: absolute;
    background-image: url('../img/logo.png?1361619215');
    height: 67px;
    width: 164px;
    left: 20px;
    margin-top: 20px;
    background-size: 100%;
    display: inline-block;
  
  }
  header .nav .mobile
  {
    display: block;
    float: right;
    margin-right: 20px;
    margin-top: 35px;
    cursor: pointer;
  }
  
  
  
  #wrapper .content .featured-slider ul.link-boxes li .button.more
  {
    right: 20px;
  }
  
  #wrapper .content .featured-slider .big-image
  {
    
    display: none;
    
  }
  
  footer
  {
    height: auto !important;
  }
  
  footer .banner
  {
    width: 100%;
  }
  
  footer .banner a img
  {
    width: 100%;
  }
  
  footer .inner-footer
  {
    width: 100% !important;
    padding-top: 0px;
  }
  
  footer .inner-footer .box
  {
    float: none;
    width:100%;
  }
  footer .inner-footer h4
  {
    text-align: center;
  }
  footer .inner-footer .box
  {
    margin: auto;
    float: none;
  }
  footer .inner-footer .box .big
  {
    margin: auto;
    margin-bottom: 10px;
    width: 96%;
  }
  
  footer .inner-footer .box .list
  {
    float: none;
    margin: auto;
    margin-bottom: 10px;
    width: 96% !important;
  }
  
  .items .post form input[type="submit"]
  {
    width: 100% !important;
  }
}