/***** SMARTPHONES *****/

@media all and (max-width: 767px){

/* .mob_bgimg{display: none !important;} */

	h2{font-size: 1.2em;}
	.logo{max-width: 230px !important; padding: 15px 0;}
	.logo{display: none;}
	.logo2{max-width: 230px; vertical-align: top !important; padding: 15px 0 !important; float: left; display:block;}

	.mobile-toggle{ display: block; cursor: pointer; font-size: 40px; top: 18px !important; }
	#menu{clear: both; width: 100%;}
	#menu li{ float: none; margin: 0px 0px 11px 0px; }
	#menu li a{ color: #fff; }
	#navigation{ position: fixed !important; background: #0158b7 !important; top: 0px;  max-height: 80px;}
	#navigation .text-right{ text-align: left !important; }
	.text-divider, .right-divider, .left-divider{ /* display: none; */ }
	#services{ background: none !important; background-color: #0158b7 !important; display: block !important; }
	#services:before{ width: 0px !important; height: 0px !important; }
	.service-list{ width: 100%; }
	.service-icon{ text-align: center; }
	.service-link{ width: 100% !important; }
	.service{margin-left: 10px; width: 45% !important; padding-left: 0px !important; padding-right: 0px; overflow: visible;}

	.text-mob{font-size: 12px !important;}
	.headline-mob{font-size: 16px !important; text-decoration: underline;}

	.services_mob{display: block;  max-width: 100%; margin-bottom: 30px;}
	
	.stoerer{padding: 40px 0 15px 0 !important; width: 110px !important;}
	
	.project-slider{ margin-bottom: 22px; }
	.filters li{ margin-right: 11px; }
	
	.slide-overlay{ position: absolute; width: 100%; height: 100%; z-index: 2; top: 0px; transition: all 1.5s ease; background: white; opacity: .8;}
	.overlay_mob{background:url(../img/mob_overlay.png); }
	#home-slider {padding-top: 60px;}
	#home-slider .slides li h1{ font-size: 20px !important; margin-bottom: 10px;}
	#home-slider .slides li p{ font-size: 14px !important; }
	#home-slider .slides li .btn{ /* display: none; */ font-size: 10px; width: 100px; padding: 3px; margin-top: 0px;}
	#home-slider > .flex-control-nav{display: none;}
	#home-slider .slides li{ background-size: cover !important; }
	#home-slider .slides li{ background-position: 90% 50% !important; }
	#home-slider .slides li:last-child{ background-position: 60% 50% !important; }

	.pricing-table{ margin-bottom: 44px; }
	
	.contact-content .btn{ margin: 11px 0px; float: none; clear: both; min-width: 150px; }
	.contact-methods a:last-child .btn{ margin-bottom: 44px; }
	.contact-methods a:first-child .btn{ margin-top: 22px; }
	.contact-methods a{ margin-right: 0px; float: none; }
	
	.text-link{ text-align: center; }
	.post-date{ display: none; }
	.post-text{ width: 100%; }
	
	#footer .text-right{ text-align: left !important; margin-top: 0px; line-height: 40px;}

.text-divider{
position: relative; background-size: cover !important;
				background-attachment: fixed !important; background-position: center bottom !important; 
 }


.pad-large{padding-top: 30px !important; padding-bottom: 30px !important;}
.large-feature{margin-top: 30px;}

.left-divider:before{background: transparent !important;}
.right-divider:before{background: transparent !important;}

}


@media all and (max-width: 1024px){
	.logo{display: none;}
	.logo2{ vertical-align: top !important; padding: 16px 0 !important; float: left; display:block;}
	.mobile-toggle{ display: block; cursor: pointer; font-size: 40px; top: 25px; }
	#menu{clear: both; width: 100%;}
	#menu li{ float: none; margin: 0px 0px 11px 0px; }
	#menu li a{ color: #fff; }
	#navigation{ position: fixed !important; background: #0158b7 !important; top: 0px;  }
	#navigation .text-right{ text-align: left !important; }
	.text-divider, .right-divider, .left-divider{ /* display: none; */ }

	.has-pan-left3{}

	.stoerer{padding: 60px 0 15px 0; width: 180px;}

	#home-slider{padding-top: 60px;}
	#home-slider .slides li{ background-position: 90% 50% !important; }
	#home-slider .slides li h1{ font-size: 40px; }
	#home-slider .slides li p{ font-size: 1em; }

    .flex-control-nav{bottom: 0px; padding-bottom: 20px;}

.text-mob{font-size: 12px !important;}
.headline-mob{font-size: 14px !important;}


.text-divider{
background: transparent !important;
 }

.no_gradient:before{background: url(../img/mob_overlay.png) !important;}
.no_gradient:before{background: rgba(255, 255, 255, 0.8) !important;}

.mob_width{/* width: 100% !important; */ padding: 30px;}
.mob_width2{width: 100% !important; padding: 30px; left: 0 !important;}
.mob_width3{padding: 30px; left: 0 !important; } 
.mob_width4{padding: 30px; left: 0 !important; } 


.mob_bgimg{background:url(../img/about2.jpg) center center no-repeat; }
.mob_bgimg2{background:url(../img/workshop.jpg) center top no-repeat; background-size: cover; }
.mob_bgimg3{background:url(../img/coaching.jpg) no-repeat; background-size: cover !important; background-position: 30% 50%;}
.mob_bgimg4{background:url(../img/device.jpg) no-repeat; background-size: cover !important; background-position: 30% 50%;}
.mob_bgimg5{background:url(../img/contact2.jpg) no-repeat; background-size: cover !important; background-position: 50% 50%;}


.arbeitsraum{width: 300px; float: left;}


#services{ background: none !important; background-color: #0158b7 !important; display: block !important; }
	#services:before{ width: 0px !important; height: 0px !important; }
	.service-list{ width: 100%; }
	.service-icon{ text-align: center; }
	.service-link{ width: 100% !important; }
	.service{ width:50%; padding-left: 100px; }

	.headline-mob{font-size: 16px !important; text-decoration: underline;}

	.services_mob{display: block;  max-width: 100%; margin-bottom: 30px;}


}


/***** TABLETS PORTRAIT & LANDSCAPE *****/

/*
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

.text-divider, .left-divider, .right-divider{ background-attachment: scroll !important; }
#home-slider .slides li{ background-size: cover !important;}
.client img{ max-width: 130px;  }

}
*/


/***** PORTRAIT TABLETS *****/

/*
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

.project{ width: 50%; }
.service{ width: 100%; }
#services{ background: none !important; background-color: #f6f6f6 !important; }
#services:before{ width: 0px !important; height: 0px !important; }
.service-list{ width: 100%; }
.service-icon{ text-align: center; }
.service-link{ width: 100% !important; }

}
*/