@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   /* IE10+ CSS */
   .hp-swiper-slide {
       display: block;
   }
   .hp-swiper-bg, .hp-swiper-popis {
       display: block;
       float: left;
   }
}


@media all and (min-width: 1530px) {
    .hp-levy-sloupec {
        padding: 0;
        float: left;
        width: 69.3%;
    }
    .hp-pravy-sloupec {
        padding: 0;
        float: right;
        width: 27%;
    }   
} /* overwrite native widths of HP cols only above 1530px */

@media all and (max-width: 1915px) {
    .header .menu {
        margin-left: 2%;
    }
    .header .logo {
        margin-left: 8%;
    }
    .drobeckova-navigace .site_path_nav span a:first-child {
        padding-left: 8%;
    }
    .bonusy-slide-obsah {
        width: 55%;
    }
}

@media all and (max-width: 1740px) {
    #top-ekomunikace-vstup, #karta-zivota-href {
        width: 380px;
    }
    .header .logo {
        margin-left: 3%;
    }
    .drobeckova-navigace .site_path_nav span a:first-child {
        padding-left: 3%;
    }
    /*.hp-swiper-popis-text {
        min-height: 90px;
    }*/
    .hp-swiper-popis h2 {
        font-size: 36px;
        font-weight: 600;
        line-height: 40px;
        margin: 10px 0 10px;
    }
}

@media all and (max-width: 1575px) {
    #top-ekomunikace-vstup, #karta-zivota-href {
        width: 310px;
    }
    .header .menu > ul > li {
        width: 135px; /* <-- 160px před přidáním kontaktů */
    }
    .hp-swiper-popis-text {
        min-height: initial;
    }
    .three-banners .banner-part {
        min-height: 250px;
    }
}

@media all and (max-width: 1460px) {
    .drobeckova-navigace .site_path_nav span a {
        font-size: 14px;
    }
    .drobeckova-navigace .site_path_nav span a:nth-child(5) {
        left: -175px;
    }
    .footer-box-4-inner, .footer-box-1-inner {
        padding: 0 15px;
    }
    #mojb-pobocky-list {
        padding: 0 15px;
    }
    #mojb-pobocky-list::before {
        left: 15px;
        width: calc(100% - 30px);
    }
    .bulletin-scene {
        width: 29%;
    }
}

@media all and (max-width: 1400px) {
    #mojb-pobocky-list .pobocka.list-item {
        width: 32%;
    }
    .obsah-sekce-banner img {
        margin-left: 0;
    }
    .hp-swiper-popis-inner {
        max-width: 1000px;
    }
    .custom-container {
        padding: 0 10px;
    }
    .header .logo {
        margin-left: 15px;
    }
    .header .menu > ul > li {
        width: 115px; /* <-- 140px před přidáním kontaktů */
    }
    #top-ekomunikace-vstup, #karta-zivota-href {
        width: 245px;
    }
    .hp-swiper-popis {
        padding: 0 15px;
    }
    .hp-swiper-popis h2 {
        font-size: 36px;
        margin: 15px 0;
    }
    .hp-swiper-popis-text {
        font-size: 18px;
        height: auto;
    }
    .hp-swiper-popis button {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    /*.hp-swiper-bg, .hp-swiper-popis {
        display: block;
        float: none;
        width: 100%;
    }*/
    .bonusy-slide-obsah h2 {
        font-size: 21px;
        margin: 15px 0 10px;
    }
    .bonusy-slide-obsah h3 {
        font-size: 21px;
        margin: 10px 0;
    }
    .bonusy-slide-obsah .bonusy-slide-buttony a {
        margin-top: 5px;
    }
    .bonusy-slide-obsah .bonusy-slide-buttony {
        margin-top: 5px;
        margin-bottom: 15px;
    }
    .three-banners .first-banner {
        width: 100%;
        margin-left: 0;
        margin: 0 0 15px 0;
        min-height: initial;
    }
    .three-banners .banner-part:not(.first-banner) {
        margin: 0;
        width: 50%;
    }
    .three-banners .second-banner-texts, .three-banners .third-banner-texts {
        width: 82%;
        left: 50%;
        top: 0;
        height: 100%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    .three-banners .banner-part {
        display: block;
        float: left;
    }
    .three-banners {
        display: block;
    }
    .drobeckova-navigace .site_path_nav span a:first-child {
        padding-left: 1%;
    }
   /* .heading-back-btn-wrapper .back-btn, .heading-back-btn-wrapper .sc-heading {
        display: initial;
        float: left;
    }*/

    .proc-byt-s-nami .tabs .tab h3 {
        font-size: 15px;
        line-height: 18px;
    }
}

@media all and (max-width: 1200px) {
    .top-header-inner > a {
        float: none;
    }
    .aktualni-nabidka-pozic-banner .banner .text-part .button button {
        font-size: 15px;
        padding: 11px;
    }
    .aktualni-nabidka-pozic-banner .banner .text-part .desc, .kontakty-na-personalisty-banner .banner .text-part .desc {
        font-size: 18px;
    }
    .sc-button-href.jumbo-btn {
        font-size: 15px;
        padding: 10px;
    }
    .aktualni-nabidka-pozic-banner .banner .img-part, .kontakty-na-personalisty-banner .banner .img-part {
        max-width: 240px;
    }
    .rowbanner .rowbanner-inner .textpart, .rowbanner .rowbanner-inner .imgpart {
        width: 100%;
        max-width: 100%;
    }
    .rowbanner .rowbanner-inner .textpart h3 {
        font-size: 19px;
    }
    .rowbanner .rowbanner-inner .textpart {
        margin-bottom: 15px;
    }
    #slevy-buttons-wrapper .slevy-toggle-button {
        padding: 0 15px;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        height: auto;
        padding: 15px;
    }
    #slevy-buttons-wrapper .slevy-toggle-button::before {
        -webkit-transform: initial;
                transform: initial;
        position: static;
        margin-bottom: 10px;
    }
    #karta-zivota-href p::after {
        display: none;
    }
    .footer-box-4-inner {
        text-align: left;
    }
    .three-banners .third-banner {
        display: none !important;
    }
    .hp-slider .hp-swiper-container {
        display: none;
    }
    #mojb-pobocky-list .pobocka.list-item {
        width: 47%;
    }
    #mojb-benefits-list .list-item {
        width: 100%;
        margin: 20px 0;
    }
    #benefits-filter.binded .fitem:not(:last-child) {
        padding: 15px 15px 5px;
    }
    #benefits-filter.binded .fitem:not(:last-child) {
        width: auto;
        display: block;
    }
    .hp-faq-box .list-box ul li {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .hp-faq-box .list-box ul li:hover {
        padding-left: 0;
    }
    .hp-faq-box .list-box ul {
        width: 100%;
    }
    .hp-swiper-popis-inner {
        max-width: initial;
        width: 75%;
    }
    #menu-icon, #search-toggle-ico {
        display: block;
    }
    .header-main {
        overflow: visible;
        height: auto;
    }
    .header .menu {
        display: block;
        position: absolute;
        width: 100%;
        height: auto;
        top: 80px;
        left: 0;
        z-index: 99999;
        background: #fff;
        margin: 0;
        display: none;
    }
    .header .menu > ul > li {
        display: block;
        width: 100%;
        float: none;
    }
    .top-mail-mobile, #top-ekomunikace-vstup, .top-header .search_form {
        float: none;
    }
    .top-header-inner {
        float: none; 
        text-align: center;
    }
    .top-mail-mobile table {
        margin: 0 auto;
    }
    #top-ekomunikace-vstup {
        margin: 0 auto;
        width: 265px;
    }
    /*.top-header .search_form {
        padding: 0;
        margin: 5px 15px;
    }*/
    .top-header .search_form {
        padding: 0;
        margin: 5px 15px;
        position: absolute;
        background: #F5F5F5;
        top: 125px;
        z-index: 9999;
        width: 100%;
        margin: 0;
        padding: 15px 0;
        border-bottom: 2px solid #07164F;
        display: none;
    }
    #top-ekomunikace-vstup {
        margin: 10px auto;
        /*display: none;*/
    }
    .header .logo {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .header .menu ul {
        margin-top: 0;
    }
    .header .menu ul {
        margin-bottom: 0;
    }
    .hp-pravy-sloupec, .hp-levy-sloupec {
        position: static;
    }
    .third-banner-texts-only {
        width: 70%;
    }
    .three-banners .banner-part:not(.first-banner) {
        min-height: 0;
        /*width: 100%;*/
        display: block;
        float: none;
        clear: both;
        margin: 15px auto;
    }
    .three-banners .second-banner .second-banner-texts .second-banner-texts-only {
        max-width: 300px;
        top: 40%;
    }
    .third-banner-texts-only {
        width: 90%;
        right: 0px;
        top: 10%;
    }
    .footer-box::after {
        display: none;
    }
    .custom-container {
        padding: 0;
    }
    .one-row-inner-tiny {
        padding: 0 15px;
    }
    .drobeckova-navigace .site_path_nav {
        display: none;
    }
    .obsah-sekce-banner img {
        display: block;
        float: none;
        margin: 0 auto;
        padding-top: 15px;
    }
    .obsah-sekce-banner h3 {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
        padding: 15px;
        margin: 0;
    }
    .hp-faq-box .list-box ul li::before {
        top: 4px;
    }
    .heading-back-btn-wrapper .sc-heading {
        padding-left: 0;
        width: 100%;
    }
    .heading-back-btn-wrapper .sc-heading h3 {
        padding: 0;
    }
    .tree_node_paging .higher_nodes, .tree_node_paging .lower_nodes {
        clear: both;
        width: 100%;
    }
    .faq-otazky ul li {
        padding-left: 15%;
    }
    .faq-rozcestnik-singletab-list ul li a {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .faq-rozcestnik-singletab-list ul li::before {
        top: 12px;
    }
    #calendar-filter div.fitem:first-of-type:after {
        display: none;
    }
    #pobocky-filter .fitem .select[name="kraj"] > div {
        width: 100%;
    }
   /* #pobocky-filter .fitem:last-child {
        text-align: center;
        position: static;
        margin-bottom: 25px;
    }
    #pobocky-filter .fitem:last-child input {
        border: 1px solid #EEEFF3;
        padding-top: 5px;
        padding-bottom: 5px;
        height: auto;
        width: 100%;
        max-width: 350px;
    }*/
    #pobocky-detail_layout-box--pobocka-main--adresa--mapa--, #pobocky-detail_layout-box--pobocka-main--adresa--hlavni--, #pobocky-detail_layout-box--pobocka-main--ostatni--info--objekt-- {
        width: 100%;
    }
    #pobocky-detail_layout-box--pobocka-main--adresa--mapa-- {
        width: 50%;
    }
    .header .menu > ul > li > ul, .header .menu > ul > li:hover > ul {
        width: 100%;
        height: auto;
        max-height: 100%;
        display: none;
    }
    .detail-daytime-wrapper .table-hours {
        padding-right: 0;
    }
    .detail-pobocky-benefity, .detail-pobocky-kalendar {
        padding: 0 15px;
    }
    #karta-zivota-href-inner {
        text-align: left;
        display: inline-block;
    }
    .x-vyhledavani-- input.textentry {
        width: 250px;
    }
    #karta-zivota-href {
        text-align: center;
        width: 100%;
    }
    #karta-zivota-href img {
        float: left;
    }
    #karta-zivota-href p {
        float: left;
    }
    .obsah-sekce-banner-wrapper {
        display: none;
    }
    .bulletin-scene {
        float: left;
        margin: 18px 2.5%;
        width: 45%;
        max-width: initial;
    }
    .fond-prevence-2019-default .mo-content-wrapper .mo-white-square-wrapper .browse_json_filter div[name="skupina"] .item:not(:first-child) {
        border-left: 1px solid;
    }
    .fond-prevence-2019-default .mo-content-wrapper .mo-white-square-wrapper .browse_json_filter div[name="skupina"] .item {
        margin: 5px;
        border-radius: 5px !important;
    }
}

@media all and (max-width: 991px) {
    #slevy-buttons-wrapper {
        display: block;
    }
    #slevy-buttons-wrapper .slevy-toggle-button {
        width: 100%;
        margin: 15px 0;
    }
    .aktuality-tab .list_item_inner {
        height: auto;
    }
    .vedeni-slide-img, .vedeni-slide-popis {
	    float: none;
    }
    .vedeni-swiper-slide {
        padding: 15px;
    }
    .forms-list .files-group {
        width: 100%;
    }
    .faq-otazky ul li ul li, .faq-podotazka {
        padding-left: 0;
    }
    #mojb-pobocky-list .pobocka.list-item h3 {
        height: auto;
    }
    #mojb-pobocky-list .pobocka.list-item {
        width: 100%;
        height: auto;
    }
    .aktuality-tab .info, .aktuality-tab h3, .aktuality-tab .perex-body {
        height: auto;
    }
    .hp-faq-box .bubbles-box {
        padding-top: 25px;
    }
    .hp-faq-box .list-box h3 {
        margin: 25px 0 25px;
    }
    .pdf-download-banner table {
        width: 100%;
    }
    .pdf-download-banner table tr td {
        display: block;
        width: 100% !important;
        padding: 15px !important;
        text-align: center;
    }
    .pdf-download-banner table tr td:last-child img {
        float: none;
    }
    .pdf-download-banner table tr td p {
        margin: 0;
    }

    .dva-boxy-levy, .dva-boxy-pravy, .dva-boxy-levy-vedlejsi, .dva-boxy-pravy-hlavni {
        float: none;
        width: 100%;
        padding: 0;
    }

    .tri-boxy-levy {
        width: 100%;
        float: none;
    }

    .tri-boxy-prostredni {
        width: 100%;
        float: none;
        padding: 0;
    }

    .tri-boxy-pravy {
        width: 100%;
        float: none;
    }
    .tri-boxy-spodni {
        width: 100%;
    }
    .kalendar-akci-box .kalendar-box {
        padding-top: 25px;
    }
    .kalendar-akci-box .list-box ul li .date-box {
        float: none;
        display: block;
        width: auto;
        padding: 0;
        margin-bottom: 5px;
    }
    .kalendar-akci-box .list-box ul, .kalendar-akci-box .list-box ul li .desc-box {
        width: 100%;
    }
    .HP-hlavni-rozcestnik .main-button:before {
        display: none;
    }
    .HP-hlavni-rozcestnik {
        padding: 0;
        margin-top: 0;
    }
    .bonusy-slide-bg {
        display: none;
    }
    .bonusy-slide-obsah {
        position: static;
        background: #EDEDED;
        width: 100%;
        height: auto;
        padding: 15px 25px;
        -webkit-transform: translate(0);
                transform: translate(0);
    }
    .bonusy-slide-obsah .bonusy-slide-buttony a {
        padding: 6px 5px;
        margin-left: 0;
        margin-right: 0;
    }
    .three-banners .banner-part:not(.first-banner) {
        background: #EDEDED;
    }
    /*.banner-part .second-banner-bg, .banner-part .third-banner-bg {
        display: none;
    }*/
    .three-banners .second-banner-texts, .three-banners .third-banner-texts, .third-banner-texts-only, .second-banner-texts-only {
        position: relative !important;
        top: initial !important;
        bottom: initial !important;
        left: initial !important;
        right: initial !important;
        width: 100% !important;
        max-width: initial !important;
        -webkit-transform: none !important;
                transform: none !important;
        text-align: center;
    }
    .three-banners .first-banner h3 {
        width: 100%;
        text-align: center;
    }
    .three-banners .banner-part {
        width: 100% !important;
        padding: 15px;
    }
    .three-banners .second-banner button, .three-banners .third-banner button {
        position: static;
        margin-top: 15px;
    }
    .three-banners .third-banner h4 {
        margin-bottom: 15px;
    }
    .three-banners .second-banner .second-banner-texts {
        color: #23408f;
    }
    .three-banners .second-banner h4 {
        color: #f65710;
    }
    .zjv-part-inner {
        text-align: center;
    }
    .zjv-part {
        margin-bottom: 15px;
    }
    .footer .menu {
        min-height: auto;
        margin-bottom: 55px;
    }
    .underfooter-right, .underfooter-left {
        float: none;
        display: block;
        width: 100%;
        margin: 10px 0 40px;
        text-align: center;
    }
    .underfooter-right i, .underfooter-right p {
        float: none;
    }
    .underfooter-right i {
        margin: 0;
        margin-bottom: 5px;
    }
    .calendar-item, #calendar-filter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    #calendar-filter div.fitem {
        text-align: center !important;
        width: 100%;
        margin: 10px 0 0;
    }
    #calendar-filter input[type="submit"] {
        margin-top: 10px;
    }
    .calendar-item h3, .calendar-item .calendar-event-address {
        width: auto;
    }
    #calendar-filter div.fitem input {
        width: 98%;
        max-width: 300px;
    }
    .calendar-item .calendar-date, .calendar-item h3.calendar-event-name, .calendar-item .calendar-event-address, .calendar-item .calendar-morebutton {
        margin-top: 10px;
        text-align: center;
    }
    #calendar-detail-cf--icon {
        float: none;
        width: 100%;
        margin: 0;
    }
    #calendar-detail {
        padding: 0 15px;
    }
    #calendar-detail .backbutton {
        position: static;
        padding: 25px 0;
    }
    #calendar-detail-cf--term, #calendar-detail-cf--name, #calendar-detail-cf--address, #calendar-detail-cf--desc {
        width: 100%;
    }
    #pobocky-detail_layout-box--pobocka-main--adresa--mapa-- {
        width: 100%;
    }
    #pobocky-detail_layout-box-inner--pobocka-main--adresa--mapa-- > a.print-pobocka {
        margin-left: 0;
    }
    #pobocky-detail_layout-box--pobocka-main--adresa--mapa-- {
        padding: 0 15px;
    }
    #pobocky-detail_layout-box--pobocka-main--adresa--hlavni--adresa--::before {
        display: none;
    }
    #pobocky-detail_layout-box--pobocka-main--adresa--hlavni--adresa--, #pobocky-detail_layout-box--pobocka-main--adresa--hlavni--doba--, #pobocky-detail_layout-box--pobocka-main--adresa--hlavni--vedouci-- {
        width: 100%;
        padding: 0 15px;
        margin: 20px 0;
    }
    #pobocky-detail_3-cf--name {
        margin-bottom: 0;
    }
    .x-vyhledavani-- .tri-boxy-prostredni table tr td, .x-vyhledavani-- .tri-boxy-prostredni table tr th {
        display: block;
        width: 100%;
        padding-left: 0;
    }
    
    #left-mobilemenu-bttn {
      display: block;
      margin: 10px auto 0;
    }
    .x-vyhledavani-- #left-mobilemenu-bttn, .x-kontakt-- #left-mobilemenu-bttn {
        display: none !important;
    }
    
    h2.obsah-sekce-h2 {
      display: none;
    }
    
    .obsah-sekce-banner img {
      display: block;
      float: left;
      margin: 15px;
      padding: 0;
    }
    
    .obsah-sekce-banner h3 {
      display: inline-block;
      float: left;
      width: 50%;
      text-align: left;
      margin: 20px 0 0 0;
    }
    
    h2.heading,
    .heading h2 {
      font-size: 30px;
      line-height: 34px;
    }
    
    .tri-boxy-levy .treelisting.closed {
      display: none;
    }
	
	.zjv-part-inner {
		height: auto;
		max-height: initial;
	}
	
	.zjv-icon {
		height: auto;
		max-height: initial;
	}
	
	.zjv-hd {
		height: auto;
		max-height: initial;
	}
	
	.zjv-hd a {
		line-height: 1;
	}
	
	.zjv-desc {
		height: auto;
		max-height: initial;
	}
    #mojb-pobocky-list .pobocka.list-item .other-important-msg {
        position: static;
        -webkit-transform: initial;
                transform: initial;
        margin-top: 10px;
        width: 100%;
        padding: 0 15px;
    }
    
    .form-formulare ul.input-radio li {
      padding: 1%;
    }
    /*kontakty*/
    .two-cols-wrapper {
        display: block;
    }
    .two-cols-wrapper .single-col, .kontakt-wrapper-inner .two-col-text-wrapper {
        width: 95%;
        margin: 25px auto;
    }
    .two-col-text-inner .two-cols-styled {
        -webkit-column-count: 1;
                column-count: 1;
    }
    .two-cols-wrapper .single-col .single-col-inner table tr td {
        padding: 5px;
    }
    .two-cols-wrapper .single-col .help-banner:after {
        display: none;
    }
    .two-cols-wrapper .right-col-other-info h3 {
        margin-top: 35px;
    }
    /*-- kontakty --*/
    .tri-boxy-levy .treelisting {
        display: none;
    }

    .proc-byt-s-nami .tabs {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
                justify-content: center;
    }
    .proc-byt-s-nami .tabs .tab {
        width: 50%;
        margin-bottom: 30px;
        max-width: 235px;
    }
    .proc-byt-s-nami.proc-byt-s-nami-fond-prevence .tab.tab-heading {
        width: 50%;
        margin-bottom: 30px;
        border-right: 0;
        padding-right: 15px;
    }
    .proc-byt-s-nami.proc-byt-s-nami-fond-prevence .tab.tab-heading h2 {
        text-align: center;
    }
    .tri-boxy-pravy .sc-button-href.jumbo-btn {
        display: none;
    }
    
    .usefull-text-row {
      width: 50%;
      float: left;
      text-align: center;
      padding: 0 20px;
    }
    
    .usefull-cvd-hd {
      margin: 20px auto 20px;
    }
    
    .photo-text-row .content-col {
      padding: 0px 25px 0px 25px;
    }
}

@media all and (max-width: 768px) {
    .vyhody-programu-banner-inner .right-side {
        display: none;
    }
    .vyhody-programu-banner-inner .left-side {
        width: 100%;
        padding: 25px;
    }
    .vyhody-programu-banner-inner .content .part {
        display: flex;
        width: 100%;
    }
    .vyhody-programu-banner-inner .content .part .desc br {
        display: none;
    }
    .fond-prevence-mo-list .list-item {
        width: 49%;
    }
    #mojb-best-benefits-list a.list-item {
        width: 100%;
    }
  .form-formulare {
    margin: 10px auto 20px;
    padding: 15px 30px;
  }
  
  .formulare-hd h2 {
    margin: 20px;
    font-size: 25px;
  }
  
  .form-formulare ul.input-checkbox {
    -webkit-column-count: 1;
            column-count: 1;
  }
  
  .form-formulare ul.input-checkbox li {
    margin-bottom: 15px;
  }
  
  .form-formulare ul.input-checkbox label {
    display: inline;
  }
  
  .form-formulare .more-fields {
    -webkit-column-count: 1;
            column-count: 1;
    -webkit-column-gap: 0;
            column-gap: 0;
  }
  
  .form-formulare ul.input-radio {
    text-align: center;
  }
  
  .form-formulare ul.input-radio li {
    float: none;
    padding: 10px;
    text-align: center;
    display: inline-block;
    width: 100%;
  }
  
  .custom-radio {
    margin: 15px auto;
    width: 20px;
  }
 /* 
  .checkround {
    top: -10px;
  }*/
  .custom-radio input {
      position: relative;
  }
  .custom-radio {
	margin: 3px auto;
}
  
  .form-formulare li.radio-before, .form-formulare li.radio-after {
    width: 100%;
  }
  
  .form-formulare label.form2-label-left {
    font-size: 14px;
    text-transform: uppercase;
    color: #23408f;
    font-weight: 500;
    margin: 15px 0;
  }
  
  .form-formulare .more-wrapper {
    border: 1px solid #dbe2e7;
    padding: 30px 10px;
    margin: 30px 0 0;
  }
  
  .form-formulare .multival-radio li.sad,
  .form-formulare .multival-radio li.happy {
    margin: 15px auto;
  }
  
  .form-formulare button.button-submit {
    margin-top: 0;
  }
  .moznost-komunikace-zp .tabs .tab {
    width: 48%;
  }
  .fond-prevence-mo-detail .graystripe-controls {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}
  .fond-prevence-mo-detail .graystripe-controls .leftpart, .fond-prevence-mo-detail .graystripe-controls .rightpart {
      width: 100%;
      margin: 10px 0;
  }
  
  .cvd-info-heading h2 {
    padding-bottom: 10px;
    margin-bottom: 0;
  }
  .usefull-text-row {
    width: 100%;
    float: none;
    text-align: center;
  }
  .photo-text-row .photo-col {
    display: none;
  }
}

@media all and (max-width: 560px) {
    .aktualni-nabidka-pozic-banner .banner .img-part, .kontakty-na-personalisty-banner .banner .img-part {
        display: none;
    }
    .zamestnanecke-benefity table tr td:nth-child(1) img {
        max-width: 85px;
        min-width: 84px;
    }
    .zamestnanecke-benefity table tr td:nth-child(2) {
        font-size: 16px;
    }
    .fond-prevence-2019-default .mo-content-wrapper h2 {
        font-size: 1.45em;
    }
    .fond-prevence-2019-default .mo-content-wrapper h3 {
        font-size: 1em;
    }
    .fond-prevence-2019-default .mo-content-wrapper .mo-white-square-wrapper h4 {
        font-size: 0.99em;
    }
    .fond-prevence-2019-default .mo-content-wrapper .mo-white-square-wrapper {
        font-size: 0.92em;
    }
    .fond-prevence-2019-default .faq-podotazka-otazka::before {
        right: 20px;
    }
    .fond-prevence-2019-default .faq-podotazka .faq-podotazka-otazka {
        padding-right: 45px;
    }
    .fond-prevence-2019-default .faq-podotazka-odpoved {
        padding-left: 0;
    }
    .fond-prevence-2019-default .model-item table tr td {
        display: block;
        text-align: center !important;
        padding: 5px 0 !important;
    }
    .fond-prevence-2019-default .model-item span.dash-before {
        padding: 0;
    }
    .fond-prevence-2019-default .model-item span.dash-before:before {
        display: none;
    }
    .fond-prevence-2019-default .model-item h2 {
        margin-top: 20px;
        font-size: 26px;
        margin-bottom: 25px;
    }
    .fond-prevence-2019-default .model-item {
        padding-bottom: 30px;
    }
    .fond-prevence-2019-default .model-item table tr td:first-child {
        padding-top: 10px !important;
    }
    .fond-prevence-mo-list .list-item {
        width: 100%;
        margin-bottom: 15px;
    }
    .fond-prevence-mo-list .list-item .tags, .fond-prevence-mo-list .list-item .short-desc {
        height: auto;
    }
    .moznost-komunikace-zp .tabs {
        display: block;
    }
    .moznost-komunikace-zp .tabs .tab {
        width: 100%;
        margin: 0 auto 25px;
        max-width: 350px;
    }
    .bulletin-scene {
        float: none;
        margin: 18px auto;
        width: 100%;
        max-width: 225px;
    }
    .proc-byt-s-nami .tabs {
        display: block;
    }
    .proc-byt-s-nami .tabs .tab {
        /*width: 100%;
        max-width: initial*/
        margin: 0 auto 20px;
        max-width: 150px;
    }
    .proc-byt-s-nami .tabs .tab h3 {
        margin-top: 10px;
    }
    .proc-byt-s-nami > h2 {
        font-size: 27px;
    }
    .proc-byt-s-nami > h2 span {
        padding: 0 15px;
    }
    .lekar-na-telefonu-bannery {
        display: block;
    }
    .lekar-na-telefonu-bannery .banner-part {
        width: 100%;
        margin: 35px 0;
    }
    .proc-byt-s-nami.proc-byt-s-nami-fond-prevence .tab.tab-heading {
        width: 100%;
    }
}

@media all and (max-width: 500px) {
    #benefits-filter .fitem div.select[name="category"] > div {
        display: block;
    }
    #benefits-filter {
        /*height: 75px;*/
        height: 0px;
    }
    #benefits-filter.binded .fitem .or-text {
        margin-right: 5px;
    }
    #benefits-filter .fitem:last-child > label {
        display: block;
    }
    #pac-input {
        display: none !important;
    }
    .pobocka-info-doba {
        width: 49%;
        margin-left: 0;
    }
}

@media all and (max-width: 460px) {
    .fond-prevence-2019-default .mo-content-wrapper .mo-white-square-wrapper .browse_json_filter div[name="skupina"] .item {
        width: 100%;
    }
    .fond-prevence-2019-default .mo-content-wrapper .mo-white-square-wrapper .browse_json_filter div[name="varianta"] .item {
        width: 100%;
    }
    .zjv-part-inner {
        text-align: left;
    }
    .top-mail-mobile img, .top-mail-mobile p {
        float: none;
    }
    .top-mail-mobile table tr td {
        text-align: center;
    }
    .top-header .search_form input[type="text"] {
        width: 85%;
    }
    #top-ekomunikace-vstup {
        width: calc(85% - 25px);
        padding: 10px 15px;
    }
    .vyhoda-tab-content table tr td {
        padding: 10px !important;
        display: block;
        width: 100%;
    }
    .top-header .search_form {
        top: 150px;
    }
    .header .logo {
        margin-left: 10px;
    }
    .header .logo a {
        width: 145px;
    }
}

@media all and (min-width: 460px) and (max-width: 991px) {
    .sidebanner1 {
        text-align: center;
        background: #fff !important;
    }
    .sidebanner2 {
        text-align: center;
        background: #fff !important;
    }
    .sidebanner1.darkorangebanner {
        background: #f8804b !important;
    }
    .sidebanner1.bluebanner, .sidebanner2.bluebanner { border: 2px solid #C3E8FB;  }
    .sidebanner1.orangebanner, .sidebanner2.orangebanner { border: 2px solid #F9B495; }
    .sidebanner1.yellowbanner, .sidebanner2.yellowbanner { border: 2px solid #FFECA8; }
}