/* =============================
21. Media queries 
============================= */

@media (min-width: 980px) and (max-width: 1240px) {

.program-area-text {
width:100%;
height:160px;

}

.program-area {
width:100%;
height:160px;

}
  
  .cas {
width:30%;
margin-left:10%;
margin-top:10px;
}

.kdo {
width:350px;
margin-left:10%;
margin-top:10px;
}

.kdo-img {
margin-left:40px;
}

.prog-text {
width:70%;
margin-left:5%;
}

.a-ikon {
width:80px;

}

.a-ikon img {
margin-left:45%;
}

}

@media (min-width: 768px) and (max-width: 979px) {

	a.detail{
		background:none;
		width:100%;
	}


	
	footer .widget form  input#appendedInputButton {
		  display: block;
		  width: 91%;
		  -webkit-border-radius: 4px 4px 4px 4px;
			 -moz-border-radius: 4px 4px 4px 4px;
				  border-radius: 4px 4px 4px 4px;
	}
	
	footer .widget form  .input-append .btn {
		  display: block;
		  width: 100%;
		  padding-right: 0;
		  padding-left: 0;
		  -webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				  box-sizing: border-box;
				  margin-top:10px;
	}

	ul.related-folio li{
		width:156px;
		margin:0 20px 0 0;
	}	
  
  .news-text {
  width:100%;
  height:50px;
  }
  
  .mini-text {
   width:80%;
  height:100px;
  }
 
.program-area-text {
width:100%;
height:230px;

}  
.program-area {
width:100%;
height:230px;

}
  
  .cas {
width:30%;

margin-top:10px;
}

.kdo {
width:350px;
margin-left:10%;
margin-top:10px;
}

.kdo-img {
margin-left:40px;
}

.prog-text {
width:100%;
margin-left:5%;
}

.a-ikon {
width:100%;
}

.a-ikon img {
margin-left:45%;
}
  
  
}

@media (max-width: 767px) {

  body {
    padding-right: 0;
    padding-left: 0;
  }
	.navbar-brand {
		margin-top: 10px;
		border-bottom: none;
	}
	.navbar-header {
		margin-top: 20px;
		border-bottom: none;
	}
	
	.navbar-nav {
		border-top: none;
		float: none;
		width: 100%;
	}

	header .navbar-nav > li  {
		padding-bottom: 0;
		padding-top: 0;
	}
	
	header .nav li .dropdown-menu  {
		margin-top: 0;
	}

	.dropdown-menu {
	  position: absolute;
	  top: 0;
	  left: 40px;
	  z-index: 1000;
	  display: none;
	  float: left;
	  min-width: 160px;
	  padding: 5px 0;
	  margin: 2px 0 0;
	  font-size: 13px;
	  list-style: none;
	  background-color: #fff;
	  background-clip: padding-box;
	  border: 1px solid #f5f5f5;
	  border: 1px solid rgba(0, 0, 0, .15);
	  border-radius: 0;
	  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
			  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}
	

	
	.navbar-collapse.collapse  {
		border: none;
		overflow: hidden;
	}

	
	.box {
		border-bottom:1px solid #e9e9e9;
		padding-bottom:20px;
	}



	
	ul.portfolio li article a i.icon-48{
		width:20px;
		height:20px;
		font-size:16px;
		line-height:20px;
	}


	.left-sidebar{
		border-right:none;
		padding:0 0 0 0;
		border-bottom: 1px dotted #e6e6e6;
		padding-bottom:10px;
		margin-bottom:40px;
	}
	
	.right-sidebar{
		margin-top:30px;
		border-left:none;
		padding:0 0 0 0;
	}
	
	
	footer .col-lg-1, footer .col-lg-2, footer .col-lg-3, footer .col-lg-4, footer .col-lg-5, footer .col-lg-6, 
	footer .col-lg-7, footer .col-lg-8, footer .col-lg-9, footer .col-lg-10, footer .col-lg-11, footer .col-lg-12{
		margin-bottom:20px;
	}

	#sub-footer ul.social-network {
		float:left;
	}
	

	
  [class*="span"] {
		margin-bottom:20px;
  }
  
  .nadpis-text {
   height:100%;
 }
 
  .news-text {
  width:100%;
  height:50px;
  }
  
  .mini-text {
   width:100%;
  height:100px;
  }
  
/* =============================
   detail akce responsivni  mobil
============================= */
.podnadpis {
margin-top:20px;
}

.detail-levo {
width:100%;
margin-left:-10px;
}

.detail-stred {
width:100%;
margin-top:20px;
margin-left:-10px;
}

.detail-pravo {
width:100%;
margin-top:20px;
float:right;
margin-right:8px;
} 

.program-text {
width:100%;
} 

.prednasejici {
 width:80%;
 margin-left:10%;
 
}

.program-area-text {
width:100%;
height:280px;

}
.program-area {
width:100%;
height:280px;

}

.cas {
width:100%;
margin-left:35%;
margin-top:10px;
}

.kdo {
width:350px;
margin-left:10%;
}

.kdo-img {
margin-left:40px;
}

.prog-text {
width:100%;
margin-left:5%;
}

.a-ikon {
width:100%;
}

.a-ikon img {
margin-left:45%;
}
 

}

@media (max-width: 480px) {
	.bottom-article a.pull-right {
		float:left;
		margin-top:20px;
	}

   .nadpis-text {
   height:100%;
 }
 
 
  #newsletter {
height:340px;
}
 
  .news-text {
  width:98%;
  height:80px;
  }
  
  .mini-text {
   width:98%;
  height:100px;
  }
  
  .btn  {
   margin-top:10px;
  }




	.cta-text {
		margin:0 auto;
		text-align:center;	
	}
	
	ul.portfolio li article a i{
		width:20px;
		height:20px;
		font-size:14px;
	}
  
  .logo-pata {
  width:100%;  
  }
  
  .logo-pata img {
  margin-left:35%;
  }
  
   .copyright {
   width:98%;
   text-align:center;
margin-top:10px;
}

  footer{
 height:330px;
}

/* =============================
   detail akce responsivni  mobil
============================= */
.podnadpis {
margin-top:20px;
}

.detail-levo {
width:100%;
margin-left:-10px;
}

.detail-stred {
width:100%;
margin-top:20px;
margin-left:-10px;
}

.detail-pravo {
width:100%;
margin-top:20px;
float:right;
margin-right:8px;
}

.program-text {
width:100%;
}

.prednasejici {
 width:80%;
 margin-left:10%;
 
}

.program-area-text {
width:100%;
height:350px;

}
.program-area {
width:100%;
height:350px;

}

.cas {
width:100%;
margin-left:30%;
margin-top:10px;
}

.kdo {
width:100%;
}

.kdo-img {
margin-left:40px;
}

.prog-text {
width:100%;
margin-left:5%;
}

.a-ikon {
width:100%;
}

.a-ikon img {
margin-left:45%;
}


}

@media (max-width: 360px) {

 .nadpis-text {
   height:100%;
 }

 .kontakt-stred {
  width:100%;
  margin-left:0px;
 }
 
 .kontakt-pravo {
  width:100%;
  margin-right:0px;
 }

#newsletter {
height:370px;
}

 .news-text {
  width:100%;
  height:100px;
  }
  
  .mini-text {
   width:100%;
  height:100px;
  }
  
  .log  {
   width:85%;  
  }
  
  .btn  {
   margin-top:10px;
  }


footer{
 height:370px;
}

.copyright {
width:90%;
text-align:center;
}



/* =============================
   detail akce responsivni  mobil
============================= */

.podnadpis {
margin-top:20px;
}

.detail-levo {
width:100%;
margin-left:-10px;
}

.detail-stred {
width:100%;
margin-top:20px;
margin-left:-10px;
}

.detail-pravo {
width:100%;
margin-top:20px;
float:right;
margin-right:8px;
}

.program-text {
width:100%;
}

.prednasejici {
 width:100%;
 margin-left:0px;
}

.a-ikon {
width:100%;
}

.a-ikon img {
margin-left:45%;
}
.program-area-text {
width:100%;
height:400px;
}

.program-area-text img {
 margin-top:-7px;
}

.program-area {
width:100%;
height:400px;
}

.program-area img {
 margin-top:-7px;
}

.partner-levo {
width:100%;
margin-top:40px;
margin-left:-5px;
}

.program-container {
margin-top:20px;
margin-top:40px;
}

.partner-stred {
width:100%;
margin-top:40px;
margin-left:-5px;
}

.partner-pravo {
width:100%;
margin-top:40px;
float:left;
}

.obec-text {
width:100%;
}

.poplatky {
width:100%;
margin-left:10px;
}

.slevy {
width:100%;
margin-left:10px;
}

.t-info {
 width:100%;
}

.post-info {
width:100%;
margin-top:20px;
}

.slevy-container  {
width:100%;
float:left;
background:#f5f5f5;
padding:20px;
}

.den {
font-size:14px;
}

.detail-odkazy {
font-size:14px;
}

.cas {
width:100%;
margin-left:25px;
}

.kdo {
width:100%;
}

.kdo-img {
margin-left:40px;
}

.prog-text {
width:100%;
}

.video-levo {
width:99%;
min-height:350px;
float:left;
margin-left:8px;
margin-top:10px;

}

.video-stred {
width:99%;
min-height:350px;
float:left;
margin-left:8px;
margin-top:10px;
}

.video-pravo {
width:99%;
min-height:350px;
float:left;
margin-left:8px;
margin-top:10px;
}

.video-okno img {
 width:95%;
}

.aktuality {
width:100%;
margin-left:5px;
}

.tweety {
width:100%;
margin-left:10px;
}

.nadpis-widgt {
width:100%;
text-align:center;
}

.widgt-text {
width:100%;
float:left;
margin-left:0px;
}

.odstavec-left {
width:100%;
margin-left:0px;
}

.text-sluzby {
width:100%;
margin-left:10px;
}

.textik-v {
width:95%;
}

.textik-s {
width:93%;
float:left;
}

.spodni-text {
width:90%;
height:290px;
margin-left:10px;
padding:0px;
}

.reg-levo {
width:100%;
}

.reg-pravo {
width:100%;
 text-align:center;
padding:0px;
}

.reg-blue {
width:100%;
padding:0px;

}

.reg-blue input {
width:90%;

}

 .reg-blue select {
width:90%;
margin-top:20px;
margin-left:10px;
}

.reg-blue textarea {
 width:90%;
 margin-left:10px;
}

.mini-reg-odkaz  {
float:left;
margin-left:20px;
margin-top:20px;
}

.pridat-u {
float:left;
margin-left:10px;
}

.reg-pravo-cena {
width:100%;
}

.odeslat-reg {
margin-left:10px;
}


}

.carousel-caption {
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   display: flex;
   align-items: center;
   justify-content: center;
}