@-ms-viewport {width: device-width;}
input[type="button"],
input[type="submit"],
input[type="text"],
textarea{-webkit-appearance: none;}

.burger-menu{left:-320px; width: 320px; position: fixed; z-index:500; text-align: left;}
.burger-ico{display:none;width:auto;height:25px;background-image:url(images/burger-ico.png);cursor:pointer;float:right;margin-top:21px;margin-right:0px; background-repeat: no-repeat; background-position: left center;}
.burger-ico span {display: inline-block;color: #fff;font-size: 14px;margin-left: 40px;margin-top: 4px;}

@media screen and (max-width: 1340px) {
  body .o{width: 94vw;}
  body .dynamic-page{width: 94vw;}
  body .theme-boxes{text-align: center; margin-top: 40px;}  
  body .weather-control,
  body .weather-control:nth-child(6),
  body .weather-control:nth-child(12){margin-right:10px; margin-left: 10px;} 
  body.page-home .theme{height:auto !important;}
  body .article-item{width: 270px;} 
  body .article-item .image{height:197px;}
  body .article-item .image img{min-height:197px;min-width:270px;width:270px;}
  body .article-item .title{font-size:15px;margin-bottom:12px;}
  body .article-more{font-size:13px;margin-top:10px;}
  body .aktualne-nadpis{font-size:26px;margin-bottom:45px;}
  body .aktualne{padding-top:60px;padding-bottom:50px;}
  body .about .nadpis{font-size:26px;margin-bottom:45px;}
  body .about{padding-top:60px;padding-bottom:50px;}
  body .about-box{padding:35px;margin-bottom:10px;}
  body .about-txt strong{margin-bottom:20px;margin-top:0;}
  body .about-txt{width:calc(100% - 410px);}
  body .stanice{width: 94vw;}
  body .stanice .theme-box, 
  body .stanice .weather-control{margin-left: 0px;margin-right: 0px;}
  body .stanice-txt {width: calc(100% - 584px);}
  body .stanice-left{width: 510px;}  
  body .top-kamery .o .dev-html-block table td img{width: calc(100% - 6px); height: auto; margin-left: 3px; margin-right: 3px;}
  body .top-kamery .o h2{font-size: 26px;margin-bottom: 45px;}
  body .top-kamery .o .dev-html-block table td a{font-size: 15px;}
  body .top-kamery{padding-top: 50px; padding-bottom: 40px;} 
  body .stanice span.jednotky {display: inline-block;font-size: 7px;}
}

@media screen and (max-width: 1176px) {   
  body .stanice-txt {width: calc(100% - 44vw - 60px);}
  body .theme{height: 16vw;}
  body .stanice-left{width: 44vw;}
  body .stanice .srazky-den,
  body .stanice .srazky-hod,
  body .stanice .vitr{width:100%;text-align:left;  margin-bottom:2px;}
  body .stanice .srazky-den > div,body .stanice .srazky-hod > div,body .stanice .vitr > div{padding-left:40px;}
  body .stanice .teplota{color:#fff;font-size:28px;height:49px;margin-bottom:2px;text-align:left;padding-left:12px;}
  body .stanice .teplota span{background-position:0px 4px;padding-left:29px;}
}

@media screen and (max-width: 1090px) {
  body .banner-bar.banner-stanice{padding:0; width: 100%; background: none; }
}

@media screen and (max-width: 1060px) {
  body .stanice .box-more {font-size: 11px;margin-top: 24px;}
}

@media screen and (max-width: 1042px) {
  body .banner-bar.banner-stanice .banner-o{width: 100%;height: 11.5vw;background-size: cover; overflow: hidden;}
  body .banner-bar.banner-stanice .banner-o .custom-banner,
  body .banner-bar.banner-stanice .banner-o img{width: 100%; height:11.5vw;}
  body .banner-bar.banner-big .banner-o{width: 94vw;height: 11.5vw;background-size: cover; overflow: hidden;}
  body .banner-bar.banner-big .banner-o .custom-banner,
  body .banner-bar.banner-big .banner-o .custom-banner img{width: 100%; height:11.5vw;} 
  body .yr-img img{max-width:100%;}
}

@media screen and (max-width: 940px) {
  body .article-item{width:214px;}
  body .article-item .image img{min-height:157px;min-width:214px;width:214px;}
  body .article-item .image{height:157px;}
  body .article-right{padding:16px;}
  body .about-img{width:270px;}
  body .about-txt{width:calc(100% - 330px);}
  body .about-txt strong{font-size:15px;}
  body .about-txt{font-size:13px;line-height:18px;}
  body .box-name{display: none;}
  body .pocitane table td{padding:10px;}
  body .table-name {padding: 12px 10px;}
  body .minmax-date {font-size: 8px;}
  body.page-home .box-name{display: block;}
  body .article-detail .image{width: 240px; height: auto;}
  body .article-detail .image img{width:240px; min-width:0; min-height:0;}
  body .dynamic-page h1 {font-size: 26px;}
  body .dev-article-detail-right {width: calc(100% - 290px); }
  body .dev-article-detail-right .perex,
  body .dev-article-detail-right .text{font-size: 12px; line-height: 20px;}
  body .theme-small {height: 80px;background-position: center -237px;}
  body.page-jesetice .predpoved-frame iframe {
	height: 360px !important;
}
  
}

@media screen and (max-width: 820px) {
  body .foot-logo{margin-top:25px;width:130px;}
  body .foot-menu{margin-top:24px;}
  body .foot-menu a{font-size:12px;margin-left:22px;margin-top:11px;}
  body .foot-menu a.fb{margin-left:25px;}
  body .foot{height:86px;}
  body .theme{display: none;}
  body.page-home .theme{display: block;}
}

@media screen and (max-width: 780px) {
  body .pocitane table{font-size: 11px;}
  body .minmax-value{float: left; margin-right: 10px; margin-top: 3px; margin-bottom: 3px;}
  body .minmax-date{float: left; margin-left: 0; margin-top: 3px;}
}

@media screen and (max-width: 760px) {
  body .article-item{width:94vw;margin-left:0;margin-right:0;}
  body .article-item .image{display:none;}
  body .merene {font-size: 13px;line-height: 20px; padding:15px; width: calc(100% - 30px);}  
}

@media screen and (max-width: 740px) {
  body .menu a {font-size: 12px;margin-right: 20px;}
  body .article-detail .image{display: none;}
  body .dev-article-detail-right {width: 100%;}
  body .dynamic-page {padding-top: 50px;padding-bottom: 50px;}
  body img.left-img{max-width:240px;}
}

@media screen and (max-width: 720px) {
  body .banner-bar.banner-big.stanice-banner{padding-top: 20px;padding-bottom: 20px;}
  body.page-jesetice .predpoved-frame iframe {height: 320px !important;}
}

@media screen and (max-width: 674px) {
  body .foot-menu a.fb{display:none;}
  body .foot-menu a{font-size:11px;margin-left:16px;margin-top:14px;}
  body .theme-small{display: none;}
  body .more-cams{width:380px;line-height:43px;font-size:14px;margin-left:calc(50% - 190px);margin-top:26px;}
}

@media screen and (max-width: 644px) {
  body .logo {width: 110px; margin-top: 17px;}
  body .mini-menu{margin-top: 19px;}
  body .menu {margin-top: 25px;}
  body .topbar{height:67px;}
  body .pod-topbar{height:67px;}
  body .mini-menu a{margin-left:5px;margin-right:5px;}
  body.page-home .theme{height:auto !important;background-size:cover;background-position: center;}
  body .about-box{text-align:center;}
  body .about-txt{width:100%;text-align:center;}
  body .about-img{float:none;margin-top:50px;}
  body .about-img{width:auto;max-width:100%;}
  body .stanice-txt{width:100%;margin-left:0;margin-top:30px;margin-bottom:40px;text-align:center;}
  body .stanice h1{font-size:20px;margin-bottom:35px;  text-align:center;}
  body .stanice{padding-top:40px;padding-bottom:40px;}
  body .rekordy-name{font-size:20px;margin-bottom:35px;  text-align:center;}
  body .stanice-left{width: 100%;}
  body .dynamic-page h1{margin-bottom: 35px;}
  body img.left-img {display: none;}
  body .predpoved-nadpis{text-align: center;}
  body .theme-boxes{padding-bottom: 0;}
  body .stanice .theme-box{width: calc(100% - 40px);}
}

@media screen and (max-width: 560px) {
  body .archiv-filter-panel span{width:100%;display:inline-block;text-align:center;margin-bottom:12px;}
  body .archiv-filter-panel{text-align: center;}
  body .archiv-filter-selected{text-align: center;}
  body .archiv-filter-selected span{width: 100%;}
  body .computed-widget-not-found{text-align: center;}
  body .reset-archiv-btn{float: none; display: inline-block; margin-top: 8px;}
  body .minmax-btn{width: 220px;}
}

@media screen and (max-width: 544px) {
  body .menu,
  body .mini-menu{display: none;}
  body .burger-menu .menu{display: block;}
  body .burger-menu ul{padding-left: 0;}
  body .burger-menu .menu .menu-item {border:none; height:auto; margin-right: 0; display: block;}  
  body .burger-menu .menu .menu-item span{margin-top: 0;}
  body .burger-menu .menu .menu-item:hover{text-decoration: underline;}  
  body .icons{display: none;}
  body .burger-menu.expanded{background:#202020;top:0;height:100vh;overflow-y:auto; left:0;}
  .burger-o{position:relative; padding:35px;}
  .b-close{width:20px;height:20px;display:block;position:absolute;right:20px;top:20px;background-image:url(images/lightbox/close.png);font-size:0;cursor:pointer;background-size:cover;}
  .b-menu-i{margin-bottom:20px;}
  .b-menu-i.bez{margin-bottom: 4px;}
  .b-menu-i-name{color:white;font-weight:600;font-size:17px;  margin-bottom:10px;}
  .b-menu-i ul.menu a{color:gray;}
  .b-menu-i > a{color:white;font-weight:600;font-size:17px; text-decoration:none;}
  .b-menu-i > a:hover{text-decoration:underline;}
  .b-small-m{margin-top:15px;}
  .b-small-m a{display:block; text-transform:uppercase; color:#eee; text-decoration:none; font-size:12px; line-height:19px;}
  .b-small-m a:hover{text-decoration:underline;}
  .burger-ico{display:block;} 
  body .aktualne-nadpis{font-size:20px;margin-bottom:35px;}
  body .aktualne{padding-top:40px;padding-bottom:40px;}
  body .vice-aktualit{margin-top:20px;}
  body .about .nadpis{font-size:20px;margin-bottom:35px;}
  body .article-right{text-align:center;}
  body .foot-menu{display: none;}  
  body .foot-logo {float: none;}
  body .foot .o{text-align: center;}
  body .copy-left{float:none;width:94vw;text-align:center;margin-bottom:7px;}
  body .copy-right{float:none;opacity:0.8;text-align:center;width:94vw;}
  body .merene{font-size:13px;line-height:20px;font-weight:600;  padding:15px;}   
  body .dev-article-detail-right,
  body .dev-article-detail-right h1{text-align: center;}
  body .dynamic-page h1 {font-size: 22px;}
  body .about-box{background: none; padding:0;}
  body .dynamic-page .dev-html-block{text-align: center;}  
  body .dynamic-page .dev-html-block {font-size: 12px;line-height: 21px;}
  body .dynamic-page .dev-html-block h2{font-size: 16px;}  
  body .render-obsah{min-height:calc(100vh - 226px)}
  body .banner-bar.banner-stanice{margin-top: 0;}
  body .banner-bar.banner-stanice.spodni {margin-top: 30px;margin-bottom: 0px;} 
  body .predpoved-nadpis {font-size: 23px;margin-top: 50px;} 
  body .rekordy-name {font-size: 23px;margin-top: 50px;}  
  body .top-kamery .o h2{font-size: 20px; margin-bottom: 35px;}  
  
  body.page-jesetice .aktualne{margin-top: 30px;}

  body.page-jesetice .predpoved-frame iframe {height: 300px !important;}
}


@media screen and (max-width: 460px) {
  body.page-home .theme-boxes {margin-top: 20px;}
  body .weather-control,
  body .weather-control:nth-child(6),
  body .weather-control:nth-child(12){margin-right:4px; margin-left: 5px;}
  body.page-home .theme-box{padding:10px; margin-bottom: 8px;height: 229px;}
  body.page-home .ikona{margin-top:10px;margin-bottom:10px;  height:54px;}
}

@media screen and (max-width: 430px) {
  body .more-cams{width:260px;line-height:20px;font-size:13px;margin-left:calc(50% - 130px);margin-top:16px;padding-top:12px;padding-bottom:12px;}
}

@media screen and (max-width: 400px) {
  body.page-home .theme-box{width: 120px;}
  body.page-home .box-name{font-size: 12px;}
  body.page-home .teplota span{margin-top:12px;background-size:5px auto;padding-left:14px;font-size:16px;}
  body.page-home .srazky-den > div, body.page-home .vitr > div{background-position:7px 7px;font-size:12px;background-size:12px;padding-top:10px;padding-left:19px;}
  body.page-home .srazky-den, body.page-home .vitr{height:35px;}
  body.page-home .box-more{margin-top:6px;font-size:10px;}
  body.page-home .theme-box{height:213px;}
}

@media screen and (max-width: 380px) {
  body .about {padding-top: 35px;padding-bottom: 20px;}
  body .dynamic-page h1 {font-size: 18px;}
  body img.left-img {display: inline-block; float: none; width: 280px; margin:0px auto; margin-bottom: 35px;}
}