/* ----------------------------------------------------	
	RESPONSIVE VALUES - MEDIA QUERIES
------------------------------------------------------- */
	/* Small Screen PC · Tablet Samsung landscape · width: 1280px */
	@media (min-width: 1024px) and (max-width: 1280px){
	#footer {
	margin-top: 20px;
	}
	.background_pic_border{
	height:100%;}
		h5.text-intro2{
margin-bottom: -20px;

}
.title-intro2 h1{
padding:0px !important;
}
	}

	/* Tablet (landscape) 	1024px */
	@media only screen and (max-width: 1024px) {
		#navigation > ul {border-top: 1px solid rgba(255, 255, 255, 0.1);background: transparent;}
		#navigation > ul > li{border-bottom: 1px solid rgba(255, 255, 255, 0.1);	background: transparent;width: 105%;} 
	#footer			{margin:45px auto 0 auto;}	
	.sidebar_content{
		padding:0px 30px 57px;
	}
	h5.text-intro2{
margin-bottom: -20px;

}
.title-intro2 h1{
padding:0px !important;
}
	} 
		
	/* Tablet (Portrait) 	768px */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	body.blue-skin .content_top{margin-right: 0px;}
		.sidebar_content { padding: 0 15px;} 
 		#wrapper{width: 750px;}
 		#content, #sidebar, #footer{ width: 700px;} 
 		.breadcrumb{width: 70%;}
		body #sidebar .box { clear: none;float: left;  padding: 20px;width: 290px !important;}
		body #sidebar .box:nth-of-type(2n+1):after{content:"";display:block !important;clear:both !important;} 
		body #sidebar .box:nth-of-type(2n){clear: left !important;} 		
 		#sidebar .box{width: 160px !important;}
 		.sidebar_content table{width: 100%;} 
 		#sidebar .box img{max-width: 100%;} 		
		#MobileMainNavigation-Background{ width: 700px; }
		#mobile_header {width: 700px; }
 		#content, #sidebar{width: 700px;}
#footer			{margin:45px auto 0 auto;}	
	
	}
			/* very small Handy (Portrait) 	240px */
			@media only screen and (max-width: 240px) {
			body.blue-skin .content_top{margin-right: 0px;}
	.ppy-stage{max-width:161px !important; max-height:246px !important;}
	.ppy.product .ppy-outer{margin-left: -10px;}
	}
	
		/* small Handy (Portrait) 	384px */
	@media only screen and (max-width: 384px) {
	.product_info2 {margin: -40px 0px -5px -91px;}
	body.blue-skin .content_top{margin-right: 0px;}
.ppy-stage{max-width:223px !important; max-height:293px !important;}
.team-right{padding-left:3px;}
span.frame3.alignright{float: left!important;margin: 6px 32px 23px 0px;}
span.frame3.alignleft{margin: 6px 22px 23px 2px;}

			div.taps_wrap{max-width: 100% !important;margin-right: 0 !important;
margin-left: 0px !important; margin-left:0px;}
		.taps_wrap .pane{max-width: 100% !important;margin-right: 0 !important;
margin-left: 0px !important;padding: 30px 0px 0px 0px;position: relative;}
#praxis-intro3{
margin-left: -87px;
}
#praxis-intro4{
margin-left: -45px;
}
.p_caption {
padding-left: 0px;}

.frame2  {
width: 100%;
margin-left: -5px;}
	.frame2 img {
width: 50% !important;
margin-left: 69px;
padding-right: 39px;
}
.kontakt2 img
{	width: 100%;}
.kontakt3
{	width: 230px;margin-left: -5px;}
		

		/* select navigation */
		#MobileMainNavigation{		  
			display: inline-block; 
			margin:0 auto;
			font-size:16px;
			border-radius: 0;		 
			padding:10px;			
			-moz-appearance: listbox;
			-webkit-appearance: listbox; 
			appearance: listbox;
			background-image: url("../images/form_select.png");
			background-position: right center;
			background-repeat: no-repeat; 
			font-size: 13px !important; 			
		} 	
.content .box.two.product.first {
width: 100% !important;
margin-right: 0 !important;
margin-left: -40px !important;
}
 	.content .box.two.product.last {
width: 250px;
margin-left: 0px;
}
.ppy.product .ppy-stage {
width: 197px;
height: 197px;
}
.ppy.product .ppy-outer{margin-left: 20px;}
.content .box.four{
			width:224px !important; 
			margin-right: 0 !important;
			margin-left: 43px !important;
		} 

		/* layouts  */
		.box .box,
		.box .box.one,
		.box .box.two,
		.box  .box.three,
		.box .box.four,
		.box  .box.five,
		.box .box.two-three, .box .box.two_three,
		.box .box.three-four, .box .box.three_four,
		.box .box.four-five, .box .box.four_five{width:100% !important;margin:0 !important;}	 

		.content .box.one,
 
		.content .box.full-box,



		.content .box.five,

		.content .box.three-four,
		.content .box.four-five,
		#sidebar .box
		{
			width:240px !important; 
			margin-right: 0 !important;
			margin-left: 45px !important;
		} 
						.content .box.two
			{
			width:100% !important; 
			margin-right: 0 !important;
			margin-left: 0px !important;
		}		
		.content .box.three
		{
			width:101% !important; 
			margin-right: 0 !important;
			margin-left: 0px !important;
		}
						
		
				.content .box.full,
				.content .box.two-three,
		#sidebar .box
		{
			width:240px !important; 
			margin-right: 0 !important;
			margin-left: 0px !important;
		}
						.content .box.two2
		{
			width:240px !important; 
			margin-right: 0 !important;
			padding-bottom: 40px;
		}
		.align-center-2{margin-left: 5px;}
		.box.first{margin-left: 10px !important;}
		
 		#wrapper{width: 300px;}
		#MobileMainNavigation-Background{ width: 300px; }
		#mobile_header  { width: 300px;}		
 		#content, #sidebar, #footer{float: none;margin: 0 auto; width: 287px;padding-top: 20px;}		
		#slider .desc span.title{font-size: 16px; }
		#slider .desc{max-width: 220px;top:10px;font-size: 12px;} 
		#numbers {text-align: center;width: 100%;padding: 14px 0 0;}
		#slider .desc span.text,#slider .desc span.title{font-family: arial, sans-serif;}
		#slider_area, #slider, .slide { height: auto !important; width: 100%;}
		.slide img{width: 100%;} 
		img.featured{width: 100%;}
		.sidebar_content .widget .recent_posts ul,.sidebar_content table,.sidebar_content input[type="text"], .sidebar_content select, .sidebar_content textarea{width: 100% !important;}
	 	.widget .recent_posts li {width: 78% !important;} 
		.content .blog .date {padding: 10px 0 !important;width: 100% !important;border-left: 0;border-right:0;}
		.content .blog a.comment_link, .content .blog .categories{display: inline;margin: 10px 0 0 10px;  }
		.post_data {padding: 10px 5px 0;text-align: center;}
		.content .blog .categories {display: inline;line-height: 140%;margin: 10px 0 0 10px; }
		.content .blog a.comment_link {display: inline;margin: 10px 0 0 10px;  }
		body #container .blog .date span{color:#B4B4B4 !important;}
		.content .blog .date span {display: inline !important;font-family: arial,serif !important;font-size: 12px !important;font-style: italic !important;line-height: 100% !important;}
		.content .blog .date .day:after, .content .blog .date .month:after {content: " -";}
		.scrollable_border{width: 238px;}
		#image_wrap,.scrollable{width: 178px;} 		
		#image_wrap img{width: 100%;} 		
		.wp-caption{max-width: 100%;}
		.wp-caption img{width: 100%;}

		ul.tabs li{width: 100%;}
		.product .ppy-placeholder{display: table;float: none !important;  margin: 0 -13px 20px !important;}
		.content > .box.two-three.product.last{text-align: center;}
		.content > .box.two-three.product.last .button{display: table;float: none;margin: 0 auto 20px auto!important;text-align: center;}
		.blog_image.alignleft{float: none;}
		#comments .comment_textarea{width: 90%;}
		#comments{width: 100%;}
		.content input[type="text"]{max-width: 90%;}
		#comments ol.commentlist li.depth-2 .comment-avatar{margin-left: 5px;}
		#comments ol.commentlist li.depth-3 .comment-avatar{margin-left: 10px;}
		#comments ol.commentlist li.depth-4 .comment-avatar{margin-left: 20px;}
		.responsive #comments ol.commentlist li .comment-body{width:66%;}
		.responsive #comments ol.commentlist li.depth-2 .comment-body{width:62%;}
		.responsive #comments ol.commentlist li.depth-3 .comment-body{width:57%;}
		.responsive #comments ol.commentlist li.depth-4 .comment-body{width:52%;}
		.frame, .wp-caption{max-width: 96%;} 
		blockquote.pullquote{width: 100%;} 

		.frame.block{margin: auto;max-width: 100%;margin-left: 10px;}		
		.imagemask img{max-width: 100%;}		
		.product_info{text-align: center;}
		
		
		
		
		}

	@media only screen and (min-width: 385px) and (max-width: 767px) {
	body.blue-skin .content_top{margin-right: 0px;}
div.ppt{width: 100% !important;margin-left: auto;
margin-right: auto;
text-align: center;}
	.pp_content_container{width: 70%;
margin-left: auto;
margin-right: auto;}
.box.two.product.first {
margin-left: 8px !important;
width: 227px !important;}
.content .box.two.product.last {

margin-left: 0px;
}
		/* select navigation */
		#MobileMainNavigation{		  
			display: inline-block; 
			margin:0 auto;
			font-size:16px;
			border-radius: 0;		 
			padding:10px;			
			-moz-appearance: listbox;
			-webkit-appearance: listbox; 
			appearance: listbox;
			background-image: url("../images/form_select.png");
			background-position: right center;
			background-repeat: no-repeat;  			
		} 	
.kontakt3
{	width: 100%;}
		.content .box.four{	width:151px !important; 
			margin-right: 0 !important;
			margin-left: 45px !important;}
		/* layouts  */
		.box .box,
		.box .box.one,
		.box .box.two,
		.box  .box.three,
		.box .box.four,
		.box  .box.five,
		.box .box.two-three, .box .box.two_three,
		.box .box.three-four, .box .box.three_four,
		.box .box.four-five, .box .box.four_five{width:100% !important;margin:0 !important;}	 

		.content .box.one,
 
		.content .box.full-box,


		.content .box.five,

		.content .box.three-four,
		.content .box.four-five,
		#sidebar .box
		{
			width:240px !important; 
			margin-right: 0 !important;
			margin-left: 45px !important;
		} 
						.content .box.two
				.content .box.full,
		.content .box.three,
				.content .box.two-three,
		#sidebar .box
		{
			width:240px !important; 
			margin-right: 0 !important;
			margin-left: 0px !important;
		}
						.content .box.two2
		{
			width:240px !important; 
			margin-right: 0 !important;
			padding-bottom: 40px;

		}
		.align-center-2{margin-left: 5px;}
		.box.first{margin-left: 10px !important;}
		
 		#wrapper{width: 300px;}
		#MobileMainNavigation-Background{ width: 300px; }
		#mobile_header  { width: 300px;}		
 		#content, #sidebar, #footer{float: none;margin: 0 auto; width: 300px;padding-top: 20px;}		
		#slider .desc span.title{font-size: 16px; }
		#slider .desc{max-width: 220px;top:10px;font-size: 12px;} 
		#numbers {text-align: center;width: 100%;padding: 14px 0 0;}
		#slider .desc span.text,#slider .desc span.title{font-family: arial, sans-serif;}
		#slider_area, #slider, .slide { height: auto !important; width: 100%;}
		.slide img{width: 100%;} 
		img.featured{width: 100%;}
		.sidebar_content .widget .recent_posts ul,.sidebar_content table,.sidebar_content input[type="text"], .sidebar_content select, .sidebar_content textarea{width: 100% !important;}
	 	.widget .recent_posts li {width: 78% !important;} 
		.content .blog .date {padding: 10px 0 !important;width: 100% !important;border-left: 0;border-right:0;}
		.content .blog a.comment_link, .content .blog .categories{display: inline;margin: 10px 0 0 10px;  }
		.post_data {padding: 10px 5px 0;text-align: center;}
		.content .blog .categories {display: inline;line-height: 140%;margin: 10px 0 0 10px; }
		.content .blog a.comment_link {display: inline;margin: 10px 0 0 10px;  }
		body #container .blog .date span{color:#B4B4B4 !important;}
		.content .blog .date span {display: inline !important;font-family: arial,serif !important;font-size: 12px !important;font-style: italic !important;line-height: 100% !important;}
		.content .blog .date .day:after, .content .blog .date .month:after {content: " -";}
		.scrollable_border{width: 238px;}
		#image_wrap,.scrollable{width: 178px;} 		
		#image_wrap img{width: 100%;} 		
		.wp-caption{max-width: 100%;}
		.wp-caption img{width: 100%;}
		div.taps_wrap{max-width: 100%;}
		.taps_wrap .pane{max-width: 100%;}
		ul.tabs li{width: 100%;}
		.product .ppy-placeholder{display: table;float: none !important;  margin: 0 83px 20px !important;}
		.content > .box.two-three.product.last{text-align: center;}
		.content > .box.two-three.product.last .button{display: table;float: none;margin: 0 auto 20px auto!important;text-align: center;}
		.blog_image.alignleft{float: none;}
		#comments .comment_textarea{width: 90%;}
		#comments{width: 100%;}
		.content input[type="text"]{max-width: 90%;}
		#comments ol.commentlist li.depth-2 .comment-avatar{margin-left: 5px;}
		#comments ol.commentlist li.depth-3 .comment-avatar{margin-left: 10px;}
		#comments ol.commentlist li.depth-4 .comment-avatar{margin-left: 20px;}
		.responsive #comments ol.commentlist li .comment-body{width:66%;}
		.responsive #comments ol.commentlist li.depth-2 .comment-body{width:62%;}
		.responsive #comments ol.commentlist li.depth-3 .comment-body{width:57%;}
		.responsive #comments ol.commentlist li.depth-4 .comment-body{width:52%;}
		.frame, .wp-caption{max-width: 96%;} 
		blockquote.pullquote{width: 100%;} 

		.frame.block{margin: auto;max-width: 100%;margin-left: 14px;}		
		.imagemask img{max-width: 100%;}		
		.product_info{text-align: center;}	
	}

		@media only screen and (min-width: 385px) and (max-width: 568px) {
	.ppy-stage{max-width:300px !important; max-height:350px !important;}
	}
			@media only screen and (min-width: 569px) and (max-width: 600px) {
	.ppy-stage{max-width:308px !important; max-height:630px !important;}
	}
	/* Mobile (Landscape) 	480px */
	@media only screen and (min-width: 480px) and (max-width: 767px){
	.product_info2 {margin: -39px 0px -4px -152px;}	
body.blue-skin .content_top{margin-right: 0px;}
#praxis-intro3{
margin-left: -163px;
}
#praxis-intro4{
margin-left: -80px;
}
		/* layouts  */
		.content .box.one,
		.content .box.full-box,

		.content .box.five,
		.content .box.three-four,
		.content .box.four-five,
		#sidebar .box
		{
			width:380px !important; 
			margin-right: 0 !important;
			margin-left: 120px !important;
		} 
				.content .box.three
				{
			width:101% !important; 
			margin-right: 0 !important;
			margin-left: 0px !important;
		} 
		.content .box.four{
			width:303px !important; 
			margin-right: 0 !important;
			margin-left: 120px !important;
		} 
		.content .box.full,

						.content .box.two-three,
				#sidebar .box
		{
			width:380px !important; 
			margin-right: 0 !important;
			margin-left: 0px !important;
		} 
		.content .box.two

		{
			width:380px !important; 
			margin-right: 0 !important;

		} 	
			.content .box.two2

		{
			width:380px !important; 
			margin-right: 0 !important;
			margin-left: 75px !important;
		} 	
		
 
 		#wrapper{width: 440px;}
		#MobileMainNavigation-Background{width: 440px;}
		#mobile_header{width: 440px; }		
 		#content, #sidebar, #footer{float: none;margin: 0 auto;width: 440px;}
	 	.widget .recent_posts li {width: 85% !important;}
		.scrollable_border{width: 378px;}
		#image_wrap,.scrollable{width: 318px;} 		
		#image_wrap img{width: 100%;} 				
		#comments ol.commentlist li.depth-2 .comment-avatar{margin-left: 20px;}
		#comments ol.commentlist li.depth-3 .comment-avatar{margin-left: 30px;}
		#comments ol.commentlist li.depth-4 .comment-avatar{margin-left: 40px;} 
		.responsive #comments ol.commentlist li .comment-body{width:77%;}
		.responsive #comments ol.commentlist li.depth-2 .comment-body{width:73%;}
		.responsive #comments ol.commentlist li.depth-3 .comment-body{width:69%;}
		.responsive #comments ol.commentlist li.depth-4 .comment-body{width:66%;}		
	}


	/* Small Screens General */
	@media only screen and (max-width: 959px) {

		#container,.back-curv,.background_pic_holder,.background_pic_border{max-width: 100%;width: 100%;min-width: 100%;}
		#MobileMainNavigation-Background{margin: 0 auto;text-align: center;}
		#MobileMainNavigation{width: 90%;height: 40px;font-size: 14px;}
		#mobile_header {display: block;}
		#mobile_logo {display: block; 
margin-left: auto; 
margin-right: auto;  padding: 20px 0;width: 237px;}
 		#content, #sidebar{float: none;margin: 0 auto;}		
		.slider_cover, .content_bottom, .sidebar_top, .sidebar_bottom,#logo, #navigation{display: none !important;}
 		.sidebar_content{padding-top: 20px;}
 		.content_top{display: block;height: 34px;background: #fff !important;}
 		.sidebar_top{margin-top: 0;} 	
		#numbers{height: 20px;}
		#numbers img{height: 20px;width: 20px;} 
		.search-bar { border-bottom: 1px solid #eee;clear: both;display: block;float: none;height: 20px;margin-top: 10px;padding: 4px 0;position: relative;width: 100%;background-position: -1px top;}
		.breadcrumb {border-bottom: 1px solid #eee;clear: both; display: block;float: none; line-height: 150%;margin: 0;padding: 5px 0;position: relative;width: 100%; }
		.sub_page_top {border-bottom: none;display: inline-block;height: auto;margin-bottom: 20px;padding-top: 4px;position: relative;width: 100%;}
	
	.photo_gallery {
clear: both;
display: block;
margin: 0 5px 20px 0;
margin-left: 45px;} 
	
	}	
	
		@media only screen and (min-width: 700px) and (max-width: 800px){
body.blue-skin .content_top{margin-right: 0px;}
		.photo_gallery {
clear: both;
display: block;
margin: 0 5px 20px 0;} 	

.gmap img{
  max-width:none;
}
#map_canvas img,
.google-maps img {
  max-width: none;
}