@media only screen and (max-width:1100px) {

	header {
		
		padding-bottom:28%;
		
		}
		
	.banner-caption li {

    	font-size: 19px !important;

		}
		
	.banner-caption p {
		
		width: 43%;
		
		font-size:22px;
		
		}
		
	.banner-form {
		
		width:34%;
		
		}


}

@media only screen and (max-width:980px) {

nav a {
	
	padding: 0px 12px;
	
	}
	
.logo a {
	
	font-size:17px;
	
	}
	
.banner-caption p br{
	
	display:none;
	
	}
	
.banner-caption p {
	
	font-size:20px;
	
	}
	
.banner-caption li {

    font-size: 18px !important;

}

}

@media only screen and (max-width:840px) {

	.logo a {
	
		font-size:16px;
		
		padding:7px 20px;
		
		}
	
	nav a {
	
		padding: 0px 9px;
		
		font-size:11px;
		
		}
	
}

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

	.banner-caption li {
	
		font-size: 18px !important;
		
		}
		
	.banner-caption p {
		
		font-size:22px;
		
		}
		
	.banner{
		
		position: relative;
		
		margin-top: -1em;
		
		background:#245f9d;
		
		padding-bottom: 4em;
		
		}
		
	.mob-img {

    	display: block;

		}
		
	 header {
		
		background: none;
		
		background-size: contain;
		
		padding-bottom: 0%;
		
    }
	
	.main-header{
	
		background-color:#031e3f;
		
	}
	

}



@media only screen and (max-width: 750px) {
.banner-caption li {
width: auto;
background: url(../images/list-icon.png) 6% 47% no-repeat;
}


.banner-caption li a {
    color: 
#fff;
margin-left: 40px;
font-size: 19px;
text-align: left;
display: block;
}
.banner-caption ul { display:none; }
.banner-caption p {
width: 87%;
margin-top: 3em;
font-size: 17px;
line-height: 23px;
}

    .main-header {
        display: block;
        background: #031e3f;
    }
	
    .banner-form {
        width: 100%;
        position: relative;
        padding: 0;
        margin: 30px 0;
    }
    .banner-form form {
        padding: 0px;
		padding-top: 0px;
    }
    .menu, .search {
        display: none;
    }
    .section1, .section2, .section3, .section4, .section5 {
        display: block;
    }
    .imgblc, .cntblc {
        width: 100%;
    }
    .container {
        padding: 0px 20px;
    }
    .site-footer {
        display: block;
    }
    .site-footer .aside {
        width: 100%;
    }
    .banner-caption li {
        font-size: 16px;
        padding-bottom: 8px;
    }
    .banner-caption {
        padding-left: 0px;
        font-size: 16px;
    }
    .banner {
        padding: 0px;
    }
    .section1 h2, .section2 h2, .section3 h2, .section4 h2, .section5 h2 {
        font-size: 16px;
    }
    .section1 .cntblc span {
        font-size: 15px;
    }
    .cntblc {
        font-size: 14px;
    }
    .site-footer h2 {
        font-size: 16px;
    }
    .chat-btn {
        width: 50%;
    }
    footer {
        font-size: 14px;
    }
    .banner-form h2 {
        font-size: 20px;
    }
    .banner-form select, .banner-form input[type="text"] {
        font-size: 14px;
    }
    .banner-form input[type="submit"] {
        font-size: 16px;
        padding: 10px 0;
    }
    .ui-accordion .ui-accordion-header {
        max-width: 100%;
        overflow: hidden;
    }
}
@media only screen and (max-width: 767px) {
.banner-form select, .banner-form input[type="text"], .banner-form input[type="tel"], .banner-form input[type="email"] {
width: 94%;
}

.banner-caption p {
width: 84%;
margin: 0px auto;
margin-bottom: 20px;
}

.banner-form {
    position: relative;
    right: 0;
    top: 3%;
    background: 
#d2e2f9;
padding: 30px;
width: 80%;
border-radius: 15px;
font-size: 16px;
color:
#031e3f;
margin: 0px auto;
}

.menu{
display: none;
}

.logo {
    text-align: left;
	height: 42px;
	}
	
.logo a {
margin-top: 0%; font-size: 18px; font-size: 18px !important;
padding-left: 10px !important;
padding-top: 1px !important; }

.zusammenarbeit {
    p& {
        font-size: 12px;
        padding-left: 10px;
    }
}

.main-header{
padding: 0px 0;
}

.topnav a {
padding: 7px 16px;
}


.mobile-container {
    max-width: 100%;
    margin: auto;
    height: auto;
    color: 
white;
float: right;
position: absolute;
width: 100%;
z-index: 999;
top: 0px;
}

    #myLinks ul {
        display: none
    }
    #myLinks {
        display: none;
    }
}
@media only screen and (min-width: 768px) {
    .mobile-container {
        display: none
    }
}


@media only screen and (max-width:500px) {
.banner-caption p {
    font-size: 15px;
	}
	
.banner-form select, .banner-form input[type="text"], .banner-form input[type="tel"], .banner-form input[type="email"] {
    width: 87%;
	}
#site-header .banner-caption li a {
font-size: 13px !important;
}
		
}


@media only screen and (max-width:360px) {


.banner-form select, .banner-form input[type="text"], .banner-form input[type="tel"], .banner-form input[type="email"] {
    width: 85% !important;
	}
	
.banner-caption p {
    font-size: 13px;
    line-height: 18px;
    width: 85%;
	}
	
.banner {
    padding: 10px;

}

.banner-caption li a {
font-size: 16px !important;
}



}