img, video, canvas {
  max-width: 100%;
}

@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1150px)
{

}
@media screen and (max-width: 1024px)
{
	#headmenu        {width: 95%; height: auto; margin: auto;}
	#headmenu .inner {width: 100%; height: auto; background: none; }
	#headmenu ul.leftmenu_menu  {display: block; }
	#headmenu ul.qmmc      {display: none;}

	.maincont {width: 95%;}
	.card.last {margin-right: inherit;}
	/*.card {border: 6px solid #ffffff;}
	.card:hover {border: 6px solid #f7f9fd;}*/
	.login-popup, .cart-popup {width: 70%;}

}
@media screen and (max-width: 900px)
{
	.half.moznosti, .half.uhrada {width: 100%;}
	/*.udaje, .pokl_login {display: none;}*/
	.marrig20 {margin-right: 0;}
	.text_username {display: none;}
	#qm0 a {font-size: 110%; padding: 5px 0px 22px 0px;}
	.card  {width: 20%;}
}
@media screen and (max-width: 768px)
{
	#head .head_block {display: none;}
	#head .search input[type="text"] {max-width: 70px; float: right; margin-right: 15px;}
	#qm0 a {font-size: 100%;}
	#qm0 div a, #qm0 ul a {font-size: 90%;}

	.card {width: 45%;}
	.card {}
	.card:hover {}
	#cards_half {display: inherit;}
	#cards_full {display: none;}
}
@media screen and (max-width: 640px)
{
	#head a.home {max-width: 65%;}
	#top_icons {max-width: 35%;}
	#head .head_icon  {margin-right: 0em;}
	#head .head_icon:hover, #head .head_icon2:hover {}
	#detail_left, #detail_right {width: 95%;}
	#detail .popis {max-height: 300px; overflow: scroll;}

}
@media screen and (max-width: 560px)
{
	#head a.home {max-width: 95%; margin: auto; float: none;}
	#top_icons   {max-width: 95%; margin: auto; top: 10px; right: auto; float: none; text-align: center;}
	#head .head_icon {float: none;}
	.head_cart, .head_login, #head .search, #head .search input[type="submit"], #head .search input[type="text"] {display: inline-block; float: none; margin: auto;}
	#head .search {width: 130px; top: 2px; text-align: left; top: -10px; left: 15px;}
	#top_icons hr {display: none;}
	#headmenu {top: 10px;}

	.card {width: 70%; height: 380px; float: none; margin: auto; margin-bottom: 20px;}
	.card:hover {}
	.card.last   {margin-right: auto;}
	.card .cart  {position: relative; display: block; top: 2em;}

	.pagination {font-size: 90%;}
	.pagination .start, .pagination .prev, .pagination .next, .pagination .end {display: none;}

	.quarter {width: 33%;}
	#bottom_logo {display: none;}
}
@media screen and (max-width: 480px)
{
	.card {width: 90%; }

	#bottom_logo	 {display: none;}
	#bottom .quarter {width: 50%;}
	#bottom h3 {font-size: 120%;}
}