/* Nahrada slideru clanku sekce; 4 fotky vedle sebe; staticke reseni po vypnuti pomaleho bxslider.js */


h3.title {
 border-bottom: none;
 border-top: 3px solid #eee;

}

.home-top h3.title a,
#content #main h3.title.headline-hp3-section a
 {
  display:block; width: 100%;
}

.home-top h3.title span,
#content #main h3.title.headline-hp3-section span {
  display:block; width: calc(100% - 30px);
}


ul.feed-sekce {
  margin:          0;
  list-style-type: none;
}

ul.feed-sekce li h4.post-title {
  height:  2.55em;
  margin-top:    9px;
  margin-bottom: 4px;
  overflow-y: hidden;
}


/* pocitac */

@media (min-width: 1200px) {

ul.feed-sekce li {
  margin: 0 27px 0 0;
  /* width: calc(25% - 20.25px);  /* jsou ctyri polozky; za tremi polozkami vpravo margin 27 px; 20,25px na kazdy*/
  width: 162px;
  float: left;
}

ul.feed-sekce li:nth-child(4n) {
  margin-right: 0;
}

.related .home-top ul.feed-sekce li {
  margin-bottom: 27px;
}


ul.feed-sekce li a {
  max-width: 162px;
  max-height: 98px;
}

}

/* tablet do 1199 - je tam 620px mista - pokus pro dva vedle sebe*/

/*
@media (max-width: 1199px) {

ul.feed-sekce li {
  margin: 0 22px 0 0;
  width: 299px;
  float: left;
}

ul.feed-sekce li:nth-child(2),
ul.feed-sekce li:nth-child(4) {
  margin-right: 0;
}


ul.feed-sekce li a {
  max-width: 299px;
  max-height: 181px;
}

ul.feed-sekce li a img {
  width: 299px;
  height: 181px;
}



}
*/

/* tablet do 1199 - je tam 620px mista - ctyri vedle sebe*/

@media (min-width: 980px) and (max-width: 1199px) {

ul.feed-sekce li {
  margin: 0 13px 0 0;
  width: 145px;
  float: left;
}

ul.feed-sekce li:nth-child(4n) {
  margin-right: 0;
}

.related .home-top ul.feed-sekce li {
  margin-bottom: 13px;
}

ul.feed-sekce li a {
  max-width: 145px;
  max-height: 88px;
}

}



@media (min-width: 768px) and (max-width: 979px) { /*k dispozici 476px - dva vedle sebe*/

div.home-top {
 margin-bottom: 0;
 padding-bottom: 0;
}

div.home-top h3.title.headline-hp3-section {
 margin-bottom: 2%;
}

ul.feed-sekce li {
  margin: 0 10px 0 /*20px*/ 0;
  width: 233px;
  float: left;
}

ul.feed-sekce li:nth-child(2n) {
  margin-right: 0;
}

ul.feed-sekce li:nth-child(3),
ul.feed-sekce li:nth-child(4) {
  display: none;
}

.related .home-top ul.feed-sekce li {
  margin-bottom: 20px;
}

.related ul.feed-sekce li:nth-child(3),
.related ul.feed-sekce li:nth-child(4) {
  display: list-item;
}

ul.feed-sekce li a {
  max-width: 233px;
  max-height: 141px;
  height: 141px;
}

ul.feed-sekce li a img {
  width: 233px;
  height: 141px;
}

ul.feed-sekce li h4.post-title {
  /*height: 1.3em;*/
  
 
  /*
  text-align: left;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  */
}
}
  





@media /*(min-width: 500px) and*/ (max-width: 767px) { /* k dispozici max. 731, ale ude uz opravdu responsivni plynule - 2 vedle sebe */

div.home-top {
 margin-bottom: 0;
 padding-bottom: 0;
}

div.home-top h3.title.headline-hp3-section {
 margin-bottom: 2%;
}

ul.feed-sekce li {
  margin: 0 2% 3% 0;
  width: 49%;
  float: left;
}

ul.feed-sekce li:nth-child(2n) {
  margin-right: 0;
}

ul.feed-sekce li:nth-child(3),
ul.feed-sekce li:nth-child(4) {
  display: none;
}

.related .home-top ul.feed-sekce li {
  margin-bottom: 5%;
}

.related ul.feed-sekce li:nth-child(3),
.related ul.feed-sekce li:nth-child(4) {
  display: list-item;
}

ul.feed-sekce li a,
ul.feed-sekce li a img
{
  max-width: 100%;
  width: 100%;
  max-height: auto;
  height: auto;
}

ul.feed-sekce li h4.post-title {
  /*height: 1.3em;*/
}

}



/*@media (max-width: 499px) { /*  1 vedle sebe, opravdu responsivni  */ /*

ul.feed-sekce li {
  margin: 0 0 6% 0;
  width: 100%;
}




ul.feed-sekce li a,
ul.feed-sekce li a img
{
  max-width: 100%;
  width: 100%;
  max-height: auto;
  height: auto;
}


ul.feed-sekce li h4.post-title {
  height: 1.15em;
}


}
*/

