.showOn, .menu .open, .respH{ display: none; }



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



	html,body{  margin: 0; padding: 0; min-width: 290px;  }

	#base{ position: relative; padding: 0 0;}


	.topBar-in, .header-in, .main-in, .footer-in{ width: auto; margin: 0;  position: relative;  }
	.topBar{ position: fixed; top: 0; left: 0; width: 100%; background: white; z-index: 100; }
	
	.topBar-in{ background: white; padding: 10px 15px; -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1); }

	.main-in{ background: white;  padding: 30px 15px; }
	.midCol, .rightCol, .leftCol{ float: none; }
	.leftCol{ width: 100%; margin-left: 0; padding-top: 30px;}
	.midCol{ margin-left: 0; width: 100%; overflow: hidden; padding-left: 0; }
	
	.header{ padding-top: 37px; }
	.footer p {  padding: 15px 0 0; }
	
	.topBar-in{justify-content: flex-end;}
	
	.h{ display: none; }
	.respH{ display: block; width: 100%; height: auto; }
	.header-in .logo{ background: transparent none; height: auto; }
	.logo{ display: none; }
	
	.lang  { top: 5px;}

	.row{ margin-left: -15px !important ; margin-right: -15px !important ; }
	.row div[class^="col"] { padding-left: 15px !important; padding-right: 15px !important; }
	.row-pad5 div[class^="col"] { padding-left: 5px !important; padding-right: 5px !important; }
	.row-pad10 div[class^="col"] { padding-left: 10px !important; padding-right: 10px !important; }
	.row-pad5{ margin-left: -5px !important ; margin-right: -5px !important ; }
	.row-pad10{ margin-left: -10px !important ; margin-right: -10px !important ; }

	img[src*="wysiwyg_thumbs"]{ width: 100% !important; max-width: 50%; height: auto !important; }


	.footer div[class^="col"]{ padding: 0 15px; float: none; text-align: center !important ; width: 100%; float: none; margin: 3px 0;  }


	.showOn{  display: block; position:  absolute; right: -40px; top: 0; cursor: pointer; text-transform: uppercase; z-index: 1000;  padding: 6px 5px;  margin: 0;  width: 40px; background: #c76627; }
	.showOn span{ background: white; display: block; height: 3px; margin:3px 0;  }

	.menu{display: block; position:  fixed;  margin: 0; padding: 0; left: -240px; top: 7px; padding-bottom: 0;  z-index: 1000;  height: 100%; width: 240px; }
	.menu ul{ display: block; }
	.menu li{ float: none; margin: 0; padding: 0;}
	.menu li a{ background: #c76627; color: white; text-align: left; line-height: 1.2em; padding: 13px 50px 13px 15px; border-bottom: 1px solid rgba(255,255,255,.2); }
	.menu li a:hover{ background: #a0531f; color: white; }
	.menu ul ul{ position: static; background: #a0531f;  min-width: 0; padding-top: 0; -webkit-opacity: 1; -moz-opacity:1; opacity: 1;  visibility: visible; border-bottom: 1px solid rgba(255,255,255,.2); }
	.menu ul ul a{ text-transform: none; font-size: 1em; border: 0;  padding: 4px 4px 4px 15px; background: #a0531f; border: 0;}
	.menu ul ul a:hover{ text-decoration: underline; }
	.menu ul ul ul{ border: 0; }
	.menu.rozbal{ left: 0; }

	.menu,  .showOn{ -webkit-transition: left 0.4s ease-out; -moz-transition: left .4s ease-out; -o-transition: left .4s  ease-out; transition: left .4s ease-out; -webkit-transition-delay: 0; transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0; }
	.menu-in { max-height: 100%; height: 100%; overflow: auto; background: #c76627;}
	.menu ul ul{ display: none; }
	.menu .rozbal>ul{ display: block; }
	.menu .subex .open:before{ content: "\f107"; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; font-size: 20px; line-height: 44px;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.menu .subex .open{color: rgba(255, 255, 255, .7); display: block; position: absolute; z-index: 5; right: 0; top: 0; z-index: 800; cursor: pointer;  width: 44px; text-align: center; line-height: 44px; height: 44px;}
	.menu .subex .open:hover{  color: rgba(255, 255, 255, 1); }
	.menu .rozbal.subex .open:before{ content: "\f106"; }
	.menu .rozbal>a{  border: 0; background: #a0531f; color: white;  }
	.menu ul ul:before{ display: none; }
	.menu ul ul a, .menu li:hover a, .menu a.aktivni{ color: white !important;  text-decoration: none; }
	.menu ul ul .rozbal > a{ color: white; }
	.menu ul ul .subex .open{ line-height: 23px; height: 23px; }
	.menu ul ul .subex .open:before{ line-height: 23px; }
	.menu .rozbal.subex ul .open:before{ content: "\f107"; }
	.menu ul ul ul a{ padding: 4px 4px 4px 20px; background-image: none !important; border: 0; }
	
	.menu a:hover, .menu .rozbal > a, .menu a.aktivni{ background: #a0531f; }
	
	.box{ margin: 20px 0; padding: 0 0; }
	
	.banner-img, .box{ display: none; }


}

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

	.col-4{ width: 50%; }
	.col-6, .col-5, .col-7{ width: 100%; float: none; margin: 1.2em 0; }

	.topNav{display: none;}
}

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

	.clanek img{ float: right; max-width: 235px; height: auto; margin-right: 25px; border: 1px solid #d9dadb; width: 50%; }


	.col-4, .col-3, .col-5, .col-6, .col-7, .col-2, .col-8{ width: 100%;  margin: 10px auto;   float: none;}

	.potvrzeni{ top: 10%;  max-width: 280px; margin-left: -140px;}
	.potvrzeni .btn{ float: none !important; display: block; margin: 10px auto; text-align: center; width: auto; }

	table.tab, table.tab tr, table.tab td, table.tab th, tbody,	table[border="1"], table[border="1"] tr, table[border="1"] td, table[border="1"] th{ display: block; width: 100% !important; text-align: left !important; border: 0; background: transparent; }
	thead{ display: none; }
	table.tab tr, table[border="1"] tr{ border-bottom: 1px solid #eaeaea; padding: 10px 0; }
	table.tab, table[border="1"]{ border-top: 1px solid #eaeaea; }
	table.tab td:empty, table.tab th:empty, table.tab tr:empty, table[border="1"] td:empty, table[border="1"] th:empty, table[border="1"] tr:empty{ display: none; }
	table.tab tr:nth-of-type(even){ background-color: #F8f8f8;  }
	

	
	
	.obr, .obr2{ float: none; width: 100%; height: auto; }
	
	.search input{ border-right: 0;  width: 100%; max-width: 60%; min-height: 0;  }

}