.topNav .open{ display: none; }


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

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


	.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; }

	
	.header-in .logo img{  width: 100%; height: auto; max-width: 745px; }
	.header-in .logo2 img{  width: 40px; height: auto; max-width: 40px; }
	.header-in .logo2 .bread{display:none;}
	.topNav .fa-times { line-height: 70px; padding-right: 10px; }
	
}
@media screen and (max-width: 990px){

	.showOn{ line-height: 52px;}
	.mutace a{line-height: 50px;}

    .search{padding: 20px 0; display: block; width: 100%; }
    .search button{ top: 20px; }


    .topBar-in, .header-in, .main-in, .footer-in{ padding-left: 15px; padding-right: 15px; }
	.leftCol{ left: 15px; top: 130px; }

	.topNav .fa-times { line-height: 50px; }
	.topNav .mutace { padding: 8px 0; position: absolute; top: 0;}

	.item, .product{  width: 50%; }
	.item:nth-of-type(2n+1){ clear: left; }

	.main{ padding: 130px 0 20px 0; }
	.footer{ position: static; }
	.HPindex .footer{ position: fixed; }
	.mapMenu{ display: block; max-width: 100%; position: static; }
	
}

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

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

	.showOn{ line-height: 42px; width: auto; padding: 0 10px; margin-left: 5px;}
	.topCont .mutace{ display: none; }
	.header-in{  display: table; table-layout: auto; width: 100%; }
	.header-in .logo{ padding-right: 25px; }
	.footer .col-4{ width: 100%; float: none; text-align: center; }
	.footer .con{ text-align: center; }

	.leftCol{ position: static; left: auto; top: auto; width: 100%; padding-bottom: 0; margin-top: 20px; }
	.midCol{   max-width: 800px; margin-left: 0; }	
	
	
	.kontakt{ display: block; }
	.kontakt1, .kontakt2{ display: block; width: 100%; }
	

	.mapCont{ margin-top:55px; }
		
}


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

    table {width: 100% !important;}
    table tr{display:block;}
    table tr td{display:block; width: 100% !important;;}

	.main{ padding-top: 100px; font-size: .9em; }

	.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{ display: block; width: 100% !important; text-align: left !important; border: 0; background: transparent; }
	thead{ display: none; }
	table.tab tr{ border-bottom: 1px solid #eaeaea; padding: 10px 0; }
	table.tab{ border-top: 1px solid #eaeaea; }
	table.tab td:empty, table.tab th:empty, table.tab tr:empty{ display: none; }
	
	.showOn i{ display: none; }
	.topNav .topNavUl i, .topNav .topNavUl ul a:before{ display: none; }
	.topNav .topNavUl ul a{ padding: 12px 20px; line-height: 1.25em; }
	.search input{ padding-top: 15px; padding-bottom: 15px; }
	.search button{  border: 0; color: white; width: 72px; height: 52px; line-height: 32px; font-size: 22px;  }
	
	.slideXX{ padding-bottom: 100px;  }
	.footer{ font-size: .75em; }

}