.flex-caption {
  
}
body .row-slider {
  display: grid;
  grid-template-columns: 1fr;   /* ? jeden sloupec */
  grid-auto-flow: row;          /* ? skládat pod sebe */
  position: relative;
 
}

.row-slider > section.slider {
 grid-row: 1;
  grid-column: 1;
}
#takobal {
  grid-row: 1;                
  grid-column: 1;             
  align-self: end;            
  margin-bottom: 130px;       
  justify-self: start;   
  margin-left:  max(calc(50vw - 600px),15px);    /* nebo start/end */
  z-index: 10;
}

#takobal h2, #takobal p {
 margin: 10px 0;
}

@media only screen and (max-width: 1700px) {
 #takobal {
  
  justify-self: end;
  margin-right: max(calc(50vw - 600px),15px);
}
}

@media (max-width: 800px){
 body  .row-slider{
    grid-template-rows: auto auto;  /* dva řádky */
    background-color: #f7f7f0;
  }

  .row-slider > section.slider{
    grid-row: 1;
  }

  .row-slider > #takobal{
    grid-row: 2;
    align-self: start;
    
    margin-bottom: 15px;
    margin-top: 15px;
    border: none;
  }
}

#takobal   {
  
 
  border: solid 1px;
 z-index: 100;
 
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.72);
 
  box-sizing: border-box;
}

#takt-text   {
  color: #c6c6c6;
}

#takobal button {
 background-color: #c79e50;
 background-color: #146931;
  border: none;
  color: white;
  padding: 2px 6px 4px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: -4px -4px;
  cursor: pointer;
}

/*#takt button::after {
 
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 25px;
  content: "\f00d";
  display: block;
}*/


#butobal {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

#takt-obr  {
 float: left;
 margin-right: 10px;

}

#takt-obr img  {
  max-width: 100%;
 
 }

/*.flex-container {
 
  height: 600px;
}*/

.flexslider .slides img {
 
/*  height: 600px;*/
  object-fit: cover;
  object-position: top;
}
li.flex-active-slide .flex-caption span.obal span.obal2 {
  
  display: inline-block;
  
}

@media only screen and (max-width: 600px) {
  .flexslider .slides img {
     height: 200px;
     }
     .flex-container {
 
     /* height: 400px;*/
    }
    #takobal   {
    
      width: calc(100% - 30px);
    box-sizing: border-box;

   position: static;
   margin: 15px;

   
  }
  #takt-obr {
    float: none;
    margin-right: 0px;
        }
        #takobal button {
         
          display: none;
        }
}

@media only screen and (min-width: 600.9px) {
  .flexslider .slides img {
   /* height: 600px;*/
    }
    .flex-container {
 
    /*  height: 600px;*/
    }
    #takobal   {
     
    width: min(50vw,600px);
    
  }
 
@media only screen and (max-width: 1300.0px) {
 .flexslider .slides img {
    height: 400px;
    }
}
  @media only screen and (max-width: 1023.9px) {

    @media only screen and (min-width: 600.9px) {
.flexslider .slides img {
    height: 300px;
    }
      }
   /* #takt-obr {
      float: none;
      margin-right: 0px;
          }*/

  #takobal   {
    
    width: calc(100% - 30px);
   /* left: 15px;*/
    width: calc(100% - 30px);
    box-sizing: border-box;
    position: static;
    margin: 15px;
  margin-bottom: 65px;
  
  }
}

}
/* -------------------- max.rozlišení pod 480 px ---------------- */
/* treba iPhone7Plus má 414, iPhone6 a 7 375 */

@media only screen and (max-width: 480px) {

	

	#podbody #portmain .vitem {
		width: 100% !important;
		clear: left !important;;
	}
	
	
}