.menu-resp {
	display: none;
}
@media only screen and (max-width: 1280px){
	
	.pagekontakt {
		width: 63%;
		margin: 0px 0px 30px 2%;
	}
	.pagefotto {
		width: 33%;
		margin-right: 2%;
		margin-top: 135px;
	}
}

@media only screen and (max-width: 1260px){
	
	#header,
	
	#footer,
	.right {
		padding: 0px 15px;
	}
	.menu {
		padding: 0px 5px;
	}
	.pad {
		padding: 0px;
	}
}
@media only screen and (max-width: 1190px){
	.citat {
		margin-top: 70px; 
	}
}
@media only screen and (max-width: 1072px){
	#menu ul li a {
		padding: 3px 15px 10px 0px;
	}
	.citat {
		margin-top: 40px; 
	}
}

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

	#menu ul li a {
		padding: 3px 0px 10px 0px;
	}
}

@media only screen and (max-width: 990px){
	
	#header {
		background: none;
	}
}
@media only screen and (max-width: 951px){
	
	.foot-kontakt {
		margin-top: 0px;
	}
}
@media only screen and (max-width: 917px){

	.lang {
		margin-top: -40px;
	}

}

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

	.citat {
		margin-top: 50px; 
	}
}
@media only screen and (max-width: 845px){
	
	.foot-kontakt {
		float: none;
		margin: 0px auto;
		width: 100%;
	}
	.google-maps {
		width: 100%;
	}
	#footer_text {
		text-align: center;
	}
	.home {
		display: none;
	}
	.zprava p {
		width: 100%;
		text-align: center;
	}
}
@media only screen and (max-width: 817px){

	#menu ul li a {
		padding: 3px 0px 10px 0px;
	}
	.slogan {
		max-width: 300px;
	}
	.pagekontakt {
		float: none;
		width: 100%;
	}
	.pagefotto {
		float: none;
		width: 75%;
		margin: 0px auto;

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

	.menu-resp {
		display: block;
	}
	#menu {
		display: none;
		height: auto;
		background: none !important;
	}	
	#menu ul {
		display: block;
	}
	#menu ul li {
		display: block;
		float: none;
		background: #fff;
		color: #007A4D;
		border-bottom: 1px solid #007A4D;
	}
	
	#menu ul li:hover {
		background: #007A4D;
		color: #007A4D;
	}
	#menu ul li a {
		display: block;
		background: none;
		border-left: none;
		color: #007A4D;
		margin: 0px auto;
		width: 100%;
	}

	
	#menu ul li a:hover {
		color: #fff;
		width: 100%;
		background: none;
		text-decoration: none;
		}
	#menu ul li.first {
		border-bottom: none;
	}
	#menu ul li.first a{
		display: none;
	}
	#menu ul li .active {
		color: white;
	}
	.slogan {
		display: none;
	}
	#slideshow2 {
		display: none;
	}
	.lang {
		margin-top: -40px;
	}
	.logo {
		width: auto;
		display: none;
	}
	.citat {
		float: none;
		width:auto;
		
	}
	.myslider {
		float: none;
		width: 100%;
	}
	.hp-obsah {
		float: none;
		width: 100%;
	}
	.odsad {
		margin-left: 0px;
	}
}

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


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

	.fontsize td, .fontsize th {
    	font-size: 18px;
    	display: block;
	}
	.teha {
		padding-left: 0px;
		margin-bottom: 20px;
	}
	.roluj {
		display: block;
	}


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

	
	.form2 a {
		padding-left: 0px;

	}
	.form2 tr {
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 600px){
	.form2 {
		width: auto;
		padding: 0px 25px;
	}
}
@media only screen and (max-width: 500px){
	.float2 {
		margin-top: 25px !important;
	}
}
@media only screen and (max-width: 460px){

	#menu,
	body {
		background: none;
	}
	#header .corp a {
		background-position: center;
		width: 100%;
	}
	#header {
		height: auto;
	}
	.logo {
		width: auto;
		display: none;
	}
	.lang {
		margin:25px 0px;
		width: 100%;
	}
	.lang a {
		width: 100%;
	}
	.header-kontakt {
		width: 100%;
		display: block;
		text-align: center;
	}
	.header-kontakt span {
		color: #007A4D;
		text-align: center;

	}
	.menu-resp {
		display: inline-block;
		width: 100%;
		height: auto;
	}
	.form2 {
		margin-left: 0px;
	}
	.float2 {
		width: 100%;
		float: none;
		margin: 0px auto;
	}
	.circle  {
		padding-right: 15px;
	}
	.two2 {
		margin-top: 20px;
	}
}
@media only screen and (max-width: 460px){
	.form2 a {
		font-size: 14px;
	}
}