#podbody #portmain .onecol .vitem, #podbody #portmain .typ-vypis-twins .vitem, #podbody #portmain .typ-vypis-twins2-chess .vitem, #podbody #portmain .typ-vypis-cubes3 .vitem, #podbody #portmain .typ-vypis-rect4 .vitem {
 
 
 margin: 0px auto 40px;
}
/* sirky */
.tb-bl-narrow {
	width: 70%;
  margin: auto;
  margin-bottom: 30px;
}
.tb-bl-narrow .grid {
	width: auto;
 
}

body .row-mbsep  {
	display: flex;
  align-items: center;
}

/* typy výpisů */

/* 
  ********* typ-vypis-twins ******** 
	řádek = velká miniatura nalevo, texty napravo. U dalšího obráceně.
*/	

.typ-vypis-twins {
	
}

#podbody #portmain .art-middle .typ-vypis-twins .vitem {
  width: 100%;
   
}

#portmain .art-middle .typ-vypis-twins .inn {
  display: flex;
}

#podbody #portmain .typ-vypis-twins .vitem:nth-child(4n+2) .inn, #podbody #portmain  .typ-vypis-twins .vitem:nth-child(4n+4) .inn {
 

  flex-direction: row-reverse;
}

#podbody #portmain .typ-vypis-twins .vitem:nth-child(4n+2) .inn, #podbody #portmain .typ-vypis-twins .vitem:nth-child(4n+4) .inn {
 

  flex-direction: row-reverse;
}

#podbody #portmain .art-middle .typ-vypis-twins .vitem:nth-child(4n+2) .inn .vmini, #podbody #portmain .art-middle .typ-vypis-twins .vitem:nth-child(4n+4) .inn .vmini {
  text-align: left;
}

#portmain .art-middle .typ-vypis-twins .vmini {
  width: 50%;
  text-align: right;
}

#portmain .art-middle .typ-vypis-twins .vitem .wrapitem2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: flex-start;
  justify-content: center;
  width: 50%;
  padding:10px;
  box-sizing: border-box;
  line-height: 1.6em;
}

#portmain .art-middle .typ-vypis-twins .vmini a {
  margin-right: 5%;
  display: inline-block;
  position: relative;
}


#portmain .art-middle .typ-vypis-twins .vdetail a i {
  display: none;
}

#podbody #portmain .art-middle .typ-vypis-twins .vitem img {
 border: solid 1px white;
 position: relative;
  z-index: 5;
  width: auto;
  
}

#podbody #portmain .art-middle .typ-vypis-twins .vitem .vmini a::after {
  content:"";  
 /* width: 188px;
  height: 208px;
  background-image: url(images/sign_03.gif);
display: block;
position: absolute;
  left: -87px;
  top: 160px;*/
 }

 #portmain .art-middle .typ-vypis-twins .vsubj {
 
  font-size: 1.8rem;
 padding: 1em 0px;
  
}


/* 
  ********* typ-vypis-twins2-chess ******** 
	řádek = dvojice dvojčat, Uspořádání do šachovnice
*/	

.typ-vypis-twins2-chess {
	
}

#podbody #portmain .art-middle .typ-vypis-twins2-chess .vitem {
  width: 50%;
   
}

#portmain .art-middle .typ-vypis-twins2-chess .inn {
  display: flex;
}

#podbody #portmain .typ-vypis-twins2-chess .vitem:nth-child(4n+3) .inn, #podbody #portmain .typ-vypis-twins2-chess .vitem:nth-child(4n+4) .inn {
 

  flex-direction: row-reverse;
}

#podbody #portmain  .typ-vypis-twins2-chess .vitem:nth-child(4n+3) .inn, #podbody #portmain  .typ-vypis-twins2-chess .vitem:nth-child(4n+4) .inn {
 

  flex-direction: row-reverse;
}

#podbody #portmain .art-middle .typ-vypis-twins2-chess .vitem:nth-child(4n+2) .inn .vmini, #podbody #portmain .art-middle .typ-vypis-twins2-chess .vitem:nth-child(4n+4) .inn .vmini {
  text-align: left;
}

#portmain .art-middle .typ-vypis-twins2-chess .vmini {
  width: 50%;
  text-align: right;
}

#portmain .art-middle .typ-vypis-twins2-chess .vitem .wrapitem2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: flex-start;
  justify-content: center;
  width: 50%;
  padding:10px;
  box-sizing: border-box;
  line-height: 1.6em;
}

#portmain .art-middle .typ-vypis-twins2-chess .vmini a {
  margin-right: 5%;
  display: inline-block;
  position: relative;
}


#portmain .art-middle .typ-vypis-twins2-chess .vdetail a i {
  display: none;
}

#podbody #portmain .art-middle .typ-vypis-twins2-chess .vitem img {
 border: solid 1px white;
 position: relative;
  z-index: 5;
  width: auto;
  
}

#podbody #portmain .art-middle .typ-vypis-twins2-chess .vitem .vmini a::after {
  content:"";  
 /* width: 188px;
  height: 208px;
  background-image: url(images/sign_03.gif);
display: block;
position: absolute;
  left: -87px;
  top: 160px;*/
 }

 #portmain .art-middle .typ-vypis-twins2-chess .vsubj {
 
  font-size: 1.8rem;
 padding: 1em 0px;
  
}

.typ-vypis-twins2-chess {
	
}

/* 
  ********* typ-vypis-twins2-trinity ******** 
	řádek = dvojice dvojčat. Třetí je pod. Určeno pro výpis třech položek.
*/	

.typ-vypis-twins2-chess {
	
}


/* 
	****** typ-vypis-cubes3 ******** 
  řádek = tři čtverečky, vystředěno. Pod tím řádek s popiskama. 
*/ 

#portmain  .typ-vypis-cubes3 {
	width: 80%;
  margin: auto;
}

#portmain .art-middle .typ-vypis-cubes3 .vsubj {
  font-size: 1.2rem;
  line-height: 1.5rem;
  margin-top: 10px;
  border-bottom: 1px solid;
}

#portmain .art-middle .typ-vypis-cubes3 .vabst {
  padding-top: 15px;
}

/*
	****** typ-vypis-rect4 ******** 
  řádek = tři čtverečky, vystředěno. Pod tím řádek s popiskama. 
*/ 

.typ-vypis-rect4 {
	width: 80%;
  margin: auto;
}

.typ-vypis-rect4 .vitem {
	width: 32%;
  
}


/*
	****** typ-vypis-rect5 ******** 
  řádek = pět obdélníčků, vystředěno. Pod tím řádek s popiskama. 
*/ 

.typ-vypis-rect5 {
	justify-content: center;
}

#podbody #portmain .art-middle .typ-vypis-rect5 .vitem {
	width: 19%;
}




/* -------------------- max. rozlišení pod 1300 px ---------------- */

@media only screen and (max-width: 1299px) {

	

}

/* -------------------- max. rozlišení pod 1023 px ---------------- */

@media only screen and (max-width: 1023px) {
  #podbody #portmain .onecol .vitem {
    margin: 0px auto 10px;
  }
  .sct-std > h4:first-of-type {
    padding: 15px 15px;
    font-size: 1.5rem;
    
  }

  #portmain .art-middle .typ-vypis-twins .vsubj {
    font-size: 1.5rem;
    padding: 0.5em 0px;
  }
  #portmain .art-middle #pgsc-uv-mid .typ-vypis-twins .vitem .vsubj {
    font-size: 1.5rem;
  }

  #portmain .typ-vypis-cubes3, .typ-vypis-rect4 {
    width: 100%;
   
  }

  #podbody #portmain .art-middle .typ-vypis-rect5 .vitem {
    width: 33%;
  }
  .tb-bl-narrow {
    width: 90%;
   
  }

}

/* -------------------- max. rozlišení pod 720 px ---------------- */

@media only screen and (max-width: 800px) {
  #portmain .mbsep img {
  max-width: 50%;
  min-height: 200px;
  object-fit:cover;
 min-width:150px;

 
}


  #portmain .mbsep td img {
  max-width: 100%;
  
}

#portmain .mbsep td p {
  margin-bottom: 10px;
  
}



.grid.grid-pad .mbsep.col-1-2  {
  width: auto;
 
}

#podbody #portmain .art-middle .typ-vypis-twins2-chess .vitem {
  width: 100%;
}
#podbody #portmain  .typ-vypis-twins2-chess .vitem:nth-child(2n) .inn {
  flex-direction:row-reverse;
}
#podbody #portmain  .typ-vypis-twins2-chess .vitem:nth-child(2n+1) .inn, #podbody #portmain .typ-vypis-twins2-chess .vitem:nth-child(2n+1) .inn  {
  flex-direction:row;
}
}

@media only screen and (max-width: 730px) {


}

@media only screen and (max-width: 630px) {
  #portmain .mbsep img {
    min-height: 300px;
   
  }

}

/* -------------------- max. rozlišení pod 480 px ---------------- */
/* treba iPhone7Plus m  414, iPhone6 a 7 375 */

@media only screen and (max-width: 480px) {

  /* sirky */
.tb-bl-narrow {
	width: 95%;
  margin: auto;
}
 /* - */

  #portmain .art-middle .typ-vypis-twins .inn, #portmain .art-middle .typ-vypis-twins2-chess .inn  {
        flex-direction:column;
  } 
  #podbody #portmain  .typ-vypis-twins .vitem:nth-child(4n+2) .inn, #podbody #portmain  .typ-vypis-twins2-chess .vitem:nth-child(2n+1) .inn,  #podbody #portmain  .typ-vypis-twins2-chess .vitem:nth-child(2n) .inn{
    flex-direction:column;
  }
  #portmain .art-middle .typ-vypis-twins .vmini, #portmain .art-middle .typ-vypis-twins .vitem .wrapitem2,   #portmain .art-middle .typ-vypis-twins2-chess .vmini, #portmain .art-middle .typ-vypis-twins2-chess .vitem .wrapitem2 {
    width: 100%;
    
  }
  #portmain .art-middle .typ-vypis-twins .vmini a {
    margin-right: 0%;
    
  }
  #portmain .art-middle .typ-vypis-twins .vmini, #podbody #portmain .art-middle .typ-vypis-twins .vitem:nth-child(4n+2) .inn .vmini, #podbody #portmain .art-middle .typ-vypis-twins .vitem:nth-child(4n+4) .inn .vmini {
       text-align: center;
  }
 

  .rr-box {
        flex-wrap: wrap;
  }
  body .row-mbsep {
   
    flex-direction: column;
  }

  #portmain .mbsep img {
    min-height: auto;
   
  }

  .grid [class^="col-"].mbsep {display:block; float:none; width:auto; margin:0 0 0px 0; padding:0;}
	
		#portmain .mbsep img {
  max-width: 100%;
  
 
}
}

/* -------------------- max rozlišení pod 360 px --------------------------------------------------------------- */
/* treba LG G3 a Samsungy maj  360, iPhone5 320 */

@media only screen and (max-width: 360px) {


}

/* -------------------- max. rozlišení pod 320 px ---------------- */
/* treba iPhone5 m  320 */

@media only screen and (max-width: 320px) {


}