@-ms-viewport {width: device-width;}

/* responzivní design */
.burger-ico{display: none;}
.burger-menu{background-color:#f6f6f6;width:100vw;height:auto;position:fixed;left:0;text-align:center;font-size:15px;text-transform:uppercase;display:none;border-bottom:9px solid #5F5F5F;z-index:10;}
.burger-menu ul{list-style-type:none;list-style-position:inside;margin:0;padding:0;}
.burger-menu ul li a{color:#000;text-decoration:none;border-bottom:1px solid #dedede;line-height:40px;display:block;width:100vw;border-top:1px solid #efefef;}
.kosik-icon{display: none;}
.kosik-pop{display: none;}
.hledani-icon{display: none;}
.hledani-pop{display:none;background-color:#fff;width:270px;height:84px;padding:20px;position:fixed;margin-top:0px;left:calc(50% - 155px);outline:1px solid #6f6f6f;}
.hledani-pop .search .search-input{width: 170px;}
.hledani-pop .search .search-button{width: 85px;}
.hledani-pop-close{float:left;margin-bottom:14px;font-weight:bold;border-bottom:1px solid #dedede;width:100%;padding-bottom:12px;}
.hledani-pop-close span{text-decoration: underline; float: right; cursor: pointer;color: red;}
.mobile-tree-icon{display: none;}
.mobile-tree{display: none;}
  
@media screen and (max-width: 1230px) {
  body{background-color: #fff !important;}
  body .menu{width: 100%;}
  body .copy{margin-bottom: 11px;}
  body .head{margin-top: 0;}
  body .wrapper{width: 100%;}
  body .theme {width: 100%;height: 33vw;background-size: 100% auto;}
  body .rozcestnik {width: 100%;height: 24vw;}
  body .rozcestnik a {width: 21.8vw;height: 18vw;display: block;float: left;margin-left: 2.5vw;margin-top: 3vw;color: #fff;background-size: 21.8vw auto;}
  body .rozcestnik a span {padding-top: 13.3vw;font-size: 2vw;}
  body .footer{width: 100%;}  
  body .footer iframe{width: 41vw;}  
  body .informace{display: none;}
  body .foot-kontakt {width: 100%;height: 291px;}  
  body .copy{padding:15px;}  
  body .content{padding:2vw;}
  body .left {width: 20vw;margin-right: 2.2vw; overflow: hidden;}
  body .right {width: 71.5vw; overflow: hidden;}
  body .nadpis-nabidka {font-size: 1.5vw;padding: 0.8vw;margin-bottom: 0;}
  body .tree ul li a {padding: 0.8vw;font-size: 12px;}
  body .right .cmContent h1 {font-size: 1.5vw;padding: 0.8vw;margin-bottom: 1vw;}
  body .right .cmContent{font-size: 12px;}
  body h2.nadpis.hp {font-size: 1.5vw;margin-bottom: 0.8vw;height: 3.7vw;}
  body h2.nadpis.hp span {padding: 0.8vw;}
  body .cmsCatalogAction {margin-bottom: 3vw;}
  body .slide-box {margin-bottom: 2vw;padding: 1.5vw;}
  body .right .cmsCatalogItem {width: 22.1vw;margin-right: 2.5vw;margin-top: 2vw;height: 35vw;}
  body .right .cmsCatalogItem .foto {width: 19.1vw;margin-left: 1.5vw;margin-top: 1.5vw;height: 17vw;}
  body .right .cmsCatalogItem .foto img {max-width: 19vw;max-height: 15vw;}
  body .centrovani {height: 17vw;width: 19vw;}
  body .right .cmsCatalogItem .nazev h2 a {font-size: 1.2vw;margin: 1.5vw;margin-bottom: 1.5vw;height: 3.7vw;}
  body .right .cmsCatalogItem .cena {margin-left: 1.5vw;margin-right: 1.5vw;font-size: 1.3vw;}
  body .right .cmsCatalogItem .cena strong {font-size: 1.3vw;}
  body .right .cmsCatalogItem a.detail {margin: 1.5vw;font-size: 1.2vw;padding: 0.6vw;}
  body .odkaz-katalog{display: none;}
  body .sort{float: left;}  
  body .produkt .produkt-nazev h1{font-weight: bold;font-size: 20px;margin-top: 25px;margin-bottom: 10px;}
  body .produkt .produkt-foto {background: #f1f1f1;border: 1px solid #bebebe;} 
  body .kosik-base{width: 100%;}
  body .kosik-nazev{width: 55%;}
  body .kosik-pocet{width: 15%;}
  body .kosik-total{width: 15%;}
  body .kosik-delete{width: 15%;}  
}

@media screen and (max-width: 1010px) {        
  body .search{display: none;}
  body .hledani-icon{display:block;cursor:pointer;width:32px;height:32px;background-image:url(../images/mobile-icons.png);background-position:0px 2px;cursor:pointer;margin-top:47px;float:left;background-repeat:no-repeat;margin-left:20px;margin-right:20px;}
  body .nakupni-kosik.basket{float: right; margin-left: 20px;}
  body .hledani-pop .search{display: block; margin-top:0;}  
  body .clanek-nahled h2 {font-size: 15px;}
  body .cena-detail strong{font-size: 14px;}
  body .produkt .produkt-foto{float: none;}
  body .cena-obsah{margin-bottom: 15px;}
  body .produkt-popis {margin-top: 25px;}  
}

@media screen and (max-width: 984px) {   
  body .menu {width: 100%;height: 6.5vw;background-size: auto 6.5vw;}
  body .menu ul li a {font-size: 1.5vw;margin-left: 3.3vw;margin-top: 2.1vw;}
  body .kosik-base{font-size: 12px;}
  body .kosik-souhrn, body .total-price{font-size: 14px;}
  body .total-price td.price-popis {font-weight: normal;width: 170px;font-size: 14px;}
  body .platba{margin-bottom: 25px;} 
}

@media screen and (max-width: 760px) {
  body .theme{display: none;}
  body .left{display: none;}
  body .right{width: 100%;}
  body .menu{display: none;}
  body .rozcestnik{display: none;}
  body .nakupni-kosik.basket{margin-left: 0px;}
  body .right .cmContent h1{width: calc(100% - 20px);}
  body .nakupni-kosik.basket{display: none;}
  body .burger-ico{display:block;cursor:pointer;width:32px;height:32px;background-image:url(../images/mobile-icons.png);background-position:-103px 2px;cursor:pointer;margin-top:47px;float:left;background-repeat:no-repeat;margin-left:20px;margin-right:20px;}
  body .kosik-icon{display:block;cursor:pointer;width:32px;height:32px;background-image:url(../images/mobile-icons.png);background-position:-51px 2px;cursor:pointer;margin-top:47px;float:left;background-repeat:no-repeat;margin-left:20px;}
  body .hledani-icon {margin-right: 0px;}
  body .footer iframe{display: none;} 
  body .kontakt-info{width: auto; height: auto;}  
  body .right .cmsCatalogItem{width:30vw;margin-right:2.5vw;margin-top:2vw;height:43vw;}
  body .right .cmsCatalogItem .foto{width:27vw;margin-left:1.5vw;margin-top:1.5vw;height:20vw;overflow:hidden;}
  body .centrovani{height:21vw;width:27vw;}
  body .right .cmsCatalogItem .foto img{max-width:27vw;max-height:21vw;}
  body .right .cmsCatalogItem .nazev h2 a{font-size:1.8vw;margin:1.5vw;margin-bottom:1.5vw;height:5.2vw;}
  body .right .cmsCatalogItem .cena strong{font-size:1.8vw;}
  body .right .cmsCatalogItem a.detail{margin:1.5vw;font-size:2vw;padding:1vw;}
  body h2.nadpis.hp {font-size: 14px;height: 32px;}
  body h2.nadpis.hp span {padding: 6px;}
  body .right .cmContent h1 {font-size: 15px;padding: 2vw;margin-bottom: 3vw;width: calc(100% - 4vw);}  
  body .mobile-tree-icon {display: block;background: #3e3e3e;text-align: center;cursor: pointer;padding: 1.4vw;font-size: 2.5vw;color: #fff;}
  body .mobile-tree {display: none;background: #d5d5d5;border-bottom: 3px solid #aeaeae;font-size: 2.5vw;}
  body .mobile-tree ul{list-style-type: none; list-style-position: inside; margin:0; padding:0;}
  body .mobile-tree ul li {text-align: center;padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #b5b5b5;}
  body .mobile-tree ul li a{color:#000; text-decoration: none; text-transform: uppercase;}
  body .mobile-tree ul li a:hover{text-decoration: underline;}
  body .tree-level-1{display: none;}
  body .clanek-detail h1{width: auto;}
}

@media screen and (max-width: 730px) {
   body .copy {
	width: calc(100% - 30px);
  text-align: center;
}
body .foot-right{width: 100%; margin-bottom: 15px;}
body .eu-page,
body .fve-page{float: none; display: inline-block; vertical-align: top; margin-top: 0;}

}

@media screen and (max-width: 600px) {
  body .logo {margin-left: 4vw;margin-top: 6.2vw;width: 40vw;}
  body .burger-ico{margin-right: 0;}
  body .head {height: 22vw;background-size: auto 22vw;}
  body .head-right{margin-right: 4vw;}
  body .kosik-icon, body .hledani-icon, body .burger-ico {margin-top: 8.2vw;width: 5vw;height: 5vw;background-size: 20vw auto;	}
  body .burger-ico{background-position: -15vw 0.3vw;margin-left: 0;}
  body .kosik-icon {background-position: -7vw 0.3vw;margin-left: 8vw;margin-right: 8vw;}
  body .hledani-icon{background-position: 1vw 0.3vw;}  
  body .kosik-base{font-size: 10px;}
  body .kosik-pocet .pocet-kosik-detail{padding:1px; font-size: 11px;}
  body .calc, body .ord{font-size: 13px;margin-right: 3px;padding: 7px; margin-bottom: 5px;}
  body .dodani input{width: 62vw;}
  body .dodani textarea{width: 87vw;}
  body .fieldInput label {width: 24vw;font-size: 2.3vw;}  
}

@media screen and (max-width: 500px) {
  body .fieldInput label {width: 100%; font-size: 12px;}
  body .dodani input {width: 222px;margin-top: 7px;}
  body .dodani textarea{width: 220px;}
}

@media screen and (max-width: 470px) {
  body .mobile-tree-icon {font-size: 15px;}  
  body .mobile-tree ul li a {font-size: 12px;}
  body .platba, body .doprava{width: auto;}
  body .produkt .produkt-foto{width: 264px;}
}

@media screen and (max-width: 400px) {
  body #poptavkaForm fieldset input, 
  body #poptavkaForm fieldset textarea {width: 248px;}  
  
  body .foot-right{width: calc(100% - 30px); padding-left: 15px; padding-right: 15px;}
  body .eu-page,
body .fve-page{margin-bottom: 20px;}
body .fve-page{margin-left: 0;}
}

@media screen and (max-width: 360px) {
  body .copy{font-size: 10px;}
  body .sort{display: none;}  
}