@media screen and (max-width: 5000px) {
  .flex-caption{
    position:absolute;
    right:0%;
    top:45%;
    width:50%;
    text-align:left;
    font-size:2.0em;
    line-height:1.5em;
    height:auto;
    color:#fff;
    background: url('../../images/bgr-captions.png') left top repeat;
    padding:20px;
    font-weight: bold;
  }
}

@media screen and (max-width: 1200px) {
  .container {
    width: 100%;
  }
  .wrap {
  	width: 98%;     
  }
  .flexslider .slides img {
    height: 500px;
    width: 1658px;
  }

}

@media screen and (max-width: 1060px) {
  div.col-1-3 {
    width: 40%;
  }
  div.col-2-3 {
    width: 60%;
  }
}

@media screen and (max-width: 960px) {  
  
  div.col-1-3 {
    width: 45%;
  }
  div.col-2-3 {
    width: 55%;
  }
  .flexslider .slides img {
    height: 350px;
    width: 1161px;
  }
  .flex-caption{top:40%;font-size:1.6em;line-height:1.6em;}
}

@media screen and (max-width: 890px) {
  nav#mainmenu ul#menu li a {
    margin: 0px 10px 0px 10px;
  }
  nav#mainmenu ul#menu li.end a {
    margin: 0px 0px 0px 10px;
  }
  div#topinfo a.eml {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 20px;
  }
}

@media screen and (max-width: 830px) {
  nav#mainmenu {
    font-family: 'opensans_semibold', Tahoma, Arial, sans-serif;
  }
  nav#mainmenu ul#menu li {
    font-size: 0.9em;
  }
  div#topinfo {
    float: right;
    font-size: 0.7em;
  }
  div#topinfo a {
    margin: 0px 0px 0px 15px;  
  }
  div.col-1-3 {
    width: 50%;
  }
  div.col-2-3 {
    width: 50%;
  }
  div.col-1-3b {
    width: 50%;
  }
}


@media screen and (max-width: 760px) {
  header {
    height: 115px;
  }
  div#home.sp {
    margin: 95px auto 0px auto;
  }
  div.slider_container {
    margin-top: 95px;
  }  
  nav#mainmenu ul#menu {
    display: none; 
  }
  nav#mainmenu {
    padding: 30px 10px 0px 0px;
  }
  div#slidemenu {
  	display: block; 
    float: left;
    width: 40px;
    height: 40px;
    margin: 0px 5px 0px 5px;    
    text-indent: -999em; 
  }
  div#slidemenu a {
  	float: left;
    width: 40px;
    height: 40px;
    background: url('../../images/ico-slidemenu.png') left top no-repeat; 
  }
  div#slidemenu a:hover {
    background-position: 0px -40px; 
  }
  div#topinfo {
    height: 40px;
    padding: 30px 10px 0px 0px; 
  }
  div#topinfo a {
    width: 40px;
    height: 40px;
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 0px 0px; 
  }
  div#topinfo a span {
    display: none;  
  }
  div#topinfo a.eml {
    background: url('../../images/ico-slidemail.png') left top no-repeat; 
  }
  div#topinfo a.tel {
    background: url('../../images/ico-slidephone.png') left top no-repeat; 
  }
  div#topinfo a.loc {
    background: url('../../images/ico-slidemap.png') left top no-repeat; 
  }
  div#topinfo a.eng {
    background: url('../../images/ico-language-en.png') left top no-repeat; 
  }
  div#topinfo a.cze {
    background: url('../../images/ico-language-cz.png') left top no-repeat; 
  }
  div#topinfo a:hover {
    background-position: 0px -40px; 
  }
  #logo {
    width: 189px;
    height: 87px;
    margin: 5px 0px 0px 0px;
    background-size: 189px 87px;
  }
  #logo a  {
    width: 189px;
    height: 87px;
  }
  div.side {
    margin-left: 0px;
    margin-top: 30px;
  }
  ul.icons {
    padding: 0px 0px 0px 10px;
  }
  div.col-1-3 {
    width: 100%;
  }
  div.col-2-3 {
    width: 100%;
  }
  ul.icons li {
    float: left;
    width: 16.6666%;
    padding: 0 0 10px 10px;
  }
  ul.maps li a {
    font-size: 1.0em;
  }
  div#footer p {
    width: 100%;
    text-align: center;
    line-height: 1.6em;
  }
  div#copy {
    float: left;
    width: 100%;
    text-align: center;
  }
  div#wdes {
    float: left;
    width: 100%;
    text-align: center;
  }
  .half {
    width: 100%;
    padding-bottom: 10px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .third {
    width: 50%;
  }
  .flexslider .slides img {
    height: 400px;
    width: 1326px;
  }
  .flex-caption{top:40%;width:60%;font-size:1.5em;line-height:1.6em;}
  
}
@media screen and (max-width: 670px) {
  ul.maps li {
    float: left;
    width: 50%;
    padding: 0 0 15px 15px;
  }
  ul.maps li, ul.locmaps li {
    width: 50%;
  }
}

@media screen and (max-width: 640px) {
  ul.slides li a.wide {
    display: none;
  }
  ul.slides li a.narrow {
    display: block;
  }
  ul.icons li {
    float: left;
    width: 25%;
    padding: 0 0 10px 10px;
  }
  
  .flexslider .slides img {
    height: 350px;
    width: 640px;
  }
  .flex-caption{top:40%;width:60%;font-size:1.3em;line-height:1.6em;}
  
  div.col-1-2 {
    width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .flex-caption{top:40%;width:70%;font-size:1.3em;line-height:1.6em;}
}

@media screen and (max-width: 500px) {
  div#topinfo a.eml, div#topinfo a.tel, div#topinfo a.loc {
    display: none; 
  }
  div#topinfo a {
    margin: 0px 0px 0px 0px; 
  }
  ul.icons li {
    float: left;
    width: 33.3333%;
    padding: 0 0 10px 10px;
  }
  ul.maps {
    padding: 10px 0px 0px 5px;
  }
  ul.maps li {
    float: left;
    width: 100%;
    padding: 0 0 15px 15px;
    font-size: 1.3em;
  }
  .flex-caption{top:40%;width:80%;font-size:1.3em;line-height:1.6em;}
}

@media screen and (max-width: 430px) {
  .flexslider .slides img {
    height: 350px;
    width: 640px;
  }
  .flex-caption{top:60%;width:100%;font-size:1.2em;line-height:1.6em;}
  
  ul.maps li, ul.locmaps li {
    width: 100%;
  }
  div.col-1-3b {
    width: 100%;
    margin-bottom: 20px;
  }
  .third {
    width: 100%;
    padding-top: 10px;
  }
}

@media screen and (max-width: 350px) {
  ul.icons li {
    float: left;
    width: 50%;
    padding: 0 0 10px 10px;
  } 
}

@media screen and (max-width: 315px) {
  .flex-caption{font-size:1.1em;line-height:1.5em;}
}