@media (min-width: 768px) and (max-width: 991px) {

.containerx{
  width: 758px;
  margin: 0 auto;
  padding: 0 5px;
}

#header{
  width: 758px;
  margin: 0;
  padding: 55px 0px 55px 0px;
  text-align: center;
}

#header > a > img{
  width: 500px;
  margin: 0 auto;
}

#sidebar{
  width: 166px;
}

#sidebar-search{
  text-align: center;
  padding: 0 0px;
}

#sidebar-search input{
  width: 140px;
  margin: 0 auto;
}

#sidebar-book img{
  width: 140px;
}

.author .photo{
  width: 140px;
  margin: 0 auto;
  position: relative;
}

.author .photo img{
  width: 140px;
}

.author .photo .button-more-author img{
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: -10px;
  right: 27px;
}

#sidebar-menu #Kontakt{
  padding-left: 0;
}

#sidebar-mostpopular ul .mostpopular-thumb{
  width: 140px;
}

.wpp-thumbnail{
  width: 140px;
}

#dynamic-sidebar > div{
  max-width: 150px !important;
}

#dynamic-sidebar > div img{
  max-width: 130px !important;
}

#dynamic-sidebar .section{
  display: none;
}

#posts{
  width: 553px;
  float: right;
  padding-top: 45px;
}

.post-seemore ul li{
  padding: 0 3px;
}

.post-seemore ul li img{
  width: 130px;
  height: 130px;
}

.post-seemore ul li a.zem_rp_title{
  padding: 0 5%;
  width: 90%;
  position: absolute;
  top: 30px;
  left: 10px;
  color: rgba(0,0,0,0);
  text-transform: uppercase;
  line-height:20px;
}

.depth-1 .comment-avatar{width:36px;}
.depth-1 .comment-body{width:500px;}
.depth-2 .comment-avatar{width:36px;margin-left:50px;}
.depth-2 .comment-body{width:450px;}
.depth-3 .comment-avatar{width:36px;margin-left:100px;}
.depth-3 .comment-body{width:400px;}
.depth-4 .comment-avatar{width:36px;margin-left:150px;}
.depth-4 .comment-body{width:350px;}
.depth-5 .comment-avatar{width:36px;margin-left:200px;}
.depth-5 .comment-body{width:300px;}
.depth-6 .comment-avatar{width:36px;margin-left:250px;}
.depth-6 .comment-body{width:250px;}
.depth-7 .comment-avatar{width:36px;margin-left:300px;}
.depth-7 .comment-body{width:200px;}
.depth-8 .comment-avatar{width:36px;margin-left:350px;}
.depth-8 .comment-body{width:150px;}

.comment-form-row{
  padding-left: 50px;
  clear: both;
}

.comment-form-row label{
  width: 150px;
}

.comment-form-row textarea,
.comment-form-row input{
  width: 300px;
}

.comment-form-row-submit input{
  width: 75px;
  height: 30px;
}

}