.odskok{display: none;}


@media screen and (min-width: 1015px) {
    .segmentUvod {min-height: 325px;}
    .top-nav .sf-menu {width:530px;}
	li a.menuTLA span, #langHead a {font-size: 15px}
	

}

@media screen and (max-width: 1060px) {
.textPart h2{width: 100%!important;}
   .textPart iframe {width: 100%!important;}
    .menuMapBox {width: 100%}
}

@media screen and (max-width: 1100px) {
    .full-size {  width: 100%  }
    #selectService{font-size: 28px; width: 100%;padding-left: 15px;}
}

@media screen and (min-width: 1101px) {
    .ban-outer-wrap {width:519px;}

}


@media screen and (max-width: 1015px) {
    #headlineGrey img{width: 240px;}
    body {font-size:1.1em}
    .segmentPobocky, .segmentAktualneVlevo  {height: 380px;}
    .segmenJob, .segmentContact {height: auto}
    .segmenJob a ul li{font-size: 20px!important;}

    .segmentUvod .textRed {font-size: 1.4em;}
    .segmenJob a{font-size: 15px;line-height: 1.3em}
    h1 {font-size: 24px;}
    h3 {font-size: 2.1em}
a strong{font-size:1.40em; line-height: 1.1em}
    .rollingExtracts{font-size: 11px;}
ul.sideMenu li{font-size: 14px;}
    .loggedBox {margin-left:-170px;}

.menu-article {display:none;}
    .col-md-6.col-main{width:47%;}
    li a.menuTLA span, #langHead a{font-size:13px}

}

@media screen and (max-width: 920px) {
   .segmentContact h2{font-size: 20px; }
    .segmentContact {padding-right: 10px; }

    .segmentJob h2{font-size: 20px}

    .segmentUvod .textRed {font-size:14px;}
	li a.menuTLA span, #langHead a {font-size: 11px}
	#langHead a {margin-top: 1px;}
}

@media screen and (max-width: 880px) {
    #headlineGrey img{width: 200px;}
    .segmentPobocky, .segmentAktualneVlevo {height: 340px;}
    .segmentContact img {width:60px;}
    .col-md-6.col-main{width:42%;}

}

@media screen and (max-width: 820px) {
    nav ul li{margin: 0; padding: 0;}
    #selectService{font-size: 23px;}

    .col-md-6.col-main{width:42%;}
    body.subPage aside.col-md-3{width:26%}
    h2.woona-help{font-size: 22px;}
    nav.page-side-menu h2{font-size: 22px;}
    .green-left-line h2{font-size: 22px;}
    .menu-cross {width: 30px}
	
	li a.menuTLA span, #langHead a {font-size: 10px}
	#langHead a {margin-top: 2px;}

    .loggedBox {position:absolute; top:0px; }
}


@media screen and (max-width: 780px) {
    #headlineGrey img{width: 190px;}
    h1 {font-size: 2.6em}

    .segmentBannerbla img {width:20px; right:0px;margin-left: 0%; bottom:5px}
    .segmentPobocky, .segmentAktualneVlevo {height: 320px;}
    .segmentUvod .textRed {font-size: 1.4em;}
    .segmentBannerbla img {display:none}
    #logo img{width: 170px;}
    a.menuTLA span{font-size: 12px!important;}
    #langHead a{font-size: 14px!important;}
    .top-nav .sf-menu{left: 340px; padding-right: 0px;float: left}
    img.nivo-main-image{max-height: 280px!important;margin: 0 auto}


    .menu-icon{display:block;width:40px;position:absolute; left:15px; top:37px;}
    .menuTabs {display:none;}
    #logo {left:80px;top:20px;}
    #logo img {top:10px;}
    #langHead{margin-top: 32px;}

    .mobile-hide {display:none;}
    /* Menu overlay*/
    /* Overlay style */
    .overlay {  position: fixed;  width: 100%;  height: 100%;  top: 0;  left: 0;  background: rgba(255, 255, 255, 0.95);  z-index:5000;  }
    /* Overlay closing cross */
    .overlay button.overlay-close {  width: 30px;  height: 30px;  position: absolute;  right: 20px;  top: 20px;  overflow: hidden;  border: none;  background: url(../img-system/icons/menu-cross.png) no-repeat center center;background-size:100%;  text-indent: 200%;  color: transparent;  outline: none;  z-index: 100;  }
    /* Menu style */
    .overlay nav {  text-align: center;  position: relative;  top: 0;  height: auto;  font-size: 3em;   }
    .overlay ul {  list-style: none;  padding: 0;  margin: 0 auto;  display: inline-block;  height: 100%;  position: relative;  }
    .overlay ul li {  display: block;  height: 10%;  height: calc(10%);  min-height: 33px;  margin-right:0px;  }
    .overlay ul li a {  font-weight: 400;  display: block;  color: #5f6062;font-size:14px;  text-decoration: none;  -webkit-transition: color 0.2s;  transition: color 0.2s;  text-align:center;  }
    .overlay ul li a:hover, .overlay ul li a:focus {  color: #8d4143;  text-decoration: underline;  }
    /* Effects */
    .overlay-hugeinc {  opacity: 0;  visibility: hidden;  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;  transition: opacity 0.5s, visibility 0s 0.5s;  }
    .overlay-hugeinc.open {  opacity: 1;  visibility: visible;  -webkit-transition: opacity 0.5s;  transition: opacity 0.5s;  }
    .overlay-hugeinc nav {  -webkit-perspective: 1200px;  perspective: 1200px;  }
    .overlay-hugeinc nav ul {  opacity: 0.8;  -webkit-transform: translateY(-25%) rotateX(35deg);  transform: translateY(-25%) rotateX(35deg);  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;  transition: transform 0.5s, opacity 0.5s;  }
    .overlay-hugeinc.open nav ul {  opacity: 1;  -webkit-transform: rotateX(0deg);  transform: rotateX(0deg);  }
    .overlay-hugeinc.close nav ul {  -webkit-transform: translateY(25%) rotateX(-35deg);  transform: translateY(25%) rotateX(-35deg);  }
    #trigger-overlay img:hover{  cursor:pointer;  }

    .overlay .menu-box {z-index:6000 !important;}
    .overlay .menu-box .wrap {z-index:6001 !important;}
    .menu-box {top:0px;height:100vh;overflow:auto;padding-top:40px;}
    ul.low-level-list .col-md-4 {width:100%;}
    .menu-cross {right: 20px;  top: 21px;}

    .menuTL{width:100%;}
    #langHead .menuTL {width:auto;}
    .ps-caption a span {display:none;}
    #headerHint {display:none;}

    .top-nav .sf-menu{width: 100%;left:0px;margin-left:0px;}
}



@media screen and (max-width: 740px)  {
body.subPage nav.page-side-menu li{font-size: 14px}
    a.branch-overview-link {display: none}
    body.subPage nav.page-side-menu, .orange-left-line{border: none}
    .cleaner2{height: 1px;}
    .contentMain {display:flex; flex-direction: column;}
    .column125 p, .locationFooter  {padding-left: 15px;}
    .col-md-6.col-main{width: 100%}
    .column125 {width:24.5%;display: inline-block}
    .col-md-6 {width: 50%}
    .col-md-3 {width: 25%}
    #map img {max-width:90%;}
    .segmentBanner {background-image: url("http://bzmedia.cz/fan/bl/blabovystromy/87/f4/d458/aSgDSUeJdVbOlQsoKuOqBTLpK0Zh5kML.jpg");height:270px;background-repeat: no-repeat;margin-top: 6%}
    .segmentUvod {min-height: 240px;color:#f15931;font-size: 1.0em; line-height:130%;margin-top: 1%}
    .segmentPobocky {margin-top: 5%}

    #headlineGrey img{width: 250px}
    .segmentBanner img {width:90px; bottom:22px;margin-left: 3%;}
    .sipka img{width:190px;margin-top: 3%}
    .sipkaVice img{width:80px;margin-top: 5%}
    #line, .segmentPobocky {border: none;}
    .segmentAktualneVlevo h1{margin-left: 4%;margin-top: 7%;}
    .segmentBannerbla img {display: block; width:30px;margin-right: 15%;}
    .segmentContact, .segmentJob {border:none;height: auto;margin-top: 8%; margin-bottom: 8%}
    .segmentJob {margin-bottom: 12%;}
    #otherContactButton img{width:130px;margin-bottom: 8%}
    #allOffersButton img{width:160px; margin-bottom: 5%}
    .segmenJob, .segmentContact {height: inherit;}
    .segmentPobocky, .segmentAktualneVlevo {height: inherit;}
    .segmentBannerbla img {top:7px;}
    #strecha img{width:70%}
    aside.col-md-3.left-line {width: 75%; border: none}
    .green-left-line{border: none}
    .odskok {display: block;}

    body.subPage aside.col-md-3{width: 95%;}

   aside.left-line {width: 100%}
    aside.left-line,aside.left-line article,aside.left-line div {max-width:100% !important;}
    .pager {width: 350px; margin: 0 auto}
    aside div.map-frame {display: none}

    .menu-toggle {display:block; width:100%; max-width:300px; margin:0 auto;background-color:#f15931;}
    .page-side-menu {display:none;}

    .mobile-only {display:block;}
}



@media screen and (max-width: 690px) {
    ul.yiiPager li.page a {font-size: 16px;}
    .segmentContact h2{font-size: 30px; }
    .segmentJob h2{font-size: 30px}
    body {font-size:1.20em}
    h1 {font-size: 2.9em}
    ul.sideMenu li{font-size: 11px;}
#langHead {width:fit-content;float:right;height:14px;margin-top:32px;margin-right: 5px;}
    #langHead a{font-size: 12px!important; }
    #langHead li {margin:0px;height:20px;margin-left:20px}
    .low-level-list {width:100%;}
    .low-level-list a {background:none; padding-left:0px;}
ul.listOnTheLeft {padding-left: 10px;}
    .segmenJob {padding-bottom:10px;}


    .segmentContact img {width:45px;}
    .segmentPobocky, .segmentAktualneVlevo {height: 370px;}
    .segmentBanner {background-image: url("http://bzmedia.cz/fan/bl/blabovystromy/87/f4/d458/9Qa-f7YBRIzFuRLxG9F007_0XCydGfq-.jpg");height:270px;background-repeat: no-repeat}
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-3flex, .col-md-4, .col-md-5, .col-md-6, .col-md-6flex, .col-md-7, .col-md-8, .col-md-9 {
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-3flex,  .col-md-4, .col-md-5, .col-md-6, .col-md-6flex, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.6667%;
    }
    .col-md-10 {
        width: 83.3333%;
    }
    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.6667%;
    }
    .col-md-7 {
        width: 58.3333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-6flex {
        width: 100%;
    }
    .col-md-5 {
        width: 41.6667%;
    }
    .col-md-4 {
        width: 33.3333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-3flex {
        width: 50%;
    }
    .col-md-3flex50{
        width: 50%;
    }
    .col-claim{
        width: 100%;
    }
    .col-md-2 {
        width: 16.6667%;
    }
    .col-md-1 {
        width: 8.33333%;
    }
    .main-wrap{margin-top: 100px;}
    .ps-current{width: 100%;}
    .col-md-9flex.banner-w{width: 100%;padding-right: 0px;}
    .listOnTheLeft .wide{width: 100%;}
    .segmentUvod{width: 80%;border: none; font-size: 12px;margin: 0 auto; padding-bottom: 10px;text-align: center}
    .segmentPobocky {border: none}
    .segmentContact {border: none}
    footer {height:550px;}
    footer .col-md-6flex {padding: 0px; }
    h1{text-align: center}

    #selectService{font-size: 24px;width: 310px;}
    .low-level li{width:50%;}
    .col-md-6flex  {clear:both;min-height:250px;}
    #footer .col-md-3{width:50%;padding-left: 15px;}
    #footer .col-md-3flex50{display: none}
    #footer {height: 400px;}
    .segmentContact {padding-left: 0}


    .menu-box .low-level li {width: 100%}

    .menu-box .searchedText {font-size: 14px;}
    .menu-box .wrap {padding: 0;}
    .mapa-mobil {display: none}
    #otherContactButton img, #allOffersButton img, .sipkaVice img {float: left; clear: both}
    #langHead {margin-right:30px;}

    a.list-of-branches{display:block; background:#f15931; padding:5px 0px; color:white; margin-right:-1px;text-align:center; text-decoration:none; width:48%;margin-left:2px;float:left;margin-bottom:1px}
    .branches-list span {display:none;}
}

@media screen and (max-width: 630px) {

    .fb-icon {top: 34px;}

}

@media screen and (max-width: 600px) {
    iframe {width: 100%!important;}

    .map-mobile-link {display:block; width:100%;height:100%;position:absolute; top:0px; left:0px;border:2px solid pink;}
}



@media screen and (max-width: 520px) {
    li.elt_1, li.elt_2, li.elt_3, li.elt_4, li.elt_5, li.elt_6, li.elt_7, li.elt_8, li.elt_9, li.elt_10 {width: 100%!important; }
    .title-news .col-md-6, .col-md-6flex .col-md-6{width: 100%}
    .segmentPobocky .col-md-7{display: none}
    .segmentPobocky .col-md-4{width: 100%}
    .segmentPobocky .col-md-4 h1{text-align: center}
    .col-md-5.full-size{padding: 0}
    ul.listOnTheLeft h2{font-size: 26px;padding-left: 2px;}
    .widget-body {width: 400px!important;}
    .widget-head {width: 400px!important;}
    .pgwSlider span.ps-caption {display: none}
    a.banner-more {display: none}
    a.banner-donate {display: inherit}
    .loggedBox li,.loggedBox li a strong{font-size:9px;}
    .loggedBox li {padding-left:5px !important;}
    .loggedBox {margin-left:-130px;}
}

@media screen and (max-width: 500px) {
    li.elt_1, li.elt_2, li.elt_3, li.elt_4, li.elt_5, li.elt_6, li.elt_7, li.elt_8, li.elt_9, li.elt_10 {width: 100%!important;text-align: center }
.cleaner2 {height: 1px;}
article h3{font-size: 14px;}
    .segmentUvod {display: none}
    .col-md-3flex {
        width: 100%;
    }
    .segmentContact p {font-size: 15px;}
}




@media screen and (max-width: 460px) {
    .segmenJob, .segmentContact {height: inherit}
    #headlineGrey img{width: 220px;float: right}
    .segmentUvod{width: 100%;border: none; font-size: 10px;}
    .rblikebox{display: none}
    .low-level li{width:100%;}

}

@media screen and (max-width: 440px) {
    #footer .col-md-3 {  width: 100%  }
    #footer {height: 600px;}
    .banner-more.banner-donate{display: none}
}

@media screen and (max-width: 420px) {
    #logo {width:170px;position:absolute; top:20px; left:80px;}
    #logo img{width: 170px;}
    .main-wrap{margin-top: 120px;}
    .widget-body {width: 270px!important;}
    .widget-head {width: 270px!important;}
}


@media screen and (max-width: 370px) {
    li.page {padding: 2px!important; margin: 0!important;}
    li.page a{padding: 5px!important; margin: 0!important;}
    .pager {width: 200px}
    .pager li:nth-child(1){display: none}
    .pager li:nth-child(2){display: none}
    .pager li:nth-child(7){display: none}
    .pager li:nth-child(8){display: none}
    .pager li:nth-child(9){display: none}
    .pager li:nth-child(10){display: none}
    .pager li:nth-child(11){display: none}
    .pager li:nth-child(12){display: none}
    .pager li:first-child{display: inherit}
    .pager li:last-child{display: inherit}

}

@media screen and (max-width: 350px) {
    #logo {left:63px;top:26px;}
    #logo img{width: 120px;}

}

@media screen and (max-width: 320px) {
.miniArticlePicture {width: 70px;height: 70px;margin-bottom: 60px;}
    .rollingExtracts{padding-left: 80px;}
    .title-news .rollingExtracts{padding-left: 0px;}
}