/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 1740px), (max-device-width: 1280px) {

.wrap2, .wrap3 { width: 100% !important; }
.wrap2 .content, .wrap3 .content, #postpress-content .content { padding: 30px 3%; width: 94%; }
.postpress-parent-page-wrap { margin-top: 0; }
.slider-content { padding: 20px 3%; width: 94%; }

.news-grid {justify-content: center;}
#news .content { padding-bottom: 20px; }
#why-us .content { padding: 0 3% 20px 3%; }
#about-us .content { padding-bottom: 50px; }
.about-us-container {display: flex;flex-wrap: wrap;justify-content: space-between;}
.about-us-stat {flex: 1 1 calc(33.33% - 60px);margin: 20px;}
.about-us-divider {display: none;}
.news-message { width: 19.2%; }

.new-post-block-title .zvyrazneni { font-size: 28px; }

/* hlavička, obsah */
#lang .content, #head .content, #content .content, #contact-us-hp .content, #contacts-hp .content, #newsletter .content { padding-left: 3%; padding-right: 3%; width: 94%; }
#slider .content, #contacts .content, #map .content  { padding: 0; width: 100%; }

#head .content { padding-right: 3%; padding-left: 3%; width: 94%; }

#services-subpage .content { padding: 0; }

#lang .content { padding-bottom: 0; }
#logo { margin: 0; }

.about-us-text { padding: 40px 5% 0 5%; }
.about-us-title { padding-left: 5%; }

.career-text { padding: 40px 5% 0 5%; }
.career-title { padding-left: 5%; }
#career-hp .content { padding: 0; width: 100%;}
.more-about-us { transform:translateY(0); }

.submit-button-container { margin-bottom: unset!important; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 1480px), (max-device-width: 1360px) {
    
.news-message { width: 250px; }
.latest-news-text { width: calc(100% - 40px); }
.new-post-block-title .zvyrazneni { font-size: 26px; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 1350px), (max-device-width: 1350px) {

.grid-sizer, .news-message {width: 24.2%;}
.gutter-sizer {width: 1%;}
.services-wrap { width: 100%; padding: 0 ; }
.new-post-block-title .zvyrazneni { font-size: 24px; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 1250px), (max-device-width: 1250px) {

.postpress-header-text {position: relative;display: block;background-color: hsl(210deg 10% 20% / 95%);width: calc(100% - 80px);margin-top: 0;top: 0; padding-bottom: 80px; }
.postpress-header-detail-link {position: relative;bottom: -20px;left: 0;left: unset; float: left; margin-bottom: 20px; }
.new-post-block-title h1 { font-size: 22px; line-height: 1.35em }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 1150px), (max-device-width: 1150px) {

#about-us-hp .content { width: 100%; padding: 5% 0; }
#wrap-head { position: static; }
#upper-head .content { height: 85px; }

.head-container { display: inline-block; margin-top: 30px; }
.menu-container { width: 100%; }
#head .wrap2 .content { height: unset; }
#head { margin-bottom: 0; overflow: hidden; }

    /* menu */
#menu { display: block; float: none; font-size: 1em;margin: 0 0 25px;}
#menu li { display: block; margin: 0; width: 100%; }
#menu li:first-of-type { padding-top: 10px; }
#menu li a { background: none; border: 0; display: block; padding: 7px 0; text-align: left; }
#menu li a.active, #menu li a:hover { background: none; border: 0; border-radius: 0; color: #111; }
#menu li:not(.active) { display: none; }
.fa-bars:before { font-size: 1.5em; }

/* ikona hamburgerového menu */
#menu li.icon { display: inline-block; font-size: 1.25em; position: absolute; right: 0; top: -79px; width: auto; }
#menu li.icon a { border: none !important; color: var(--main-color); margin-top: 0;  }

/* menu otevřené */
#menu.open li { display: block;  top: -120px; }
#menu.open li.icon { top: -171px; }
#menu.open li a, #menu li ul li a:hover { border-bottom: 1px solid #777; }
#menu a { color: var(--main-color);}
#menu a.active { display: none; }
#menu.open a.active { display: block }
#menu.open li.icon a { border: 0; }
#menu li ul { display: none; }

#career-hp .content { width: 100%; padding: 5% 0 5% 0; }
.career-background { padding: 0; }
.career {  transition: .2s background-color; width: 40%; top: 120px; bottom: unset; background-color: hsl(0deg 0% 0% / 85%);}
#career-hp .content { min-height: unset; }
.career-button { margin-left: 5%; }
#header-telephone, #header-email { display: none; }

.search-news-grid {grid-template-columns: repeat(4, 1fr);}
.postpress-text, .postpress-text-lower { padding-top: 10px; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 1080px), (max-device-width: 1000px) {

/* hp:newsletter */
.newsletter .title { display: block; font-size: 1.5em; margin-bottom: .75em; width: auto; }
.newsletter .nl-email { margin-right:0; width: 100%; }

/* patička */
.foot-container { gap: 5em 0; justify-content: flex-start; }
.foot-container .fc-col { flex-basis: 50%; }    
.foot-container .fc-col1 { order: 1; } 
.foot-container .fc-col2 { order: 3; }
.foot-container .fc-col3 { order: 2; }
.foot-container .fc-col4 { order: 4; }
    
.grid-sizer, .news-message {width: 32.3%;}
.gutter-sizer {width: 1.5%;}
.news-message-title, .search-news-message-title { font-size: 22px; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 970px), (max-device-width: 970px) {

.search-news-grid {grid-template-columns: repeat(3, 1fr);}
.service-container { width: 48%; margin: 15px 0;}
.service-title h1 {  margin: 20px 0 10px 0; }
.service-text-container { padding: 0 20px; flex-grow: 1; }
.services-wrap { gap: unset; }
h1, .h1 { font-size: 24px; margin: 0 0 0.5em 0;  }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 870px), (max-device-width: 870px) {

.service { position: relative; left: unset; transform: unset; padding: 5% 2%; margin: 0 calc(45% - 150px);}
.service-container { text-align: left; }
.quote-block-perex p { width: 90%; }

#contacts img { left: 0; transform: translateX(17%); }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 850px), (max-device-width: 850px) {

/* hlavička */
#head { position: static; }

/* obsah */
#homepage #content, #subpage #content { margin: 0; }
#breadcrumbs { margin-top: 0; }

/* hlavička */
#wrap-head.open { position: static; }
#wrap-head { position: static; }

#quote-block-text-background { min-height: 350px; }
#quote-block-text-background img { min-height: 350px; }

.about-us-text {padding-top: 20px;}

/* obsah - levá + pravá strana */
.wrap-left.view-menu-left { display: block; margin-bottom: 1em; padding: 2.5%; width: 95%; }
.wrap-right.view-menu-left { display: block; padding: 2.5%; width: auto; }
.wrap-left.view-menu-left, .wrap-right.view-menu-left { margin: 0; }

/* obsah */
#content.view-menu-left .content { background: none; }

.spec-container { justify-content: space-around; }

#menu li.icon { display: inline-block; font-size: 1.25em; position: absolute; right: 0; top: -80px; width: auto; }

#career-hp img { transform: none; float: left; width: 100%; }
.career-background { position: relative; height: auto; width: 100%; display: inline-block; }
.career { position: relative; width: 100%; top: -10px; display: block; }

.quote-block-text-background { height: 400px; }
.postpress-parent-container { width: 100%; }

.new-post-block { width: 100%; margin-top: 20px; }
.latest-news-wrapper {display: flex;justify-content: space-between;gap: 20px;}
.latest-news-container {flex: 1;margin-bottom: 0;max-width: calc(33.333% - 13.333px);box-sizing: border-box; padding: 0;}
.latest-news-image {width: 100%;margin-left: 0;margin-right: 0;}
.new-post-block-title { box-shadow: unset; background-color: #F0F0F0}

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 770px), (max-device-width: 770px) {

/* obsah: levá + pravá strana */
.content-left { display: block; margin: 0 0 3em 0; max-width: unset; width: 100%; }
.content-right { display: block; float: unset; width: 100%; }

/* aktuality */
.content-right .news { margin: 0 0 20px 0; width: calc(50% - 15px); }
.content-right .news:nth-child(odd) { margin-right: 10px; }
.content-right .news:nth-child(even) { margin-left: 10px; }

/* tabulka - kontakty */
.table-contacts tr { flex-direction: column; }

.spec-container-title { padding: 20px 0 60px 0; }
.foot-logo { display: block; }
.foot-text { display: block; width: 100%; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 750px), (max-device-width: 750px) {

.quote-block-perex p { width: 100%; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 700px), (max-device-width: 700px) {

.career-link-container { width: 100%; padding-right: 5%; }

.grid-sizer, .news-message {width: 48.4%;}
.gutter-sizer {width: 3%;}
.search-news-grid {grid-template-columns: repeat(2, 1fr);}
.postpress-header-container { padding-bottom: 20px; }

.news-message-title, .search-news-message-title { font-size: 16px; margin-top: 0.75em; }
.news-message-perex { font-size: 14px; line-height: 1.15em}

#subpage .why-us-text-container {margin-top: 20px;}

.width2 .wrap-photo.count1 .photo img, .width2 .wrap-photo.count2 .photo img, .width2 .photo img { height: auto !important; margin: 0 0 5px 0; width: 100% !important; }

}
/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 650px), (max-device-width: 650px) {

#head {display: flex;flex-direction: column;align-items: center;}
#upper-head {order: 3;text-align: center;margin-bottom: 10px;}
#head .content { padding: 0 3%; width: 94%; }
#wrap-search {display: none;}
#upper-head { display: none; }
#wrap-search-mobile {display: block!important;order: 2;width: 200px;text-align: center;margin-bottom: 10px;top: 0;position: relative;}
#wrap-search #reset-search, #wrap-search-mobile #reset-search-mobile {position: absolute;top: 15px;right: calc(50% - 90px);background: none;border: none;padding: 0;cursor: pointer;}
#logo {order: 1;margin-bottom: 10px;text-align: center;}
.head-container {display: flex;flex-direction: column;align-items: center;order: 1;width: 100%;}
.menu-container {order: 3;width: 100%;text-align: center;}
#menu.open li.icon { top: -176px}
#menu li.icon { top: -85px; right: 8px; }
.why-us-title { line-height: 1.25em; font-size: 22px }
.services-wrap { width: 98%; padding: 0 1% 0 1%; }

.service-detail-link { width: 100%; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 500px), (max-device-width: 500px) {

.latest-news-wrapper {display: flex;flex-direction: column;gap: unset;}
.latest-news-container {max-width: 100%;margin-bottom: 20px;box-sizing: border-box;overflow: hidden;}
.latest-news-image {width: 100% !important;height: 200px !important;object-fit: cover !important;object-position: center !important;max-width: none !important;display: block;}
.new-post-block a { width: 100% }
.service-container { width: 100%; margin: 15px 0;}

#subpage #about-us .content { padding-top: 0;}

.col, .wrap2 .col, .wrap2 .col:nth-child(even), .wrap2 .col:nth-child(odd) { padding: 0; width: 100%; }

#newsletter .content { padding-bottom: 15px; padding-top: 15px; }

.foot-logo { margin-bottom: 3em; }
.foot-container { gap: 3em 0; }
.foot-container .fc-col { flex-basis: 100%; }
.foot-container .fc-col1 { order: 1; } 
.foot-container .fc-col2 { order: 2; }
.foot-container .fc-col3 { order: 3; }
.foot-container .fc-col4 { order: 4; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 470px), (max-device-width: 470px) {

.search-news-grid {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px;}
.search-news-message {width: 100%;}
.news-message-text-content, .search-news-message-text-content { padding: 10px; }
.news-message-title { margin-bottom: 20px; }
.news-message-perex { line-height: 1.25em; }

}

/*******************************************************************************
 * smaller than XXXpx - start
 *******************************************************************************/

@media only screen and (max-width: 450px), (max-device-width: 450px) {

#wrap-search-mobile { left: -43px; }
.search-news-message-title { font-size: 20px; }
.postpress-header-detail-link {position: relative;margin: 0 auto;display: block; right: unset;left: unset;text-align: center; float: unset;}

/* aktuality */
.content-right .news { max-width: unset; width: 100%; }
.content-right .news:nth-child(odd) { margin-right: 0; }
.content-right .news:nth-child(even) { margin-left: 0; }

}