@media only screen and (max-width:1000px){
.wrap-inner{width:96%;}
.header-inner{padding:20px 2% 12px;}
#logo{width: 28%;}
#mainnav{padding:50px 0 0 2%; width:70%;}
#mainNavigation li{margin-left:1%;}
#mainNavigation li a{padding:0 10%;}
#container .wrap-inner{width:92%; padding:33px 2%;}
#footer .wrap-inner{width:92%; padding:15px 2%;}
}
@media only screen and (max-width:800px){
#logo{width: 200px;}
#mainnav{padding-top: 0; width:auto; float:right;}
.menu-icon{display:block;}
#mainNavigation{display:none; width:200px; position:absolute; top:62px; right: 0; background:#fff; padding-top:18px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#mainNavigation li{width:100%; margin:0; text-align:right;}
#mainNavigation li:hover a, #mainNavigation li.active a{padding-bottom:0; background:none;}
.container-inner{width:auto;}
.container-text{padding:0 5px;}
}

@media only screen and (max-width:768px){
.list-boxes li{width:48%; margin:0 0 20px 4%;}
.list-boxes li.firstcol{margin-left:0;}
.teaser-caption p{font-size:20px; line-height:30px;}
.footer-link{padding:0 0px;}
.footer-link li.removeline{background:none; background:url(../img/bgi/footer-col.png) no-repeat left center;}
}

@media only screen and (max-width:568px){
#logo{width: 150px;}
#mainNavigation{width: 100%; }
.list-boxes li{width:100%; margin:0 0 20px;}
.footer-titletag{font-size:24px; line-height:30px;}

}
@media only screen and (max-width:480px){
.teaser-caption p{font-size:15px; line-height:24px;}
}