@-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;background:#202020;top:0;height:100vh;overflow-y:auto;}
.burger-menu.expanded{left:0;}
.burger-ico{display:none;width:30px;height:25px;background-image:url(images/burger-ico-white.png);cursor:pointer;float:right;margin-top:47px;margin-right:28px;}
.burger-o{position:relative; padding:35px;}
.burger-o a{display:block;text-align:left;color:#fff;text-decoration:none;font-size:16px;line-height:26px;width:100%;}
.burger-o a:hover{text-decoration:underline;}
.burger-o a.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;}
.burger-o .group-nadpis{font-size:16px; font-weight:600; color:#fff; margin-bottom:3px;}
.burger-o .burger-group a{font-size:12px; line-height:20px;}
.burger-o .burger-group{margin-bottom:20px;}
.burger-group-left{width:130px;float:left;}
.soc-icons a{display:none;}

@media screen and (max-width: 1360px) {
  body .o,body .dynamic-page, body .tym{width:92vw;}
  video{margin-left:960px;left:-100%;position:absolute;}
  body .theme-txt-1{max-height:177px;  overflow:hidden;}
  body .part-odsazeni{width:4vw;}
  body .part-left{padding-right:37px;}
  body .part-right{width:calc(100% - 274px - 4vw);}
  body .article-item span.image{width:calc(38%);}
  body .article-item .article-right{width:calc(62% - 60px);}
  body .dynamic-page .dev-html-block table{max-width:100% !important;}
  body .tym-soupiska {width: 440px;}
  body .tym-foto{width: calc(100% - 480px); margin-left: 40px;}
  body .dynamic-page img{max-width:100% !important; height: auto;}
}

@media screen and (max-width: 1170px) {
  body .menu > span, body .menu a{font-size:14px;margin-left:12px;  padding-top:24px;  padding-bottom:22px;}
  body .menu a.red{padding-left:15px;padding-right:15px;}
  body .top-bar .o{width:96vw;margin-left:4vw;}
  body .theme-last{width:350px;}
  body .last-nadpis{font-size:15px;}
  body .label-1{font-size:12px;}
  body .theme-txt{width:calc(100% - 440px);margin-right:80px;margin-top:100px;}
  body .label-2-domaci,body .label-2-hoste, body .label-2-vysledek{font-size:clamp(12px,4cqw,17px);line-height:22px;}
  body .label-3{font-size:clamp(12px,4cqw,14px);  margin-top:0;}
  body .last-1, body .last-2{height:170px;}
  body .theme, body .theme-over, body .theme-over .o{height:556px;}
  body video{height:556px;  width:auto;  margin-left:0;  left:0;}
  body .pravy-sloupec{width:290px;padding-top:40px;padding-bottom:40px;}
  body .box-vysledky,body .box-dalsi,body .box-odkazy{border-radius:10px;padding:20px;font-size:12px;margin-bottom:10px;}
  body .levy-sloupec{float:left;margin-right:40px;width:calc(100% - 330px);text-align:left;padding-top:40px;padding-bottom:40px;}
  body .levy-sloupec .nadpis{font-size:26px;margin-bottom:30px;}
  body .pruh a span{font-size:23px;margin-top:56px;} 
  body .pata{margin-top:30px;}
}

@media screen and (max-width: 1020px) {
  body .box-nadpis{font-size:20px;font-weight:600;margin-bottom:10px;}
  body .article-item .article-right{width:calc(62% - 40px);padding:20px;}
  body .article-item .title{font-size:15px;  max-height:48px;}
  body .article-item .perex{margin-top:10px;margin-bottom:10px;font-size:13px;max-height:52px;overflow:hidden;line-height:17px;}
  body .article-item a.article-more{font-size:12px;}
  body .article-item span.image{height:190px;}
}

@media screen and (max-width: 980px) {
  body .theme-txt-1{font-size:28px;  max-height:174px;}
  body .theme-txt{width:calc(100% - 400px);margin-right:40px;}
  body .part-right img{margin-left:15px;height:30px;margin-top:13px;}
  body .odd{margin-left:15px;}
  body .part-left span{margin-top:14px;}
  body .part-left{font-size:18px;padding-right:30px;width:153px;}
  body .part-odsazeni, body .part-left, body .odd{height:54px;}
}

@media screen and (max-width: 950px) {
  body .menu > span,body .menu a{font-size:12px;margin-left:8px;  padding-top:9px;  padding-bottom:9px;}
  body .top-bar{height:60px;background-size:auto 60px;}
  body span.item:hover span.sub{top:36px; width:130px;}
  body .menu .sub a{font-size:12px;}
  body .logo{margin-top:7px;width:56px;}
  body .menu{width:calc(100% - 56px);}
  body .menu a.red{padding-left:6px;padding-right:6px;}
  body .pod-top{height:38px;}
  body .dynamic-page, body .tym{padding-top:60px;}
  body .dynamic-page .dynamic-page-head h1,body .article-detail h1, body .tym h1{font-size:30px;margin-bottom:30px;} 
  body .tym-item {padding: 7px 25px;}
  body .tym-menu {margin-bottom: 30px;}
  body .tym {font-size: 13px;}
  body .tym-soupiska table td {padding: 4px;}
  body .tym-soupiska {width: 310px;}
  body .tym-foto {width: calc(100% - 350px);margin-left: 40px;}
}

@media screen and (max-width: 900px) {
  body .article-item span.image{display:none;}
  body .article-item .article-right{width:auto;padding:20px;}
  body .article-item .title{max-height:unset;}
  body a.vsechny-novinky{font-size:15px;margin-top:10px;}
  body .article-item{margin-bottom:10px;}
  body .dynamic-page .dev-html-block table td{font-size:12px !important;}
  body .dynamic-page .dynamic-page-block .dev-html-block{margin-bottom:40px;}
  body .gallery-item,body .gallery-item img{height:150px;}
}

@media screen and (max-width: 790px) {
  body .pruh a span {font-size: 17px;margin-top: 60px;}
}

@media screen and (max-width: 760px) {
  body .top-bar .menu{display:none;}
  body .top-bar{height:90px;  background-size:auto 90px;}
  body .pod-top{height:56px;}
  body .logo{width:auto;}
  body .burger-ico{width:45px;height:23px;background-image:url(images/burger-ico-white.png);cursor:pointer;float:right;margin-top:19px;margin-right:28px;font-size:15px;color:#fff;padding-left:35px;background-repeat:no-repeat;line-height:19px;  display:block;}
  body .theme-txt{display:none;}
  body .theme-last{width:100%;}
  body .last-1,body .last-2{width:calc(50% - 42px);display:inline-block;margin-left:5px;margin-right:5px;}
  body .theme,body .theme-over,body .theme-over .o{height:328px;}
  body .theme-over{background:none;}
  body video{height:328px;}
  body .social{display:none;}
  body .soc-icons a{background-size:34px;width:22px;height:29px;background-position:center;}
  body .soc-icons{float:right;display:block;margin-right:5px;margin-top:11px;background:#fff;border-radius:6px;height:31px;padding:2px 6px;}
  body .burger-ico{margin-right:15px;}
  body .part-odsazeni{display:none;}
  body .part-left{height:auto; width:100%; text-align:center; padding-right:0;}
  body .odd{height:54px;margin-left:8px; margin-right:8px;}
  body .part-left span{margin-top:5px;font-size:14px;margin-bottom:4px;}
  body .part-right{width:100%;  text-align:center;}
  body .part-right img{margin-left:8px; margin-right:8px;}
  body .levy-sloupec{margin-right:0;width:100%;}
  body .levy-sloupec .nadpis{text-align:center;}
  body .pravy-sloupec{width:100%;padding-top:0;padding-bottom:20px;}
  body a.vsechny-novinky{width:100%;text-align:center;}
  body .box-nadpis{text-align:center;}
  body .box-odkazy{text-align:center;}
  body .pruh a.pr-fan{margin-left:13px;margin-right:13px;}
  body .pruh a{height:77px;}
  body .pruh a span{margin-top:28px;  font-size:15px;}
  body .dynamic-page .dev-html-block table td{font-size:10px !important; padding:1px;}
  body .dynamic-page iframe{width:100%; height:50vw;}
}

@media screen and (max-width: 660px) {
  body .last-2{display:none;}
  body .theme-over .o{width:100%;}
  body .last-1{width:calc(100% - 30px);display:inline-block;margin-left:0;margin-right:0;border-radius:0;position:absolute;bottom:0;  height:auto;  margin-top:0;}
  body .label-2{height:auto; margin-top:28px; margin-bottom:0;}
  body .last-nadpis{font-size:13px;border-bottom:1px solid #dedede;padding-bottom:0;margin-bottom:5px;float:left;}
  body .label-1{font-size:12px;float:right;margin-top:0;}
  body .label-2-domaci,body .label-2-hoste,body .label-2-vysledek{font-size:14px;line-height:22px;  width:auto;}
  body .label-2-vysledek{margin-left:10px; margin-right:10px;}
  body .label-3{font-size:11px;margin-top:0;text-align:left;}
  body .copy{font-size:10px;padding-top:18px;  margin-top:0px;width:100%;  float:none;  display:block;}
  body .pata{height:auto; padding-bottom:20px;}
  body .copy-right{float:none;margin-top:10px;}
  body .gallery-item,body .gallery-item img{height:90px;} 
  body .tym-foto {width: 100%;margin-left: 0;float: left;}
  body .tym-soupiska {width: 100%;float: right;margin-bottom: 25px;}
}

@media screen and (max-width: 530px) {
  body video{margin-left:-60%;}
  body .levy-sloupec .nadpis{font-size:22px;margin-bottom:22px;}
  body .levy-sloupec{padding-top:26px;padding-bottom:26px;}
  body .pruh a span{margin-top:20px;font-size:13px;}
  body .pruh a{height:59px;}
  body .articles .page-stats{display: none;}
  body .articles .page-items {width: 100%;text-align: center;}
  body .articles .page-item{margin-left: 5px; margin-right: 5px;}
  body .articles .pages {margin-top: 30px;}
}

@media screen and (max-width: 480px) {
  body .part-right img{height:22px;}
  body .odd{height:47px;}
  body .pruh a{height:79px;width:100%;margin-bottom:3px;}
  body .pruh a span{margin-top:26px;font-size:20px;}
  body .pruh a.pr-fan{margin-left:0; margin-right:0;}
  body .dynamic-page .dynamic-page-head h1,body .article-detail h1, body .tym h1{font-size: 22px; line-height: 27px;}
  body .dynamic-page .dynamic-page-block{font-size:13px;}
  body .dynamic-page .dev-html-block table.partneri td:first-child{width:140px;}
  body .dynamic-page .dev-html-block table.partneri td:first-child img{width:120px;height:auto;}
}

@media screen and (max-width: 430px) {
  body .theme,body .theme-over,body .theme-over .o{height:247px;}
  body video{height:247px;}
  body .last-1{background-color:rgba(0,61,40,0.3);}
  body .article-item span.image{display:block;width:100%;border-radius:0;height:63vw;}
  body .tym-item {padding: 7px 15px;}
}

@media screen and (max-width: 370px){
  body .part-right img, body .odd {margin-left: 3px;margin-right: 3px;}
}