	@media screen and (max-width: 800px) {
			
			.stred {width: auto; padding: 0 10px 0 10px;}
			
			#hlavicka {height: auto;}
			#hlavicka .logo {margin: 15px 0 15px 0;}
			#hlavicka .hlavicka {float: left; margin: 0 0 10px 0;}
			#hlavicka .hlavicka .modul {margin: 0 20px 0 0;}
			
			
			#hlavni-menu.menu-open {display: block;}
			#js-odkaz-menu {float: right; width: 42px; height: 42px; margin: 0; background: #0093dd url('../images/ikonka-menu.png') center center no-repeat; cursor: pointer; margin-top: 30px;}
			
			
			#hlavni-menu {height: auto; overflow: hidden; display: none; width: 100%;}
			#hlavni-menu ul {float: none !important; display: block !important;}
			#hlavni-menu li {float: none !important; display: block !important; border-bottom: 1px solid #115994 !important;}
			#hlavni-menu li a {float: none !important; display: block !important;}
			
			/* vysouvací menu */
			#hlavni-menu .menu > li > ul {position: relative; float: none; width: 100%; margin: 0; border: 0; visibility: visible;}
			
			/* 1. stupeň vysunutí */
			#hlavni-menu .menu > li > ul {width: auto; margin: 0; padding: 0 16px 10px 16px;}
			#hlavni-menu .menu > li > ul li {border-bottom: 0 !important;}
			#hlavni-menu .menu > li > a {border-right: 0;}
			
			/* Ostatní */
			#hlavni-menu .parent > ul {display: none !important;}
			#hlavni-menu .parent .tlacitko {float: right; width: 50px; height: 60px; padding: 0; margin: 0; position: relative; z-index: 2;}
			#hlavni-menu .parent .tlacitko span {float: right; width: 21px; height: 21px; background: url('../images/tlacitko.png') center center no-repeat;
			border: 2px solid #fff; padding: 2px; margin: 18px 18px 0 0}
			#hlavni-menu .parent:hover > ul {display: block !important;}
			#hlavni-menu .parent:hover > ul ul {display: none !important;}
			#hlavni-menu .menu > li > ul > li > .tlacitko {display: none !important;}
			
			
			.ID-navigace .breadcrumbs .nadpis {font-size: 23px; line-height: 34px;}
			
			
			.ID-slider {width: 100%; width: calc(100% - 16px); height: auto;}
			.ID-slider-pravy {width: 100%; width: calc(100% - 30px); padding: 10px 15px 20px 15px; margin: 0 0 21px 0;}
			#slider, .flexslider, .flexslider .slides, .flexslider .slides li {height: auto !important;}
			.flexslider .flex-control-nav {display: block;}
			.flexslider .flex-direction-nav {display: none;}
			.flexslider .slides li img {display: block; float: left; width: 100%; padding: 0; margin: 0;}
			.flexslider .slides .text {display: block; width: auto; padding: 10px 10px 10px 10px; margin: 0; border-radius: 0; position: relative; top: 0;}
			.flexslider .slides .text br {display: none;}
			
			
			.ID-pravy {width: 100%; margin-top: 10px;}
			.ID-pravy .modul {width: 100%; margin: 0 0 15px 0 !important;}
			.ID-pravy .modul .nadpis {padding-bottom: 15px;}
			.ID-pravy .modul-bez-pozadi .modul-obal {padding: 0;}
			.ID-pravy .modul-pozadi .modul-obal {padding: 0;}
			.ID-pravy .modul-pozadi .nadpis {padding: 29px 28px 29px 28px;}
			.ID-pravy .novinky li .pravy {float: none; width: auto; padding: 0 0 0 74px;}
			
			
			.ID-levy {width: 100%; margin-top: 10px;}
			
			
			.fotogalerie {width: 100%;}
			.fotogalerie .clr {display: none;}
			.fotogalerie .foto .nazev {height: 51px;}
			
			
			#boxy .modul {width: 46%; margin: 0 4% 10px 0;}
			
			#boxy .modul:nth-child(2n+1) {clear: left;}
			
			#paticka {padding: 15px 0 15px 0;}
			
			img, iframe {max-width: 100% !important; height: auto !important;}
			
	}
	
	
	@media screen and (max-width: 600px) {
			
			.kontaktni-formular textarea {width: 262px;}
			.kontaktni-formular .pole label {width: 100%;}
			.kontaktni-formular .button {margin: 0;}
			
	}
	
	
	@media screen and (max-width: 400px) {
			
			#hlavicka .logo {width: 75%;}
			#js-odkaz-menu {margin-top: 20px}
			#hlavicka .hlavicka .modul {margin: 0; line-height: 20px; font-size: 15px;}
			#hlavicka .hlavicka span {font-size: 18px;}
			
			#boxy .modul {width: 96%;}
			.fotogalerie .foto {margin-right: 10px;}
			
	}
	
	
	@media screen and (max-width: 320px) {
			
			.stred {width: 300px; padding: 0 10px 0 10px;}
			
	}
