@media screen and (max-width:1200px){
	.device{left:20%;top:-36px;}
	footer li{margin-right:10%;}
	.feature-content{width:55%;}
}
@media screen and (max-width:991px){
	.feature-1,.feature-2,.feature-3,.feature-4,.feature-5{margin-bottom:50px;}
	.device{display:none;}
	.screenshots ul li{width:50%;}
	.screenshots-intro{padding:110px 0 100px 0;}
	.feature-content{width:80%;}
	.features-slider{height:100%}
	.col-md-6{padding-left:35px;padding-right:35px;}
}
@media screen and (max-width:680px){
	.feature-content{width:60%;}
	.col-md-6{padding-left:35px;padding-right:35px;}
}
@media screen and (max-width:640px){
	/*.use-btn{display:none;}*/
	footer li{
		display: block;
		text-align: left;
		padding: 10px 0;
		border-bottom: dashed 1px #444;
		margin-right: 0!important;
		float: none;
		color: #999;
	}
	nav{margin-top:40px;}
	.overlay ul{margin-left:0px;}
	.overlay ul li a{padding:20px 0;min-width:120px;font-size:12px;}
	/* team */
	.col-md-6{padding-left:35px;padding-right:35px;}
	.col-md-3 {width: auto;}
}
@media screen and (max-width:465px){
	.hero h1{font-size:30px;margin:190px 0 45px 0}
	.screenshots ul li{width:100%;min-height:100%;float:none;}
	section.video i{font-size:30px;}
	section.video h1{font-size:15px;font-weight:400;}
	section.video{padding:40px;}
	.feature-content{width:100%;text-align:center;margin-top:20px;}
	.feature-icon{display:block;margin:0 auto;}
	blockquote p{width:60%;}
	.features-slider {padding: 11% 25px 10% 25px;}
	.referenzen ul li {width: auto;}
	.member-header {margin-left: 35px; width:auto;}
	.col-md-6{padding-left:35px;padding-right:35px;}
	.col-md-3 {width: auto;padding-bottom: 0px;}
	.modal-dialog {width: auto;}
    .logo_img {margin-left: -20px;margin-top: -15px;}
    .bkf span h1{font-size: 30px}
    .hotline span h1{font-size: 30px}
    .contact span h1{font-size: 30px}
    .overlay ul li a{min-width: 390px}
}
}