@media (max-width:1000px) and (orientation: landscape){
/*
#logo{display:none}
#logo-small{display:block}
*/
}


@media (min-width:1000px){
  /*div#main{padding:0px;}*/
  div#subhead{width:100%;/*padding:0px;*/}
  div#main{width:100%;}
}

@media (min-width:1600px){
  div#subhead{width:85%;}
  div#main{width:100%;}
}



@media (min-width:1900px){
  div#subhead{width:75%;}
  div#main{width:100%;}
}



@media (min-width:2200px){
  div#subhead{width:60%;}
  div#main{width:100%;}
}

/* ----------------------------------------------------------------------------------------------------------------------------- */

@media (max-width:1300px){
  div#main{padding:30px 0px 0px 0px;}
  div#subhead{width:100%;padding:10px;/*background: #eee*/}


  h1.a{font-size:32px; margin-top:-35px; margin-bottom:35px;}



  iframe#mapa {width:500px; height: 350px}
  table.table-nezavazna-poptavka {width: 80%}

  #logo{width:30%;top:20%;transition: none}
  #logo:hover{width:30%;transition: none}

  div#menu{width:20%;margin:20px 10px 0px 0px;}
  div.obsah-right{width:79%;padding-left:10px;/*background: #f6f6f6*/}

  div.div-items{display:inline-block; width:30%;min-height:470px; max-height:470px; margin: 0px auto; margin-left: 20px; margin-bottom: 20px; }

  /*
  #kosik-big2- {display:block; position:fixed; top: 20px; right: 120px; width: 40px; height: auto; z-index: 10}
  #kosik-big- {display:block; position:fixed; top: 20px; right: 120px; width: 40px; height: auto; opacity:1; transition: opacity .3s; z-index: 10}
  img#kosik-big-:hover {opacity:0; transition: opacity .3s}

  #kosik-big2 {display:none}
  #kosik-big {display:none}
  */
}


@media (max-width:1270px){

    div.div-items{width:30%;}
}


@media (max-width:1220px){
  div#subhead{width:100%;}

  h1.a{font-size:28px; margin-top:-34px; margin-bottom:34px;}

  div#menu{width:25%;margin:20px 10px 0px 0px;}
  div.obsah-right{width:73%;padding-left:10px;/*background: #f6f6f6*/}

  div.div-right{float:right;width:35%;}
  div.div-left{float:left;width:60%;}

  table.kosik{width: 900px;}

  div#scroll-bottons {display:block; text-align:center; margin: 0px auto; margin-top:20px; margin-bottom:30px; color: #95e713}
  
    #hamburger{display:block;position:fixed;top:30px;left:20px;z-index:50; width: 30px; height: auto}
  #navigace, #hkontakty {display:none}

  #kosik-big2- {left: 80px;}
  #kosik-big- {left: 80px;}

}


 /*
@media (max-width:1110px){

  #hamburger{display:block;position:fixed;top:30px;left:20px;z-index:50; width: 30px; height: auto}
  #navigace, #hkontakty {display:none}

  #kosik-big2- {left: 80px;}
  #kosik-big- {left: 80px;}

}
*/


@media (max-width:1100px){
  div.w50 {float:left;width:45%;text-align:left;margin-bottom:30px;margin-right:20px; font-family: Champagne_Limousines-Thick; font-size:20px }

  div.left{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;width:100%; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; float:left }
  div.right{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;width:100%; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; float:right }
  iframe#mapa {width:80%; height: 400px; clear:both}
}





@media (max-width:1050px){

    div.div-items{width:45%;}
}






@media (max-width:1000px){
  table.table-nezavazna-poptavka {width: 100%}

   h1.a{font-size:28px; margin-top:-34px; margin-bottom:34px;}

  #logo{width:40%;top:20%;transition: none}
  #logo:hover{width:40%;transition: none}

  b.desktop {display:none}
  b.mobile {display:inline}

  div#menu{width:30%;margin:20px 10px 0px 0px;}
  div.obsah-right{width:68%;padding-left:10px;/*background: #f6f6f6*/}
  div.detail-obal{width:68%;float:left;padding:10px}
  div.div-right{float:left;width:100%;clear:none;border-left:none; border-bottom:1px solid #95e713; min-height:0px; padding:20px;}
  div.div-left{float:left;width:100%;clear:none; padding-top:20px; margin-top:0px}

}





@media (max-width:830px){
    /*
    div#menu{width:35%;margin:20px 10px 0px 0px;}
    div.obsah-right{width:63%;padding-left:10px;}
    div.div-items{width:95%;}
    */

    div#menu{width:100%;margin:20px 10px 0px 0px;}
    div.obsah-right{width:100%;padding-left:10px;}
    div.detail-obal{width:100%;float:left;padding:10px}
    div.div-items{width:46%;}
}


@media (max-width:700px){
    iframe#mapa {width:100%; height: 500px; clear:both}

    p.section {margin:0px 0px 20px 0px;font-family: Champagne_Limousines-Thick;font-size:18px}
    p.section_c {margin:0px 0px 20px 0px;font-family: Champagne_Limousines;font-size:18px; text-align:center}
    p.bg_green {background: #95e713; color: #fff; margin:0px 0px 50px 0px; font-family: Champagne_Limousines-ThickBold; font-size:18px; padding:10px;text-align:center}
    li {list-style-type: circle; color:#444;font-size:18px;text-align:left;font-family: Champagne_Limousines-Thick;}

    h1.a{font-size:26px; margin-top:-32px; margin-bottom:32px;}

    h2{font-family: Champagne_Limousines-ThickBold; color:#444;  text-align:center;  font-size:22px; margin-top:40px;}
    h3{font-family: Champagne_Limousines-ThickBold; color:#444;  text-align:left;  font-size:20px; margin-bottom:10px;}


    div.objednat a{font-family: Champagne_Limousines-ThickBold;position:absolute;   left:0;  bottom:50px; right:0;  margin:auto;  z-index:9;  width:200px;  height:40px; background: #95e713; color: #fff ; text-align:center; font-weight:bold;font-size: 18px; padding-top: .4em; cursor:pointer; border-radius:5px; box-shadow: 2px 2px 10px #000; letter-spacing: 0px; text-decoration:none; transition: none}

    div.objednat a:hover {letter-spacing: 0px; transition: none}


    div.objednat2{font-family: Champagne_Limousines-ThickBold; margin:auto; position:relative; top:50px; width:200px;  height:40px; background: #95e713;  text-align:center; font-weight:bold; font-size: 18px; padding-top: .4em; cursor:pointer; border-radius:5px; box-shadow: 1px 1px 1px #666; letter-spacing: 0px; clear: both; text-decoration: none; transition: none}

    div.objednat2:hover {letter-spacing: 0px; transition: none}




    input#submit,input.submit{font-family: Champagne_Limousines-ThickBold; margin:auto; position:relative; top:10px; width:300px;  height:40px; background: #95e713; color: #fff; text-align:center; font-weight:bold; font-size: 18px; padding-top: .4em; cursor:pointer; border-radius:5px; box-shadow: 1px 1px 1px #666; letter-spacing: 0px; transition: none;   }

    input#submit:hover,input.submit:hover {letter-spacing: 0px; transition: none}


    div.clear {
    height: 50px;
    clear:both;
    }

    div.w50 {float:left;width:45%;text-align:left;margin-bottom:30px;font-family: Champagne_Limousines; font-size:18px}
    div.obsah-right{width:100%;padding:0px;}
    div.div-items{width:45%; margin: 0px 10px 20px 10px;}

}


@media (max-width:640px){
    table.kontaktni-udaje {width:auto;text-align:center;margin:auto}
    table.kontaktni-udaje tr {display: block}
    table.kontaktni-udaje td {display: block;text-align:left}

    table.odeslani-dotazu {width:95%;text-align:center;margin:auto}
    table.odeslani-dotazu tr {display: block}
    table.odeslani-dotazu td {display: block;text-align:left}
    table.odeslani-dotazu td input{width:100%}
    table.odeslani-dotazu td textarea{width:100%}
}




@media (max-width:550px){

     div.w50 {float:left;width:100%;text-align:left;margin-bottom:30px;font-family: Champagne_Limousines; font-size:18px}
     div.nezavazna-poptavka {display:none}
     div.nezavazna-poptavka2 {display:block}
      div.div-items{width:95%; margin: 0px 20px 20px 10px;}

}