/* !Responzive (Author: mail@jandousek.cz) */
@media only screen and (max-width: 1800px) {
.detailContact-banner {
display: none;
}
.detailContact .item--list.contain-persons {
margin-right: 0;
background-color: #f9f9f9;
}
}
@media only screen and (max-width: 1600px) {
.listStops {
padding-left: 5%;
padding-right: 5%;
}
.navDir-inset {
padding: 45px 55px;
}
.itemBlog-inset-inset {
padding: 35px 40px;
}
.detailContact-inset-inset {
width: 440px;
padding: 45px 55px;
}
.detailContact .separator {
margin-top: 20px;
margin-bottom: 20px;
}
.detailContact-map {
right: 550px;
}
.detailRef-inset-inset {
width: 550px;
}
.detailRef-media {
right: 550px;
}
.siteHead {
padding-left: 40px;
}
.siteHead-nav > a {
padding-left: 15px;
padding-right: 15px;
}
.siteHead-contacts {
width: 510px;
padding-left: 20px;
padding-right: 20px;
}
.sitePromo-image {
right: 550px;
}
.sitePromo-title {
right: 11%;
bottom: 18%;
}
.sitePromo .navDir {
width: 550px;
}
.siteGrid-col.contain-twitter {
display: none;
}
.siteGrid-col.contain-stops {
width: auto;
float: none;
}
}
@media only screen and (max-width: 1500px) {
.siteHead-nav > a .icon {
display: none;
}
}
@media only screen and (max-width: 1350px) {
.navFilter-list > li > a {
padding-top: 28px;
padding-bottom: 28px;
}
.headPage-inset {
padding-top: 45px;
padding-bottom: 60px;
}
.detailRef-mockup > span {
padding: 20px 30px;
}
.detailRef-back {
left: 40px;
top: 0;
}
.siteHead-logo {
margin: 15px 0;
}
.siteHead-nav {
margin: 15px 0;
}
.siteHead-nav > a {
padding: 19px 10px;
}
.siteHead-contacts {
padding-top: 15px;
padding-bottom: 15px;
}
.siteHead-contacts > li > a {
padding-top: 16px;
padding-bottom: 16px;
}
}
@media only screen and (max-width: 1200px) {
body {
font-size: 16px;
}
.grid-col {
font-size: 16px;
}
h1, .like-h1 {
line-height: 1.2;
letter-spacing: -3px;
font-size: 44px;
}
h2, .like-h2 {
line-height: 1.2;
font-size: 32px;
}
h3, .like-h3 {
line-height: 1.3;
font-size: 26px;
}
h4, .like-h4 {
line-height: 1.4;
font-size: 24px;
}
.link.type-button {
margin: 5px 10px 0 0;
}
.listStops {
padding-top: 40px;
padding-bottom: 40px;
}
.navDir-item {
font-size: 16px;
}
.itemBlog-inset {
font-size: 16px;
}
.itemBlog-inset-inset {
padding: 30px 35px;
}
.itemPerson-inset-inset {
margin-left: 33%;
padding: 25px 30px;
}
.itemPerson-image {
width: 33%;
}
.sectionTrailer-inset {
padding-top: 40px;
padding-bottom: 40px;
}
.sectionTrailer-excerpt {
margin-top: 10px;
}
.sectionTrailer .link.type-button {
margin-top: 15px;
}
.detailContact-inset-inset {
width: 380px;
padding: 40px;
}
.detailContact .separator {
margin-top: 25px;
margin-bottom: 25px;
}
.detailContact-map {
right: 460px;
}
.detailRef-inset-inset {
width: 460px;
}
.detailRef-inset-inset-inset {
padding: 40px;
}
.detailRef .separator {
margin: 25px -40px;
}
.detailRef-excerpt {
margin: 10px 0 10px 0;
}
.detailRef-media {
right: 460px;
}
.siteHead-contacts {
width: 420px;
margin-left: 20px;
}
.siteHead-contacts > li.contain-email {
display: none;
}
.sitePromo-image {
right: 460px;
}
.sitePromo .navDir {
width: 460px;
}
}
@media only screen and (max-width: 1100px) {
.lexModal-html, .lexModal-html > body {
overflow: visible;
}
.navDir {
background-color: #fff;
font-size: 0;
}
.navDir-item {
width: 50%;
display: inline-block;
vertical-align: top;
}
.navDir-excerpt {
max-height: 50px;
overflow: hidden;
}
.itemRef-inset-inset {
height: 240px;
}
.itemRef-inset-inset-inset {
padding: 32px;
}
.itemPost-inset-inset {
padding: 25px 8%;
}
.itemPost-excerpt {
margin-top: 15px;
}
.itemPost .link.type-button {
margin-top: 10px;
}
.item--list.gaps-40.contain-posts .item {
margin-bottom: 20px;
}
.item--list.gaps-40.contain-posts .item-inset {
margin: 0 10px;
}
.item--list-more {
margin-top: 10px;
}
.headPage-inset {
padding-top: 35px;
padding-bottom: 50px;
}
.headPage-excerpt {
margin-top: 6px;
font-size: 18px;
}
.detailPage-inset {
padding-top: 50px;
padding-bottom: 30px;
}
.detailContact-inset-inset {
width: 270px;
padding: 25px 35px;
background-color: transparent;
}
.detailContact .separator {
margin-top: 15px;
margin-bottom: 15px;
}
.detailContact-map {
right: 340px;
}
.detailContact-note br {
display: none;
}
.detailRef-inset {
height: auto;
}
.detailRef-inset-inset {
max-height: none;
overflow: visible;
}
.detailRef-inset-inset {
width: auto;
float: none;
}
.detailRef-inset-inset-inset {
max-width: 560px;
margin-left: auto;
margin-right: auto;
padding-left: 5%;
padding-right: 5%;
}
.detailRef .separator {
margin: 40px -1000px;
}
.detailRef-media {
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
}
.detailRef-mockup {
height: auto;
position: relative;
left: auto;
top: auto;
}
.detailRef-mockup > span {
padding: 60px 60px 40px 60px;
}
.detailRef-back {
display: none;
}
.siteHead {
padding-left: 25px;
}
.siteHead-nav > a {
padding-left: 10px;
padding-right: 10px;
}
.siteHead-contacts {
width: 300px;
}
.siteHead-contacts > li.just-icon {
margin: 0 -10px 0 10px;
}
.siteHead-contacts > li.contain-blog {
display: none;
}
.sitePromo-image {
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
overflow: hidden;
padding: 14% 10%;
}
.sitePromo-title {
float: right;
}
.sitePromo .navDir {
width: auto;
float: none;
overflow: hidden;
margin-bottom: -5px;
}
.sitePromo-title {
position: static;
}
.lexModal .detailRef-inset {
height: auto;
}
}
@media only screen and (max-width: 950px) {
h1, .like-h1 {
line-height: 1.3;
letter-spacing: -3px;
font-size: 36px;
}
h2, .like-h2 {
line-height: 1.4;
font-size: 32px;
}
h3, .like-h3 {
line-height: 1.4;
font-size: 24px;
}
h4, .like-h4 {
line-height: 1.6;
font-size: 18px;
}
.link.type-button.size-large {
padding: 13px 20px;
font-size: 13px;
}
.itemPerson-email {
margin-top: 4px;
font-size: 15px;
}
.itemPerson-excerpt {
margin-top: 6px;
}
.sectionTrailer-inset {
font-size: 16px;
}
.listStops {
padding-top: 32px;
padding-bottom: 32px;
}
.listStops-title {
margin-bottom: 10px;
}
.listStops-link {
padding: 8px 16px;
font-size: 15px;
}
.listStops-badge {
font-size: 20px;
}
.navDir-inset {
padding: 32px 35px;
}
.siteHead-contacts {
width: auto;
}
.siteHead-contacts > li.contain-twitter, .siteHead-contacts > li.contain-facebook {
display: none;
}
.sitePromo-title {
max-width: 50%;
}
}
@media only screen and (max-width: 900px) {
.navFilter-list > li > a {
padding: 22px 8px;
font-weight: 400;
font-size: 15px;
}
.navFilter-list > li > a:after {
left: 8px;
}
.navFilter-list > li > a:hover:after, .navFilter-list > li.is-active > a:after {
right: 8px;
}
}
@media only screen and (max-width: 900px) {
body {
font-size: 16px;
}
p, address {
margin-bottom: 10px;
}
ul, ol {
margin-bottom: 15px;
}
li {
margin-bottom: 4px;
}
.formContact {
padding: 22px 25px;
background-color: #f9f9f9;
}
.formContact-fields {
margin-top: 10px;
}
.sectionTrailer-inset {
padding-top: 30px;
padding-bottom: 30px;
}
.sectionTrailer-excerpt {
margin-top: 5px;
}
.itemPerson-excerpt {
max-height: none;
overflow: visible;
}
.itemPost-inset {
font-size: 15px;
}
.itemPost-excerpt {
height: 80px;
margin-top: 14px;
}
.itemPost-date {
margin-top: 8px;
}
.item--list.contain-persons.cols-2 .item {
width: auto;
display: block;
}
.headPage-inset {
padding-top: 25px;
padding-bottom: 32px;
}
.headPage:before, .headPage:after {
height: 8px;
}
.headPage-excerpt {
margin-top: 5px;
}
.detailPage-inset {
padding-top: 45px;
padding-bottom: 30px;
}
.detailContact .item--list.contain-persons.cols-2 .item:last-child .item-inset {
background-color: #fff;
}
.detailRef .separator {
margin-top: 25px;
margin-bottom: 25px;
}
.detailRef .formContact {
margin-top: -25px;
}
.detailRef-mockup > span {
padding: 40px 30px 20px 30px;
}
.detailRef-back {
left: 20px;
padding: 14px 16px;
font-size: 13px;
}
.siteHead {
padding-left: 0;
}
.siteHead-logo {
margin: 0;
padding: 15px 0 15px 20px;
}
.siteHead-logo > img {
width: 118px;
display: block;
}
.siteHead-nav {
margin: 0;
}
.siteHead-nav > a {
padding: 28px 10px;
letter-spacing: -1px;
font-weight: 500;
font-size: 17px;
}
.siteHead-contacts {
padding: 0;
}
.siteHead-contacts > li > a {
padding: 30px 20px;
}
.siteHead-contacts > li > a > .icon {
display: none;
}
}
@media only screen and (max-width: 800px) {
table {
font-size: 14px;
}
table th, table td {
padding: 8px 12px;
}
}
@media only screen and (max-width: 750px) {
.listStops-item {
border-right: none;
}
.listStops-link {
padding: 5px 12px;
}
.navDir-item {
text-align: center;
}
.navDir-inset {
max-width: 350px;
margin: 0 auto;
padding-left: 5%;
padding-right: 5%;
}
.navDir-item {
width: auto;
display: block;
}
.navDir-title {
max-width: none;
}
.navDir-title br {
display: none;
}
.itemBlog-inset {
font-size: 15px;
}
.itemBlog-inset-inset {
padding: 25px 30px;
}
.itemBlog-date, .itemBlog .link.type-button {
display: none;
}
.itemBlog-excerpt {
margin-top: 10px;
}
.itemRef-inset-inset {
height: 200px;
}
.item--list-list {
padding-top: 25px;
padding-bottom: 20px;
}
.item--list-list > li > a {
border: none;
padding: 0;
}
.item--list.cols-4.contain-refs .item {
width: 50%;
}
.sitePromo-image {
padding-left: 5%;
padding-right: 5%;
}
.sitePromo-title {
max-width: 70%;
}
.sitePromo .navDir {
display: block;
}
.siteGrid-col {
margin-bottom: 0;
padding-bottom: 0;
}
.siteGrid-col.contain-blog {
width: auto;
float: none;
}
.siteGrid-col.contain-blog + .siteGrid-col.contain-blog {
background-color: #f9f9f9;
}
}
@media only screen and (min-width: 701px) {
.siteHead-nav {
display: block !important;
}
}
@media only screen and (max-width: 700px) {
h1, h2, h3, h4 {
margin: 30px 0 10px 0;
}
.link.type-button {
padding: 11px 16px;
font-size: 12px;
}
.link.type-button:after {
margin-top: -9px;
}
.navDir-inset {
padding-top: 25px;
padding-bottom: 30px;
}
.navDir-excerpt {
margin-top: 6px;
}
.navDir-link {
margin-top: 16px;
}
.siteHead-logo {
padding-top: 15px;
padding-bottom: 15px;
}
.siteHead-logo > img {
width: 110px;
display: block;
}
.siteHead-nav {
position: absolute;
left: 0;
top: 100%;
right: 0;
display: none;
margin-top: -1px;
padding: 16px 10px;
background-color: #fff;
box-shadow: 0 6px 6px rgba(0, 0, 0, 0.06);
border-top: 1px solid #eee;
text-align: center;
}
.siteHead-nav > a {
padding: 8px 10px;
}
.siteHead-contacts {
margin-left: 15px;
}
.siteHead-contacts > li > a {
padding: 28px 15px;
}
.siteHead .burger {
display: block;
}
.sitePromo-title {
max-width: 60%;
}
.siteFoot-contacts, .siteFoot-links {
float: none;
text-align: center;
}
.siteFoot-links {
margin-top: 10px;
}
}
@media only screen and (max-width: 600px) {
h1, h2, h3, h4 {
margin: 20px 0 7px 0;
}
.detailRef-inset-inset-inset {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media only screen and (max-width: 550px) {
.itemRef-inset-inset-inset {
padding: 25px;
}
}
@media only screen and (max-width: 500px) {
.itemPost-excerpt {
height: auto;
}
.item--list.cols-2.contain-posts .item {
width: auto;
display: block;
}
.sectionTrailer-inset {
padding-top: 20px;
padding-bottom: 20px;
font-size: 15px;
}
.sectionTrailer--list.cols-2:after {
display: none;
}
.sectionTrailer--list.cols-2 .sectionTrailer {
width: auto;
display: block;
border-bottom: 1px solid #eee;
}
.headPage-excerpt {
font-size: 17px;
}
.detailContact-inset-inset {
width: auto;
float: none;
padding-left: 5%;
padding-right: 5%;
}
.detailContact-note {
margin-top: 10px;
}
.detailContact .separator {
margin-top: 10px;
margin-bottom: 10px;
}
.detailContact-map {
height: 200px;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
background-size: 350% auto;
}
.siteInquiry.is-active {
padding: 0;
}
.siteInquiry .formContact {
padding: 30px 35px;
}
}
@media only screen and (max-width: 450px) {
h1, .like-h1 {
letter-spacing: -2px;
font-size: 32px;
}
h2, .like-h2 {
font-size: 26px;
}
h3, .like-h3 {
font-size: 22px;
}
h4, .like-h4 {
letter-spacing: -0.5px;
font-size: 18px;
}
.field {
margin-bottom: 10px;
}
.field-label {
margin-bottom: 5px;
}
.message {
margin-bottom: 15px;
padding: 12px 16px;
}
.formContact .field[class*="title"], .formContact .field[class*="tel"] {
width: auto;
float: none;
}
.itemBlog-inset-inset {
padding: 20px 24px;
}
.itemBlog-excerpt {
margin-top: 6px;
}
.itemPerson-inset-inset {
padding: 20px 24px;
}
.itemPerson-position, .itemPerson-email {
font-size: 14px;
}
.detailRef-excerpt {
margin: 5px 0 8px 0;
}
.sitePromo-title {
max-width: 80%;
}
}
@media only screen and (max-width: 400px) {
.listStops-title > span {
display: none;
}
.siteHead-contacts > li > a {
padding-top: 24px;
padding-bottom: 23px;
}
.siteHead-contacts > li.contain-tel > a {
font-size: 0;
}
.siteHead-contacts > li.contain-tel > a > .icon {
display: block;
}
}