@media screen and (max-width: 1200px) {
  header.hp div#slideshow {
    height: 600px;     
  }
  header.hp div#slideshow div.slide {
    height: 600px;
    background-size: 1578px 600px;    
  }
  header.sp div#slideshow div.slide {
    background-size: 1578px 600px;    
  }
  div#home.hp {
    margin: 410px 0px 0px 0px; 
  }
}


@media screen and (max-width: 1199px) {
  div.shadow {
    height: 120px;
    background-size: cover;
  }
  nav#mainmenu ul.menu li {
    font-size: 1.2em;
  }
  nav#mainmenu ul.menu li a {
    padding: 0px 20px 0px 20px;
  }
  div#icons {
    background-size: 1100px 132px
  }
}


@media screen and (max-width: 1099px) {
  nav#mainmenu ul.menu li {
    font-size: 1.1em;
  }
  nav#mainmenu ul.menu li a {
    padding: 0px 20px 0px 20px;
  }
  div#icons {
    background-size: 1000px 120px
  }
  div#footer h3 {
    font-size: 0.8em;
  }
  div#footer h4 {
    font-size: 1.1em;
    padding: 5px 0px 0px 55px;           
  }
  div#timeline div.timerow div.centr {
    width: 14%;
  }
  div#timeline div.timerow div.lside {
    width: 42%;
    padding: 0px 0px 0px 0px;
  }
  div#timeline div.timerow div.rside {
    width: 42%;
    padding: 0px 0px 0px 0px;
  }
  div#timeline div.timerow div h3 {
    font-size: 1.0em;
  }
}


@media screen and (max-width: 1024px) {
  header.hp div#slideshow {
    height: 500px;     
  }
  header.hp div#slideshow div.slide {
    height: 500px;
    background-size: 1315px 500px;    
  }
  header.sp div#slideshow div.slide {
    background-size: 1315px 500px;    
  }
  div#home.hp {
    margin: 310px 0px 0px 0px; 
  }
  #top {
    height: 80px;
    background-size: 6px 80px;
  }
  #logo {
    width: 238px;
    height: 80px;
    background-size: 238px 80px;
  }
  #logo a  {
    width: 238px;
    height: 80px;
  }
  div#topinfo {
    float: right;
    height: 34px; 
  }
  div#topinfo div.topcell.login {
    padding: 0px 0px 0px 34px;
    background-size: 34px 68px;
  }  
  div#topinfo div.topcell a {
    line-height: 34px;
    font-size: 0.8em;
    padding: 0px 15px 0px 15px;
  }
  div#topinfo div.topcell.login a {
    padding: 0px 15px 0px 10px;
  }
  div#topinfo div.topcell.langs a {
    padding: 0px 15px 0px 15px;
  }
  div#topinfo div.topcell.langs a img {
    padding: 0px 10px 0px 10px;
  } 
  nav#mainmenu {
    height: 45px;
  }
  nav#mainmenu ul.menu {
    height: 45px;
  }
  nav#mainmenu ul.menu li {
    /*font-size: 1.2em;*/
    line-height: 50px;
  }
  nav#mainmenu ul.menu li a {
    height: 45px;
  }
  div#icons {
    background-size: 900px 108px;
    padding: 0px 0px 30px 0px;
  }
  div#icons div.icon img {
    width: 40px;
    height: 40px;
  }
  div#icons div.icon div.hdr {
    margin-top: 0px;  
  }
  div#icons div.icon p {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; 
  }
  div#timeline div.timerow div h3 {
    font-size: 1.0em;
    padding: 0px 0px 0px 0px;
  }
}

@media screen and (max-width: 960px) {
  nav#mainmenu ul.menu li {
    font-size: 1.0em;
  }
  nav#mainmenu ul.menu li a {
    padding: 0px 15px 0px 15px;
  }
}

@media screen and (max-width: 900px) {
  .wrap {
    padding: 0px 10px 0px 10px;    
  }
  div#home.sp .cont {
    padding: 20px 0px 0px 0px;  
  }
  header.hp div#slideshow {
    height: 450px;     
  }
  header.hp div#slideshow div.slide {
    height: 450px;
    background-size: 1184px 450px;    
  }
  header.sp div#slideshow div.slide {
    background-size: 1184px 450px;    
  }
  div#home.hp {
    margin: 270px 0px 0px 0px; 
  }
  div#icons {
    background-size: 800px 96px;
    padding: 0px 0px 30px 0px;
  }
  div#icons div.icon {
    padding: 10px 10px 10px 10px;
  }
  div#icons div.icon div.hdr {
    font-size: 0.9em;  
  }
  div#icons div.icon p {
    font-size: 0.8em;
    line-height: 1.3em;  
  }
  
  div.services div.service {  
    width: 50%;
  }
  div.services div.service a {
    padding: 15px;
  }
  div.services div.service h2 {
    font-size: 0.9em;
    padding: 5px 0px 5px 0px;
  }
  div.services div.service p {
    font-size: 0.8em;
    line-height: 1.3em;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }
  div.services div.service img {
    width: 40px;
    height: 40px;
  }
  div.services div.service:nth-child(4), div.services div.service:nth-child(5), div.services div.service:nth-child(6) {
    border-bottom: 1px solid #d3e79c;
  }
  div.services div.service:nth-child(3), div.services div.service:nth-child(6) {
    border-right: 1px solid #d3e79c;
  }
  
  div#footer div.footbtn.bus, div#footer div.footbtn.car, div#footer div.footbtn.eml, div#footer div.footbtn.adr {
    background-size: 35px 35px;  
  }
  div#footer h3 {
    font-size: 0.7em;
    padding: 0px 0px 0px 45px;
  }
  div#footer h4 {
    font-size: 1.0em;
    padding: 5px 0px 0px 45px;           
  }
  div#footer div.info div.col40 {
    padding: 0px 30px 0px 0px; 
  }
  div.gal ul.foto.norm li {
    width: 20%;
  }
}


@media screen and (max-width: 860px) {
  nav#mainmenu ul.menu li {
    font-size: 1.0em;
  }
  nav#mainmenu ul.menu li a {
    padding: 0px 10px 0px 10px;
  }
}


@media screen and (max-width: 800px) {  
  .wrap {
    padding: 0px 10px 0px 10px;     
  }
  img.intrlogo {
    width: 100%;
    max-width: 250px;
    height: auto;
  }
  nav#mainmenu {
    width: 60%;  
  }
  nav#mainmenu ul.menu {
    display: none;
  }
  div#slidemenu {
    display: block;
  }
  div#slidemenu a {
    float: right;
    width: 40px;
    height: 40px;
    margin: 3px 0px 0px 0px;  
    background: url('../../images/bgr-menu.png') left top no-repeat;
  }
  div#slidemenu:hover a {
    background-position: 0px -40px;
  }
  div#icons {
    background-size: 750px 90px;
    padding: 0px 0px 30px 0px;
  }
  div#icons div.icon {  
    width: 50%;
  }
  div#icons div.icon:nth-child(2) {
    border-right: 1px solid #cdcdcd;
  }
  div#icons div.icon:nth-child(3) {
    border-right: 0px solid #cdcdcd;
  }
  div#icons div.icon:nth-child(4) {
    border-left: 1px solid #cdcdcd;
    border-bottom: 0px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
  }
  
  h1 {
    font-size: 1.4em;
    padding: 0px 0px 10px 0px;
    margin: 10px 0px 20px 0px;
  }
  h2 {
    font-size: 1.4em;
    margin: 0px 0px 10px 0px;
    padding: 10px 0px 20px 0px;
  }
  h3 {
    font-size: 1.2em;
  }   
  div#cart_tab div.step h3 {
    font-size: 1.0em;
  }
}

@media screen and (max-width: 750px) {
  div#timeline {
    float: left;
    background: url('../../images/bgr-timeline.png') top left 40px repeat-y;
    margin: 10px 0px 10px 0px;
    padding: 10px 0px 10px 0px;
  }
  
  div#timeline div.timerow:nth-child(odd) div.lside {
    order: 3;
    -webkit-order: 3;
    float: right;
    width: 84%;
    text-align: left;
  }
  div#timeline div.timerow:nth-child(odd) div.centr {
    order: 2;
    -webkit-order: 2;
    position: relative;
    float: left;
    width: 16%;
  }
  div#timeline div.timerow:nth-child(odd) div.rside {
    order: 1;
    -webkit-order: 1;
    width: 100%;
    padding-left: 16%;
    padding-bottom: 10px;
  }
  div#timeline div.timerow:nth-child(even) div.lside {
    order: 1;
    -webkit-order: 1;
    width: 100%;
    padding-left: 16%;
    padding-bottom: 10px;
    text-align: left;
  }
  div#timeline div.timerow:nth-child(even) div.centr {
    order: 2;
    -webkit-order: 2;
    float: left;
    width: 16%;
  }
  div#timeline div.timerow:nth-child(even) div.rside {
    order: 3;
    -webkit-order: 3;
    float: right;
    width: 84%;
    text-align: left;
  }
  div#timeline div.timerow div.centr img {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 0px;
  }
  div#timeline div.timerow {
    padding: 0px 0px 40px 0px;
  }
  
  
  div#footer .col40 {
    float: left;
    width: 30%;
  }
  div#footer .col30 {
    float: left;
    width: 35%;
  }
  div.gal ul.foto.main li {
    width: 50%;
  }
}


@media screen and (max-width: 750px) and (-webkit-min-device-pixel-ratio:0) { 
  /* Safari only override */
  ::i-block-chrome,div#timeline div.timerow div.rside img {
    display: none;
  }
  ::i-block-chrome,div#timeline div.timerow div.lside img {
    display: none;
  }
  ::i-block-chrome,div#timeline div.timerow div.centr img {
    position: relative;
    top: 0%;
    left: 0%;
    width: 80px;
    height: 80px;
    margin: 0px 0 0 0px;
  }
  ::i-block-chrome,div#timeline {
    background: none;
  }
}

@media screen and (max-width: 700px) {
  div#topinfo div.topcell.langs {
    display: none;
  }
  div#topinfo {
    width: 50%;
  }
  nav#mainmenu {
    width: 50%;
  }
  header.hp div#slideshow {
    height: 400px;     
  }  
  header.hp div#slideshow div.slide {
    height: 400px;
    background-size: 945px 400px;    
  }
  header.sp div#slideshow div.slide {
    background-size: 945px 400px;    
  }
  header.hp div#slideshow div.slide.one {
    background-image: url('../../images/slide01nr.jpg');        
  }
  header.hp div#slideshow div.slide.two {
    background-image: url('../../images/slide02nr.jpg');        
  }
  header.hp div#slideshow div.slide.thr {
    background-image: url('../../images/slide03nr.jpg');        
  }
  header.hp div#slideshow div.slide.for {
    background-image: url('../../images/slide04nr.jpg');        
  }
  header.hp div#slideshow div.slide.fiv {
    background-image: url('../../images/slide05nr.jpg');        
  }
  div#home.hp {
    margin: 210px 0px 0px 0px; 
  }
  div#home.sp {
    margin: 180px 0px 0px 0px;
  }
  div.gal ul.foto.norm li {
    width: 25%;
  }
  div#cart_tab div.step h3 {
    font-size: 0.9em;
  }
}


@media screen and (max-width: 640px) {    
  div.form-group label {
    font-size: 0.8em;
  }
  div.form-group label.radio {
    width: 80%;
  }  
  div.show-group label.detail {
    width: 30%;
  }
  div.show-group input.detail {
    width: 35%;
  }
  button.detail {
    width: 30%;
  }
  
}

@media screen and (max-width: 600px) {
  #top {
    height: 80px;
    background-image: none;
    background-color: #fff;
  }
  div#topinfo {
    width: auto;
    margin: 15px 15px 0px 0px;
    padding: 3px 0px 0px 0px;  
  }
  div#topinfo div.topcell.login {
    background-size: 40px 80px;
    padding: 0px 0px 0px 0px;
    border-right: 0px solid #cdcdcd;
  }
  div#topinfo div.topcell.login span {
    display: none;
  }
  div#topinfo div.topcell.login a {
    float: right;
    width: 40px;
    height: 40px;
  }
  div#topinfo div.topcell.login:hover {
    background-position: 0px -40px;     
  }
  div#topinfo div.topcell.login a:hover {
    background-color: transparent;
  }
  nav#mainmenu {
    width: auto;
    height: auto;
    margin: 15px 0px 0px 0px;
  }
  
  div#footer .col40 {
    display: none;
  }
  div#footer .col30 {
    float: left;
    width: 50%;
  }
  
  div#timeline div.timerow:nth-child(odd) div.lside {
    width: 80%;
  }
  div#timeline div.timerow:nth-child(odd) div.centr {
    width: 20%;
  }
  div#timeline div.timerow:nth-child(odd) div.rside {
    padding-left: 20%;
  }
  div#timeline div.timerow:nth-child(even) div.lside {
    padding-left: 20%;
  }
  div#timeline div.timerow:nth-child(even) div.centr {
    width: 20%;
  }
  div#timeline div.timerow:nth-child(even) div.rside {
    width: 80%;
  }
  div#timeline div.timerow div.lside img, div#timeline div.timerow div.rside img {
    width: 100%;
    height: auto;
    max-width: 350px;
  }
  div.gal ul.foto.norm li {
    width: 33.3%;
  }
  div#cart_tab div.step {
    width: 100%;
    margin-bottom: 10px; 
  }
}

@media screen and (max-width: 500px) {
  header.hp div#slideshow {
    height: 350px;     
  }
  header.hp div#slideshow div.slide {
    height: 350px;
    background-size: 827px 350px;    
  }
  div#home.hp {
    margin: 160px 0px 0px 0px; 
  }
  
  div#footer .col30 {
    float: left;
    width: 100%;
  }
  div#icons div.icon {  
    width: 100%;
  }
  div#icons div.icon:nth-child(1), div#icons div.icon:nth-child(2), 
  div#icons div.icon:nth-child(3), div#icons div.icon:nth-child(5) {
    border-right: 1px solid #cdcdcd;
  }
  div#icons div.icon:nth-child(4) {
    border-left: 1px solid #cdcdcd;
    border-bottom: 0px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
  }
  div#icons div.icon:nth-child(5) {
    border-bottom: 0px solid #cdcdcd;
  }
  img.intrlogo {
    width: 100%;
    max-width: 200px;
    height: auto;
  }
  div#timeline div.timerow:nth-child(odd) div.lside {
    width: 76%;
  }
  div#timeline div.timerow:nth-child(odd) div.centr {
    width: 24%;
  }
  div#timeline div.timerow:nth-child(odd) div.rside {
    padding-left: 24%;
  }
  div#timeline div.timerow:nth-child(even) div.lside {
    padding-left: 24%;
  }
  div#timeline div.timerow:nth-child(even) div.centr {
    width: 24%;
  }
  div#timeline div.timerow:nth-child(even) div.rside {
    width: 76%;
  }
  
}

@media screen and (max-width: 400px) {
  /*div#icons div.icon p {
    display: none;
  } */
  div.services div.service {  
    width: 100%;
  }
  img.intrlogo {
    float: left;
    width: 100%;
    max-width: 400px;
    height: auto;
    margin: 0px 0px 20px 0px;
  }
  img.superb {
    float: left;
    width: 100%;
    max-width: 400px;
    height: auto;
    margin: 0px 0px 20px 0px;
  }
  /*div#timeline {
    background-position: top left 28px;
  }
  div#timeline div.timerow div.centr img {
    width: 60px;
    height: 60px;
    margin: -30px 0 0 0px;
  }
  div#timeline div.timerow:nth-child(odd) div.lside {
    width: 78%;
  }
  div#timeline div.timerow:nth-child(odd) div.centr {
    width: 22%;
  }
  div#timeline div.timerow:nth-child(odd) div.rside {
    padding-left: 22%;
  }
  div#timeline div.timerow:nth-child(even) div.lside {
    padding-left: 22%;
  }
  div#timeline div.timerow:nth-child(even) div.centr {
    width: 22%;
  }
  div#timeline div.timerow:nth-child(even) div.rside {
    width: 78%;
  }*/
  
  div#timeline {
    background: none;
  }
  div#timeline div.timerow:nth-child(odd) div.lside {
    width: 100%;
  }
  div#timeline div.timerow:nth-child(odd) div.centr {
    display: none;
  }
  div#timeline div.timerow:nth-child(odd) div.rside {
    width: 100%;
    padding-left: 0%;
  }
  div#timeline div.timerow:nth-child(even) div.lside {
    width: 100%;
    padding-left: 0%;
  }
  div#timeline div.timerow:nth-child(even) div.centr {
    display: none;
  }
  div#timeline div.timerow:nth-child(even) div.rside {
    width: 100%;
  }
  div.gal ul.foto.main li {
    width: 100%;
  }
  div.gal ul.foto.main li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
  }
  div.gal ul.foto.norm li {
    width: 50%;
  }
}

@media screen and (max-width: 360px) {
  #logo {
    width: 200px;
    height: 80px;
    background-size: 200px 67px;
    background-position: center center;
    background-color: #a6ce38;
  }
  #logo a  {
    width: 200px;
    height: 67px;
  }
}

/// POPTAVKA
@media screen and (max-width: 640px) {    
  div.show-group label.detail {
    width: 30%;
  }
  div.show-group input.detail {
    width: 35%;
  }
  button.detail {
    width: 30%;
  }
  
}
@media screen and (max-width: 535px) {
  div.form-group .col-md-3 {
    width: 35%;
  }
  div.form-group .col-md-7 {
    width: 60%;
  }
}
@media screen and (max-width: 455px) {
  div.form-group .col-md-3 {
    display: block;
    float: left;
    width: 100%;
  }
  div.form-group .col-md-7 {
    display: block;
    float: left;
    width: 100%;
  }
  div.form-group label {
    float: left;
    padding: 0px 0px 0px 0px;
    text-align: left;
  }   
  div.form-group div input[type=number] {
    width: 100%;
  }
  div.form-group div input.short {
    width: 100%;
    margin: 5px 0px 0px 0px;
  }
  div.form-group div input.time {
    width: 100%;
    margin-top: 5px;
  }
  div.form-group div label.high {
    height: 28px;
  }
  div.show-group label.detail {
    width: 100%;
  }
  div.show-group input.detail {
    width: 100%;
    margin-right: 0%;
  }
  button.detail {
    width: 50%;
    margin-top: 10px;
  }
}
@media screen and (max-width: 383px) {
  div.accbtn {
    width: 100%;
    margin: 0 0 10px 0;
  }
  table.tab tr th.date, table.tab tr td.date {
    display: none;
  }
}