@media (max-width:1800px){
    div.obal-inner, div.navigace { width:100%; }

}



@media (max-width:1540px){

        div.popis{
    font-size: 26px;
    padding: .5em 1em;
    border-radius: 10px;
    position: absolute;
    top: 70vh;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align:center;
}


._czech{
    width: 700px;
    height:60px;
}

._english, ._slovakia, ._russian{

    width: 700px;
    height:90px;
}

}





@media (max-width:1400px){

    div.produkty{
   width:80%;
	}

}





@media (max-width:1200px){
     

div#upstairs {position:fixed; bottom: 20px; right: 20px; z-index:10}
    
div.popis{

    top: 50vh;
    width: 700px;
}


div.linka-grid-a, div.linka-grid-b{
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
   width:100%;
   column-gap: 0;
   row-gap: 1em;
   margin-top:50px;
   align-items: start;
   /* border-bottom: 1px solid var(--yellow); */
   margin-bottom: 50px;
   padding-bottom: 50px;
}



div.linka-grid-a div:first-child{
  grid-row: 1;
  grid-column: 1;
}

div.linka-grid-a div:last-child{
  grid-row: 2;
  grid-column: 1;
}


div.linka-grid-b div:first-child{
  grid-row: 2;
  grid-column: 1;
}

div.linka-grid-b div:last-child{
  grid-row: 1;
  grid-column: 1;
}






}






@media (max-width:1000px){

    div.produkty{
   width:100%;
	}

    div.odkazy{display:none}

   img#hamburger{
      position:absolute;
      top:30px;
      right:50px;
      display:block;
      z-index:220;
      width: auto;
      height: 30px;
      transition: width .25s, height .25s, top .25s;
      } 


    div.logo{
        font-size:40px;
    }


    div.certifikaty div{
	width: calc((100% / 2) - 1em);
	}


    /* div.graf-wrapper{
    width: 1000px;
    } */




}




/* 
@media (max-width:1800px) and (max-height:700px) and (orientation: landscape){




} */



@media (max-width:880px){
     
    
div.popis{

    display:none
}


iframe#ml200{
    height: 600px;
}


}







@media (max-width:750px){ 

    input.submit {font-size:1em}

    div.o-nas{
    padding: 0;   
	}

    div.o-nas > div{
    padding: 0 0 2em 0;   
	}

    div.obal-inner{
    padding: 1em;   
	}


    h2 {
        font-size: 24px;
        margin: 10px 10px 30px 0px;
    }


    h3 {
        font-size: 22px;
        margin: 10px 10px 20px 0px;
        text-align:left;
    }

    h4 {
        font-size: 20px;
    }

     div.linka-grid-a p, div.linka-grid-b p{
	font-size: 20px;
	}

    p, li, th, table.linka td, div#foot p, table.zarizeni th, table.zarizeni td {font-size: 22px; }

    div#foot p{margin-top: 0px; line-height: 30px}



    table.kontakt td{
        display:block;
        height:auto;

        }


    div.obal-outer, 
    div.obal-inner, 
    div.o-nas 
{
        min-height: 0;
        height: auto;
    }


    img.o-nas, img.kontakty {height: 50px}



    div.certifikaty div{
	width: calc(100% - 1em);
	}


    table.linka td{
    display:block;
    width: 100%;
    }

    table.linka td:first-child {
    font-family: ConstantaB; 
    }


    ul {margin-left:-10px}

    div.reference div h3{	
  font-size: 24px;
	}


    .grafa-data, .country{
  font-size:18px;
}





}







@media (max-width:600px){
          
    div#upstairs {position:fixed; bottom: 20px; right: 20px; z-index:10} 
    
    div.logo{
    font-size:30px;
    }


    div.inner-box{
    display:grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    }


    div.inner-box img{margin:auto; text-align:center;margin-top: 20px;margin-bottom: 20px; width: 50%}

   #hamburgermenu1, #hamburgermenu2a, #hamburgermenu2b{
        width: 100%;        
    }
    

    iframe#ml200{
    height: 400px;
    }

    table.zarizeni th:first-child, table.zarizeni td:first-child {display:none; }
    
    
 iframe.mapa {
      width:100%; height:300px;
      }

      div.form-wrapper{
        width: 100%;
        }
     

}




@media (max-width:400px){ 

    input[type=text], textarea, select {width:100%!important} 

    div.inner-box img{width: 100%}

    iframe#ml200{
        height: 300px;
    }

    iframe.mapa {
      width:100%; height:200px;
      }
     

}