/*--------------------------------------------------------
MEDIA QUERIES
--------------------------------------------------------*/
@media only screen and (max-width: 960px) {
	#portfolio-wrap .one-third { width:33.33%; }
	.home-quote { margin:0 10px; }
	.rnr-icon-middle h3 { font-size:24px; }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.parallax-bg, .home-parallax { background-attachment: scroll; background-position:top center !important; background-size: cover; }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.parallax-bg, .home-parallax { background-attachment: scroll; background-position:top center !important; background-size: cover; }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	h1 { font-size: 30px !important; }
	.main-menu li, .main-menu.iconic li { margin-left:4px; margin-right:4px; }
	.main-menu a { font-size:16px; }
	.testimonial-slider .flex-direction-nav li .flex-next, .twitter-slider .flex-direction-nav li .flex-next { right:44%; }
	.testimonial-slider .flex-direction-nav li .flex-prev, .twitter-slider .flex-direction-nav li .flex-prev { left:44%; }
	.team-member.team-two, .team-member.team-four { width: 50%; }
	#portfolio-wrap-news .one-third-news { width: 33%; }
}

@media only screen and (min-width: 959px) and (max-width: 1200px) {
	#portfolio-wrap-news .one-third-news { width: 25%; }
	.parallax, .parallax-content, .parallax .overlay, .color-block, .color-block-content { height:auto; margin-bottom: 30px; }
	.page { padding-top: 0px; padding-bottom: 0px; }
	.page_content { margin-bottom : 0px; }
}

@media only screen and (max-width: 767px) {
	h1 { font-size: 54px; line-height: 1; }
	.member-role h1 { font-size: 20px !important; line-height: 1; }
	.member-role h4 { font-size: 16px !important; line-height: 1; }
	.member-description { margin-top: 20px; }
	.title h1 { font-size:20px; }
	.subtitle { font-size:18px; margin-bottom:0; }
	.modal { position:absolute; top:0px; }
	.home-logo, .home-logo-text { margin:40px 0 50px; }
	.main-menu { display: none; }
	.main-menu.large, .logo.large { height: 60px; }
	.selectnav {
		display: block;
		font-family: 'CDUKievit', sans-serif;
		text-transform: uppercase;
		-webkit-appearance: none;
		background-color: transparent;
		border: 1px solid transparent;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		line-height: 1;
		padding: 0px 35px 0px 10px;
		border-radius: 0;
		background-image: url("/image/templates/onepager01/selectmenu.png");
		background-position: center right;
		background-repeat: no-repeat;
		color: #3d3d3d;
		outline: none;
		width:100%;
		background-size:30px;
		margin-top: 13px;
		font-size:24px;
		min-width:auto;
	}
	#home { height: auto !important; padding: 60px 0; }
	.page { padding-top: 60px; padding-bottom: 0px !important; }
	
	#slidecaption { display:none; }
	#prevslide { left:34%; }
	#nextslide { right:34%; }
	.container .columns, .container .column { margin-bottom:40px; }
	.member-bio .member-description  { margin-bottom:30px !important; }
	nav .container .columns, nav .cotainer .column, #ajaxpage .columns, #ajaxpage .column, .project-media { margin:0; }
	.caption { position:relative; left:0; bottom:5px; margin:0; }
	.testimonial-slider .flex-direction-nav li .flex-next, .twitter-slider .flex-direction-nav li .flex-next { right:36%; }
	.testimonial-slider .flex-direction-nav li .flex-prev, .twitter-slider .flex-direction-nav li .flex-prev { left:36%; }
	.testimonial-slider, .twitter-slider, .contact-details, #contact-input { width:100%; }
	#contact-textarea { width: 93%; float: left; margin: 0 1%; }
	#contact-submit input[type="submit"] { width:94%; margin:1%; float:left; }
	.copyright .social-icons .social-icon { margin-bottom:10px; }
	.copyright p { margin-top:20px; font-size:11px; }
	.parallax, .parallax-content, .parallax .overlay, .color-block, .color-block-content { height:auto; }
	.parallax .parallax-content, .parallax .overlay { padding-top: 0px !important; }
	.team-member { width:100%; float:none; margin-bottom:40px; }
	.testimonial-icon,.twitter-feed-icon { display:none; }
	
	#filters { margin-top:40px; }
	#filters ul li a { padding:0; margin:0; }
	#portfolio-wrap .one-third { width: 50%; }
	.project-media { margin-top: 70px !important; }
	#filters ul li a h3 { margin-bottom:5px; }
	.home3 .home-text-wrapper .container { width:440px; height:440px; }
	.home-logo, .home-logo-text { text-align: right; }

	.one_half,
	.one_third,
	.two_third,
	.one_fourth,
	.three_fourth,
	.one_fifth,
	.two_fifth,
	.three_fifth,
	.four_fifth,
	.one_sixth,
	.five_sixth { width: 100%; margin:0; margin-bottom:40px; float:none; }

	.parallax-bg, .home-parallax { background-attachment: scroll; background-position:top center !important; background-size: cover; }
	p.quote, .contact-details h2 { font-size:30px; }
	#twitter-feed ul.slides > li { font-size:16px; margin-bottom:25px; }
	a#button-newsletter { width: 66%; }
	.home-newsletter .home-quote h3 { font-size:20px; }
	.team-member.team-five { width: 33%; }
	#portfolio-wrap-news .one-third-news { width: 50%; }
}

@media only screen and (max-width: 479px) {
	.home-logo-text a { font-size:32px; }
	.main-menu.large, .logo.large { height: 60px; }
	.selectnav { width:100%; background-size:30px; margin-top: 19px; font-size:16px; height: 18px; }
	#portfolio-wrap .one-third { width: 100%; }
	.home3 .home-text-wrapper .container { width:280px; height:280px; }
	.home3#home h1 { font-size:15px; margin:0 20px; }
	#prevslide { left:30%; }
	#nextslide { right:30%; }
	a#button-newsletter { width: 92%; }
	nav .container .eight.columns { width: 100% }
	.parallax, .parallax-content, .parallax .overlay, .color-block, .color-block-content { height:250px; }
	
	#home { min-height: 327px; }
	.title { background: #FFFFFF !important; }
	.title h1 { font-size: 20px; }
	.kontakttitel { background: transparent !important; padding-top: 30px; }
	.dsgvotext { font-size: 12px; }
	#einwietext  { padding-left: 7px; }
	#fc_logo { margin-left: 6px !important; }
	.parallax-content h2 { font-size: 20px; }
	.parallax-content h3 { font-size: 12px; font-family: Arial; }
	.container .columns, .container .column { margin-bottom: 0px; }
	#socialshareprivacy { margin: 20px; float: left; }
	.multipage .title h1 { margin: 20px 0px !important; font-size: 18px; }
	.page { padding-top: 90px; margin: 0 !important; padding-bottom: 0 !important; }
	.team-member.team-five { width: 50%; }
	#portfolio-wrap-news .one-third-news { width: 100%; }
	.contact-details { margin-top: -135px; }
	.flexhref,
	.post-content p,
	.berliner-post-content p { margin-left: 3%; width: 94%; }
	.flex-control-nav { width: 100%; position: absolute; bottom: auto; top: 3px; text-align: right; padding-right: 25px; left: 0px; }
	.page_content,
	.page_content p { margin-bottom: 0px; padding: 10px 2%; }
	.surftipp_kategorie { padding: 0 3%; }
	.surftipp_link { border: 0; }
}

@media only screen and (min-width: 1200px) {
	nav .container { width: 100%; display:block; }
	.home-logo-text a { font-size:50px; }
	.slider-text { width: 100%; }
	.parallax,  
	.parallax .parallax-content,  
	.parallax .overlay { height: auto; }
	
	#project-navigation { width: 1040px; height: 40px; top: 50%; left: 0; margin: -20px -40px 0px; z-index:0; }
	#project-navigation ul li#prevProject a { float: left; margin-right:0; }
	#project-navigation ul li#nextProject a { float: right; margin-right:0; }
	#closeProject { top: 10px; right:-40px; }
	.home4 .home-text-wrapper .container { width: 65%; }
}