@media (max-width: 1200px) {
	
	.container,
	.container.nopadding {width: auto;}
	
	#uvod-volby {
		h1 {/*padding: 0 100px 80px 0 !important;*/}
		.bezpalce {padding: 0 !important;}
	}
	
}

@media (max-width: 1100px) {
	header .main-nav ul li a {margin-left: 18px; margin-right: 18px;}
}

@media (max-width: 990px) {	
	
	body {overflow-x: hidden;}
	
	header {text-align: center;
		.logopic {margin-left: 34px;}
		.main-nav {display: none;}
		.mobile-nav {display: block;}
	}
	
	#uvod {
		p {width: 90%;}
	}
	
	#uvod-volby {
		.container {padding-bottom: 30px; background: url("../pics/MirekZbanek_2_volby.jpg") right top no-repeat;}
		.block-left {width: 100%; padding: 44px 0 0 0;
			h1 {margin: 0 0 25px 0; /*padding: 0 100px 80px 0;*/ font-size: 420%;
				/*background: url("../pics/to-vam-garantuji.png") right bottom no-repeat;*/}
			.bezpalce {background: none; padding: 0;}
			p {font-size: 160%; width: 55%; margin: 0 0 14px 0; text-align: left;}
			.primator {margin-bottom: 40px;}
			.but {margin: 0 30px 15px 0;}
		}
	}
	

	#clanek {
		.hlavnifoto {width: 90% !important;}
		#fotogalerie {width: 90% !important;
			.col {display: inline-block; width: 49%;}
		}
		.text {
			blockquote p {width: 90% !important;}
		}
	}
	
	#pridejtese, #lide {
		div.anotace {float: none; width: 100%;}
		.img {float: none; width: 100%;}
	}
	
	#clanek.program {
		.block {display: block; width: 80%; margin: 0 auto;}
	}
	
}

@media (max-width: 800px) {
	#kalendar {margin-bottom: 50px;
		/*.col {display: inline-block; width: 50%;}
		.col3 {display: none;}*/
	}
}

@media (max-width: 768px) {

	h1 {line-height: 100%;}
	
	header {
		.logopic {margin-left: 0;
			.logo {margin-right: 0;}
			.pic {display: none;}
		}
	}
	
	#uvod {padding-top: 0;}
	
	#uvod-volby {
		.container {padding-bottom: 360px; background: url("../pics/MirekZbanek_3_volby.jpg") center bottom no-repeat;}
		.block-left {float: none; width: 100%; padding: 15px 0 0 0;
			h1 {display: block; margin: 0 0 25px 0; /*padding: 0 0 100px 0 !important;*/ font-size: 420%; text-align: center;
				/*background: url("../pics/to-vam-garantuji.png") center bottom no-repeat;*/}
			.bezpalce {background: none; padding: 0 !important;}
			p {font-size: 160%; width: 100%; margin: 0 0 14px 0; text-align: center;}
			.primator {margin-bottom: 40px;}
			.buttons {text-align: center;}
			.but {margin: 0 15px 15px;}
		}
	}
		
	#program-nav {display: none !important;}
	.sticky {display: none !important;}
	.sticky + .block {padding-top: 10px !important;}
	
	#kalendar {
		.items {display: block !important;}
		.col {display: block; width: 100%;}
	}
	
	#clanky, #clanky-vypis, #clanek.kandidati {
		.items {display: block !important;}
		.col {display: block; width: 100%;}
	}
	
	#nasilide {
		.items {display: block !important;
			.nadpis {text-align: center !important; background-position: center bottom !important;}
			ul li a {display: block !important; text-align: center !important;}
		}
		.col {display: block; width: 100%;}
	}
	
	#clanek {
		.hlavnifoto {width: 100% !important;}
		#fotogalerie {width: 100% !important;
			.col {width: 100% !important;}
		}
		.text {
			blockquote p {width: 100% !important;}
		}
	}
	
	#formular {
		.pridejteseform {
			.pridejtese-form {margin: 30px 0 20px;
				.cell {display: inline-block; padding: 0 15px; width: calc(~"80% - 30px");}
			}
			.osobniudaje {display: inline-block; text-align: left; padding: 15px 15px 0; width: calc(~"80% - 30px");}
		}
	}
	
	#lide-zastupiteleSMOL {
		h4 {text-align: center;}
		ul {text-align: center;
			li {margin-left: 10px; margin-right: 10px;}
		}
	}
	
	.lide-icons {text-align: center;
		li {width: 100%; margin-right: 0;}	
	}
	
	#clanek.program {
		.block {display: block; width: 90%; margin: 0 auto;}
	}
}

@media (max-width: 600px) {
	
	#uvod {
		p {margin-bottom: 24px;}
	}
	
	#photos1 {margin-top: 30px;}
	
	/*#kalendar {
		.items {display: block !important;}
		.col {display: block; width: 100%;}
		.col1 {margin-bottom: 15px;}
		.col3 {display: none;}
	}*/
	
	#formular {
		.pridejteseform {
			.pridejtese-form {margin: 30px 0 20px;
				.cell {display: inline-block; padding: 0 15px; width: calc(~"100% - 30px");}
			}
			.osobniudaje {display: inline-block; text-align: left; padding: 15px 15px 0; width: calc(~"100% - 30px");}
		}
	}

}