@media (orientation: landscape) and (max-device-width: 1300px) {}

@media (max-device-width : 1300px) {
	#container,
	#footer {
		width:96vw;
		padding:0 2vw;
	}
	#header,
	.main,
  #main_content {
		width:100%;
	}
  div.logo {
		padding-top:40px;
	}
  .cart_container {
		margin-right:0;
	}
  #menuBox {
    margin-top: 40px;
	}
  .menu_nemocnic {
    margin: 20px 0;
	}
  div.produkt_vypis .produkt, div.produkt_vypis_akce .produkt {
    width: calc(100% - 220px);
    box-sizing: border-box;
    margin: 0;
	}
	div.rubriky_cesta,
	.rubriky_vypis {
		padding:0;
		box-sizing:border-box;
	}
}

@media (max-device-width : 1200px) {
	.produkt {
    width: calc(33.33% - 20px);
	}
  .produkt:nth-child(4n+8) {
    clear:none;
	}
  .produkt:nth-child(3n+7) {
		clear:both;
	}
	.product {
    height: auto;
	}
	div.product div.cena {
    position:relative;
		bottom:auto;
	}
}

/** ----------------------------------------- SCREEN SIZE: tablets landscape / very old desktop --------------------*/
@media (max-device-width : 1024px) {
  .cart_container {
    float:none;
	}
  .shop_cart_iframe_div {
    float: none;
    display: inline-block;
	}
	#menuBox {
    float: none;
    margin-top:10px;
    text-align: center;
    padding:0;
		height:auto;
	}
  div.logo {
    padding: 20px 0 0 0;
    text-align: center;
    display: inline-block;
	}
  .menu_nemocnic {
    text-align: center;
	}
  div.produkt_vypis {
    padding: 0;
	}
}

@media (max-device-width : 900px) {
  .produkt {
    width: calc(50% - 20px);
	}
  .produkt:nth-child(3n+7) {
    clear:none;
	}
  .produkt:nth-child(2n+6) {
    clear: both;
	}
}

@media (max-device-width : 800px) {
}

/* ----------------------------------------- SCREEN SIZE: phone landscape / tablets portrait --------------------*/
@media (max-device-width : 680px) {
  .produkt_images,
	div.produkt_vypis .produkt,	div.produkt_vypis_akce .produkt {
    width: 100%; 
 	}
  .product_shadow {
    float:none;
		text-align:center;
	}
  .product_shadow img {
    display: inline-block;
	}
  .produkt h1 {
    text-align: center;
	}
  div.produkt_vypis .produkt .zkratka_nemocnice {
    margin: 10px auto;
	}
	.zkratka_nemocnice {
	  display:none;
	}
  table.orderinfo,
  table.orderinfo thead,
	table.orderinfo tbody,
  table.orderinfo tr,
	table.orderinfo th,
	table.orderinfo td {
		display:block;
		width:100%;
		box-sizing:border-box;
	}
  div.shop_cart table.orderinfo th,
	div.shop_cart table.orderinfo td {
		text-align:center;
	}
}

@media (max-device-width : 600px) {
	.produkt {
    width: 100%;
    margin: 0 0 10px 0;
	}
  table.autoform td input {
    width: 100%;
	}
  table.autoform td input[type="checkbox"] {
    width:auto;
	}
}

@media (max-device-width : 480px) {
  .shop_cart_iframe_div {
    width: 100%;
    box-sizing: border-box;
	}
  #header a.kosik_link, #header a.kosik_link:visited {
		display:none;
	}
  #kosik_iframe {
    float: none;
	}
  div.logo {
    width: 100%;
		padding: 20px 30px 0 30px;
    box-sizing:border-box;
	}
  div.logo img {
    max-width: 100%;
	}
  #footer {
		margin-top:1em;
	}
  #footer p span {
    clear: both;
    display: block;
    visibility: hidden;
    height: 1px;
	}
  .produkt_vypis .parametry div.cena input.koupit {
    width: 100%;
		box-sizing:border-box;
    margin: 0.5em 0;
		padding:10px;
	}
  #login_form fieldset {
    text-align: center;
	}
  #login_form .logininput {
    margin: 5px 0 0 0;
    width: 200px;
	}
  #login_form .tm2 label {
    float: none;
    text-align: center;
		padding:0;
    width: 100%;
    display: block;
	}
  #login_form .tm2 input {
    float: none;
    clear: both;
    text-align: center;
	}
  #login_form fieldset br {
		display:none;
	}
	div.profiles table.autoform,
  div.profiles table.autoform thead,
	div.profiles table.autoform tbody,
  div.profiles table.autoform tr,
	div.profiles table.autoform th,
	div.profiles table.autoform td {
		display:block;
		width:100%;
		box-sizing:border-box;
	}
  div.profiles table.autoform th,
	div.profiles table.autoform td {
		text-align:center;
	}
  table.autoform td {
    padding: 0;
	}
  table.autoform td input {
    text-align: center;
    padding: 5px;
    box-sizing:border-box;
	}
  .slevovy_kupon_add input {
		width:100%;
	}
  .slevovy_kupon_add input[type="submit"] {
		width:auto;
		margin-top:3px;
	}
  div.shop_cart table {
    padding: 0;
	}
  div.shop_cart table .kontroly {
		text-align:center;
	}
  div.shop_cart table .kontroly select {
		width:100%;
	}
  div.shop_cart table input.submit {
		width:100%;
	}
}

/** ----------------------------------------- SCREEN SIZE: phone portrait --------------------*/
@media (max-device-width : 380px) {
	div.logo {
		padding: 20px 20px 0 20px;
	}
	.produkt_vypis .parametry div.cena {
    text-align: center;
	}
	.produkt_vypis .parametry div.cena span.kusy {
    margin: 10px;
    width: 100%;
    box-sizing:border-box;
	}
  div.produkt_vypis .produkt, div.produkt_vypis_akce .produkt {
    padding: 10px;
    box-sizing:border-box;
	}
}
