@media screen and (min-width:0) and (max-width:1390px) 
{
 #top div.block-in,#footer div.block-in {width:100%;}
}

@media screen and (min-width:0) and (max-width:1190px) 
{
 #main div.block-in {width:100%;}
 #content {padding:15px 25px 20px;}
}                                          

@media screen and (min-width:881px) and (max-width:1100px) 
{
 #kraje {padding-top:0;}
 #kraje li {width:48%;margin:0 2% 0 0;}
 div.prodejna {width:32%;}
}

@media screen and (min-width:480px) and (max-width:880px) 
{
 #mapnavigation,#mapap,#kraje {display:block;width:100%;}
 #mapap {text-align:center;}
 #mapa {margin:0 auto 20px;}
 #kraje {width:100%;padding:0;}
 #kraje ul {margin:0 auto;}
 #kraje li {width:31.5%;margin:0 1.5% 0 0;}
 div.prodejna {width:47.5%;}
 #skupiny ul {justify-content:center;}
}

@media screen and (min-width:480px) and (max-width:700px) 
{
 #kraje li {width:48%;margin:0 2% 0 0;}
}

@media screen and (min-width: 0) and (max-width:699px) 
{
 div.video {padding:0;background:transparent;border:none;}
 div.video:before {display:none;}
}

@media screen and (min-width: 608px) and (max-width:880px) 
{
 #menu {font-size:95%;}
 #menu li a {padding:15px 5px;font-weight:600;}
 #menu li:first-child a {padding:5px 5px 0;}
 #menu li:first-child img {min-width:125px;}
 #menu li.active {padding:15px 5px;font-weight:600;}
 #contact {width:75%;}
 #kontaktform {width:75%;}
 #footer div.block-in {flex-wrap:wrap;}
 #footer div.block-in div {width:50%;}
 ul.menuzn li {width:auto;flex-grow:1;}
}

/*mob*/
@media screen and (min-width: 0) and (max-width: 607px) 
 {
  #top {height:55px;}
  #logo {display:block;z-index:1010;}
  #menu {width:50%;height:45px;position:absolute;top:5px;right:0;background:transparent;padding:0;border-radius:0;font-size:110%;z-index:1000;}
  #menu ul {display:none;position:absolute;right:0;width:100%;top:45px;margin:0;z-index:1000;background:transparent;}
  #menu li {display:block;width:100%;float:right;background:black;min-height:0;line-height:45px;height:45px;margin:0;border:1px solid white;}
  #menu li a {display:block;padding:0;line-height:45px;height:45px;min-height:0;margin:0;border-top:none;background:transparent;text-decoration:none;}
  #menu li a:hover {background:#f1f2f6;color:black;border-top:none;}
  #menu li.active,#menu li.active a {background:#f1f2f6;color:black;padding:0;margin:0;height:auto;line-height:45px;height:45px;border-bottom:none;border-top:none;}
  #menu a.clicknav {display:block;}
  #menu li:first-child {display:none !important;}
  #main {flex:none;}    
  #content {padding:15px 15px 20px;}
  #contact {width:90%;}
  #kontaktform {width:90%;}
  #footer div.block-in {flex-wrap:wrap;}
  #footer div.block-in div {width:50%;}
  .nomob {display:none !important;}
  .pul,.tret,.dvetret {display:block;width:100%;padding:15px 0;}
  .ram.info {float:none;width:100%;margin:14px auto;}
  div.blocks,p.logos {flex-wrap:wrap;justify-content:center;}
  div.block {width:50%;}
  div.block h2 {display:block;border-top:none;border-bottom:2px solid white;}
  h1 {font-size:150%;}
  h2 {font-size:130%;}
  h3 {font-size:115%;}
  h3 {font-size:110%;}  
  h1,h2,h3,h4,h5,h6 {text-align:center;}
  .plavl,.plavr {float:none;}
  img.plavr,img.plavl {margin:8px auto;float:none;}
  input,textarea,select {width:95%;float:none;}
  input.tlacitko {width:auto;margin:10px auto;}
  label {float:none;width:100%;padding-top:10px;display:block;text-align:left;}
  #easyTooltip {display:none !important;}
}

@media screen and (min-width: 480px) and (max-width:607px)
{
 #skupiny a {padding:7px 14px;}
 #skupiny li {width:50%;}
}

@media screen and (min-width: 0) and (max-width: 479px) 
 {
  #logo {top:5px;}
  #menu {width:70%;}
  #footer div.block-in div {width:90%;}
  p.logos img {margin:14px auto;}
  img.plavr,a.plavr img,img.plavl,a.plavl img {display:block;float:none;margin:10px auto;}
  div.foto.sloupec {margin:10px auto;float:none;}
  #mapa {display:none;}
  #mapnavigation,#kraje {display:block;padding:0;}
  #kraje li {width:90%;margin:0 5%;}
  #skupiny li {width:100%;}
  div.prodejna {width:98%;}
}