@media only screen and (max-width:500px){#mobile-menu{display:block;border-radius:5px;background:#f11a1c;width:32px;height:32px;color:#fff;display:inline-block;text-align:center;position:relative;vertical-align:middle;box-sizing:border-box;padding-top:7px;font-size:1.8rem;}
#mobile-menu i{display:block;}
#mobile-menu i:hover, #mobile-menu i:active{text-decoration:none;}
.navbar-default .navbar-nav{width:50%;right:0px;position:absolute;background:rgba(48, 73, 101 ,0.6);z-index:1000;}
.navbar-default .navbar-nav > li{width:100%;}
.navbar-default .navbar-nav > li.active a{color:#f11a1c;font-weight:bold;}
.navbar-default .navbar-nav > li.active:before{display:none;}
.navbar-default .navbar-nav .open .dropdown-menu>li >a{color:#fff;padding-left:70px;}
.references{text-align:center;}
.kontakt .left-panel{width:30%;}
.kontakt .left-panel h1{position:absolute;margin-left:5%;}
.kontakt .right-panel{width:70%;}
.kontakt .right-panel .box{margin:0 10px;padding-left:30px;}
.kontakt .right-panel .box img{width:140px;}
.kontakt .right-panel i.fa{font-size:1.5rem;width:30px;height:30px;line-height:3rem;}
.kontakt .right-panel span{font-size:1.2rem;}
header .homepage h1{width:95%;margin:30px auto 0 auto;font-size:3rem;}
.panel-info{width:100%;}
#socials a{width:28px;height:28px;padding:5px;}
#socials a:hover{font-size:1.7rem;width:28px;height:28px;}
#socials a i.fa{font-size:1.5rem;}
#realizationDetail .item .description{width:80%;}
}
@media only screen and (min-width:899px) and (max-width:1000px){.navbar-nav{margin-left:180px;}
.nav>li>a{padding:10px 5px;}
}
@media only screen and (min-width:1000px) and (max-width:1200px){header .homepage h1{margin-left:20%;margin-top:170px;}
.panel-info{margin-top:180px;}
}
@media only screen and (min-width:1200px) and (max-width:1500px){header .homepage h1{margin-left:30%;margin-top:150px;}
.panel-info{margin-top:150px;width:22%;margin-right:8%;}
}
@media only screen and (min-width:1500px){header .homepage h1{margin-left:35%;margin-top:150px;}
.panel-info{margin-top:150px;width:22%;margin-right:8%;}
.panel-info ul{font-size:16px;}
.panel-info ul li{line-height:25px;}
}
@media only screen and (min-width:500px) and (max-width:900px){#mobile-menu{display:block;border-radius:5px;background:#f11a1c;width:32px;height:32px;color:#fff;display:inline-block;text-align:center;position:relative;vertical-align:middle;box-sizing:border-box;padding-top:7px;font-size:1.8rem;}
#mobile-menu i{display:block;}
#mobile-menu i:hover, #mobile-menu i:active{text-decoration:none;}
.navbar-default .navbar-nav{width:50%;right:0px;position:absolute;background:rgba(48, 73, 101 ,0.6);z-index:1000;}
.navbar-default .navbar-nav > li{width:100%;}
.navbar-default .navbar-nav > li.active a{color:#f11a1c;font-weight:bold;}
.navbar-default .navbar-nav > li.active:before{display:none;}
.navbar-default .navbar-nav .open .dropdown-menu>li >a{color:#fff;padding-left:70px;}
.references{text-align:center;}
.kontakt .left-panel{width:40%;}
.kontakt .left-panel h1{position:absolute;margin-left:5%;}
.kontakt .right-panel{width:60%;}
.kontakt .right-panel .box{margin:0 10px;padding-left:70px;}
.kontakt .right-panel .box img{width:160px;left:-100px;}
.kontakt .right-panel i.fa{font-size:1.7rem;width:34px;height:34px;line-height:3.2rem;}
.kontakt .right-panel span{font-size:1.3rem;}
header .homepage h1{width:85%;margin:30px auto 0 auto;float:none;}
.panel-info{width:60%;margin-right:15%;float:right;}
}
@media only screen and (min-width:900px){.navbar-default .collapse{display:block !important;}
}