@media(max-width: 991px) {
body {
padding-top: 30px;
}
.menu-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: white;
z-index: 99;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
-o-transition: transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
max-width: 100%;
}
.menu-wrapper.active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
padding-bottom: 40px;
}
.menu li {
border: none;
text-align: center;
}
.menu a {
padding: 15px 10px;
font-size: 16px;
}
.menu a:after {
bottom: -2px;
}
.menu-icon {
display: block;
background: url(//vitkovicka-doprava.cz/wp-content/themes/vdoprava/images/menu-icon.svg) no-repeat center center;
width: 30px;
height: 30px;
z-index: 199;
position: relative;
}
.menu-icon.active {
background: url(//vitkovicka-doprava.cz/wp-content/themes/vdoprava/images/menu-close.svg) no-repeat center center;
}
.header {
padding: 10px 0;
}
.home--title {
font-size: 24px;
line-height: 150%;
margin-top: 10px;
}
h2 {
font-size: 24px;
line-height: 150%;
}
.home--subtitle {
margin: 0;
margin-top: -50px;
}
.section {
margin: 60px 0;
}
.section--content {
margin-top: -100px;
padding: 60px 0;
padding-top: 100px;
padding-bottom: 0;
}
.section--contact {
margin-bottom: 0;
padding-bottom: 0;
}
.section--hp {
padding-bottom: 100px;
}
.stats-wrapper {
margin-left: -15px;
margin-right: -15px;
}
.stats-icons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.stats-icon {
margin: 20px 0;
}
.clients-title {
-webkit-transform: none;
-ms-transform: none;
transform: none;
position: static;
}
.clients--1 .client {
width: 50%;
}
.clients--2 .client {
width: 50%;
}
.img--rounded {
margin-bottom: 30px;
}
.subsection {
padding-bottom: 30px;
}
.hp-mark {
top: 0;
left: 50px;
width: 30%;
height: auto;
}
.hp-arrow {
bottom: 60px;
left: 50%;
}
.hp-img {
max-width: 85%;
margin: 0 auto;
}
.footer-map {
position: relative;
width: 100%;
height: 200px;
top: auto;
left: auto;
margin-top: 40px;
background-size: auto 200%;
background-position: 25% center;
}
.footer-map .btn {
left: 50%;
top: 0;
}
.footer {
padding: 50px 0;
}
}
@media(max-width: 768px) {
.hp-arrow {
bottom: 0px;
left: 50%;
}
}
@media(max-width: 991px) {
body {
padding-top: 200px;
}
.eu {
top: 53px;
}
.above-container-eu {
flex-direction: column;
}
.eu .container {
flex-direction: row;
width: 100% !important;
}
}