@media (max-width: 1100px){
.nav .content ul li{
margin: 0 10px 0 0;
}

}

@media (max-width: 1024px){
.hero {
 background-attachment: scroll;
}

.blok.why-with-us{
background-attachment: scroll;
}

.blok.kontakt{
background-attachment: scroll;
}

}

@media (max-width: 1000px){
.button_container{
display: block;
}

.nav .content .menu{
position: fixed;
max-width: 75%;
width: 75%;
height: 100%;
left: 0;
right: 0;
top: 0;
overflow: hidden;
background: white;
text-align: left;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
-webkit-backface-visibility: hidden;
transform: translate3d(-100%, 0px, 0px);
}

.nav .content .menu.open {
height: 100%;
z-index: 120;
transform: translate3d(0px, 0px, 0px);
}

.nav .content ul{
margin: 0;
display: block;
padding: 50px 0 0 20px;
}

.nav .content ul li{
margin: 0;
display: block;
padding: 15px 10px;
}

.nav .content ul li a{
display: inline-block;
}

}

@media (max-width: 768px){
.blok .content-box .services .item{
width: 32%;
margin: 0 2% 2% 0;
}

.blok .content-box .services .item:nth-child(3){
margin: 0 0 2% 0;
}

.blok .content-box .services .item:nth-child(4){
margin: 0 2% 0 0;
}

.blok .content-box .services .item:last-child{
margin: 0;
}
}

@media (max-width: 425px){
.nav .content .logo{
max-width: 250px;
}

.nav .content ul{
padding: 8px 0 0 20px;
}

.button_container{
top: 21px;
}


.hero .content h1{
font-size: 35px;
line-height: 45px;
}

.hero .content p{
font-size: 18px;
line-height: 28px;
}

.blok.why-with-us{
background-position: right center;
}

.blok .content-box .services .item{
width: 100%;
margin: 0 0 20px 0;
}

.blok .content-box .services .item:nth-child(3){
margin: 0 0 20px 0;
}

.blok .content-box .services .item:nth-child(4){
margin: 0 0 20px 0;
}

.blok .content-box .services .item:last-child{
margin: 0;
}

.blok .content-box .features .row{
margin: 0 0 50px 0;
}

.blok .content-box .features .row:last-child{
margin: 0;
}

.blok .content-box .features .row .item{
width: 100%;
display: block;
margin: 0 0 50px 0;
}

.blok .content-box .features .row .item:last-child{
margin: 0;
}

.blok .content-box .contact-wrap .details{
width: 100%;
display: block;
margin: 0 0 50px 0;
}

.blok .content-box .contact-wrap .item{
width: 100%;
display: block;
margin: 0 0 50px 0;
} 

}