@media screen and (max-width: 1180px) {
   
    .panel {width: 100%;}  
   
	.header, 
	.slider, 
	.middle, 
	.teaser, 
	#photo, 
	.info_footer, 
	.footer, 
	#kontakt #map{
		min-width: 100% ;
	}
   
}

@media screen and (max-width: 1050px) {
			.slider_info {
				top: 60px;
				height: auto;
				font-size: 16px;
			}	
}


@media screen and (max-width: 960px) { 
		   .header .header_top {
					height: auto; 
					padding-top: 60px;
					padding-bottom: 30px;
				}
			.header .header_top .logo,
			.header .header_top .header_info	{
				display: block;
				width: 100%;
				float: none;
				text-align: center;
			}
			.header .header_top .header_info ul li:first-child{
				padding-left: 0px;
			}	
			#main_nav {
				box-sizing: content-box;
				position: fixed;
				top: 0;
			}		
			.header .header_top .header_info ul {
				text-align: center;
			}
			.slider_info {
				top: 30px;	
				font-size: 14px;
			}
			#kontakt .contact_info_box p {
				font-size: 14px;
			}
			
			.nine-columns {
				float: none;
				width: 100%;
				padding-bottom: 20px;
				padding-right: 0px;
			}
			
}


@media screen and (max-width: 770px) {
	
			.more {
				display: block;
				text-align: center;
			}
			
			.header .header_top{
				padding-top: 50px;
			}
			.three-columns {
				float: none;
				width: 100%;
				padding-bottom: 20px;
				padding-right: 0px;
			}
			
			.middle .three-columns .big_img {
				float: left;
				width: 25%;
			}
			.middle .three-columns .responsive {
				float: left;
				width: 75%;
				padding-left: 20px;
			}
			.middle .three-columns .responsive h2 {
				margin-top: 0px;
			}
			.contact_info_box, .slider_info {
				display: none;
			}
			#kontakt .contact_left, #kontakt .contact_right  {
			float: none;
			width: 100%;
			}	
			
}

@media screen and (max-width: 670px) {
	
	.header .header_top	{padding-bottom: 0px; padding-top: 20px;}
	.header_info ul, .slider_info, #slider, .big_img  {
		display: none;
	}		
	nav ul li a{
		display: block;
	}
		nav ul li a:hover {
			background: #f7c51e;
			border-color: #f7c51e;
			color: #000;
		}
	#toggle {
		padding: 10px;
		display: block;
		cursor: pointer;
		z-index: 1000;
		width: 100%;
		background: #f7c51e;
		position: fixed;
		top: 0;
		text-align: center;
		border: 1px solid #999999;
	}
	#main_nav{
		display: none;
		position: fixed;
		top: 40px;
	}
	
	
	.middle .three-columns .responsive {
		float: none;
		width: 100%;
		padding-left: 0;
	}
		
		
	

		.news .moj_post {
			display: block;
			width: 100%;
			float: none;
		}
			.news li.moj_post:nth-child(2n){
				padding-left: 0px;
			}
			.news li.moj_post:nth-child(2n+1){
				padding-right: 0px;
			}
		
		
}

@media screen and (min-width: 671px) {
		#main_nav{display: block !important;}
}