@media screen and (max-width: 1050px) {
		
		.stred {width: auto; padding: 0 15px 0 15px;}
		.stred .stred {padding: 0 0 0 0;}
		
		
		.ID-fix {position: relative; right: 0; top: 0; float: left; width: 100%; text-align: right;}
		
		
		.ID-hlavicka .pravy {float: none;}
		.ID-hlavicka {height: auto;}
		.ID-hlavicka .logo {margin: 20px 0 20px 0;}
		
		
		.ID-hlavicka .hlavicka-eshop {float: none; margin-top: -99px;}
		
		
		.ID-hlavicka .ID-smart-search {float: left; width: 80%; width: 80%; width: calc(100% - 60px); margin: 10px 0 15px 0;}
		.ID-hlavicka .ID-smart-search .inputbox {padding: 8px 12px 8px 12px; width: 68%; width: calc(100% - 125px); background: none;}
		
		
		.ID-hlavicka .hlavicka_02 .vmCartModule:hover .ID-hlavicka-kosik-obal {display: none;}
		.ID-hlavicka .hlavicka_02 .vmCartModule:hover .ID-hlavicka-kosik-obal.open {display: block;}
		.ID-hlavicka .hlavicka_02 .vmCartModule:hover .ID-hlavicka-kosik-obal.close {display: none;}
		.ID-hlavicka .hlavicka_02 .ID-hlavicka-kosik-obal.open {display: block;}
		.ID-hlavicka .hlavicka_02 .ID-hlavicka-kosik-obal.close {display: none;}
		
		
		.ID-hlavicka .tlacitka {display: block; margin: -58px 0 0 0;}
		
		
		.ID-hlavni-menu-obal {margin: 0 0 15px 0;}
		#hlavni-menu-div.open {display: block;}
		#js-odkaz-menu {display: block;}
		
		
		#hlavni-menu-div {display: none;}
		#hlavni-menu {height: auto; padding: 15px 0 15px 0;}
		#hlavni-menu .menu_category {float: none;}
		#hlavni-menu .menu_category > li {float: none;}
		#hlavni-menu .menu_category > li > a {float: none; display: block; padding: 0 15px 0 15px;}
		#hlavni-menu .menu_category:nth-child(1) > li > a {margin-left: 0;}
		#hlavni-menu .menu_category > li > ul {display: none;}
		
		
		.ID-navigace {padding: 15px 0 15px 0;}
		.ID-navigace .nadpis {font-size: 20px; line-height: 25px;}
		.ID-navigace .breadcrumb {float: left; padding: 0; margin: 0; list-style: none; font-size: 16px; line-height: 22px; font-weight: normal; color: #01a7b4;}
		
		
		.ID-vypis {padding: 20px 0 0 0;}
		.ID-vypis > .clr {display: none;}
		.ID-vypis .row {display: block;}
		.ID-vypis .produkt {width: 50%;}
		.ID-vypis .produkt-div {margin: 0 8px 15px 8px;}
		.ID-vypis .row-3 .produkt,
		.ID-vypis .row-4 .produkt,
		.ID-vypis .row-5 .produkt {width: 50%;}
		.ID-vypis .radek-responsive-1 {clear: left;}
		
		
		.clanek h1, .clanek h2, .clanek h3, .produkt-detail h1, .produkt-detail h2, .ID-vypis h2
		{}
		.clanek h2, .clanek h3
		{font-size: 24px; line-height: 32px;}
		.clanek h3 {font-size: 22px; line-height: 30px;}
		
		
		.ID-moduly {}
		.ID-moduly h2 {font-size: 22px; line-height: 26px; padding: 10px 0 10px 0;}
		.ID-moduly .menu-novinky li .obrazek {height: auto; max-height: 150px;}
		.ID-moduly .ID-obsah-produkty .ID-obsah {padding: 0 0 20px 0;}
		
		
		.ID-modul-01 .boxy .box .obrazek {height: auto;}
		.ID-modul-01 .boxy .box .popisek .nazev {font-size: 28px;}
		
		
		.ID-modul-02 {padding: 30px 0 30px 0; margin: 0;}
		
		
		.ID-modul-04 {padding: 20px 0 0 0;}
		.ID-modul-04 .boxy .box {width: 100%;}
		.ID-modul-04 .boxy .box-div {display: block; padding: 20px 0 20px 0;}
		.ID-modul-04 .boxy .box .popisek .nazev_obrazek .obrazek {top: -8px;}
		
		
		.ID-boxy {padding: 20px 0 0 0;}
		.ID-boxy .boxy {width: 50%;}
		.ID-boxy .boxy-3 {clear: left;}
		.ID-boxy .boxy-1 .box, .ID-boxy .boxy-3 .box {margin: 0 10px 20px 0;}
		.ID-boxy .boxy-2 .box, .ID-boxy .boxy-4 .box {margin: 0 0 20px 10px;}
		.ID-boxy .box h3.nadpis {padding: 10px 0 10px 0;}
		
		
		.ID-paticka {padding: 20px 0 20px 0;}
		.ID-paticka .levy {width: 100%; text-align: center;}
		.ID-paticka .pravy {width: 100%; text-align: center;}
		
		
		img, iframe {max-width: 100% !important; height: auto !important;}
		
		
		.responsive-skryt {display: none;}
		
	}
	
	
	@media screen and (max-width: 800px) {
		
		
		.ID-filtr-tlacitko-zobraz {display: block; line-height: 29px; padding: 5px 15px 5px 15px; margin: 20px 0 0 0; background: #ff4321; position: relative; z-index: 5;
		font-size: 16px; font-family: Ubuntu, arial, sans-serif; font-weight: 800; color: #ffffff; text-transform: uppercase; cursor: pointer; border-radius: 5px;}
		.ID-filtr-tlacitko-zobraz .toggle {float: right; width: 11px; height: 11px; margin: 10px 0 0 0;}
		
		
		.ID-filtr {margin: 0;}
		.ID-filtr .ID-filtr-div {padding: 0; margin: 0; border: 0;}
		
		
		#js-body.filtr_open {overflow: hidden;}
		#js-popup-filtr-body {display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; overflow: auto;}
		#js-popup-filtr-body.open {display: block; z-index: 10000;}


		#js-popup-filtr-body .ID-popup-obal {float: left; width: 100%; height: 100%; margin: 0; padding: 0;}
		#js-popup-filtr-body .ID-popup {display: block; max-width: 500px; min-width: 280px; width: calc(100% - 40px); height: calc(100% - 40px); margin: auto; padding: 20px;}
		#js-popup-filtr-body .ID-popup-div {display: block; width: calc(100% - 50px); height: calc(100% - 50px); margin: 0; padding: 20px; background: #ffffff; border: 5px solid #000000; position: relative;}
		#js-popup-filtr-body .ID-popup-vystup {display: block; width: 100%; height: 100%; height: calc(100% - 40px); margin: 20px 0 20px 0; padding: 0 20px 0 0; overflow: auto;}
		
		
		#js-popup-filtr-body .ID-popup-close
		{display: block; float: right; margin: 0; padding: 10px 15px 10px 15px; background: #000000; cursor: pointer; position: absolute; top: 0; right: 0; z-index: 1;
		font-size: 16px; line-height: 20px; font-family: Open Sans, arial, sans-serif; font-weight: 800; color: #ffffff; text-decoration: none;}
		
		
		.ID-horni .kontakt, .ID-horni .vas-ucet {float: left;}
		.ID-horni .kontakt {display: none;}
		
		
		.ID-hlavicka .vmCartModule {float: right; width: auto; margin: 21px 0 20px 0;}
		.ID-hlavicka .hlavicka-eshop .kontakt {display: none; float: left; width: 100%; width: calc(100% - 50px); margin: 20px 0 0 0;}
		
		
		.ID-obsah {padding: 20px 0 20px 0;}
		
		
		.ID-levy {width: 100%;}
		.ID-levy-div {margin: 0;}
		
		
		.ID-pravy {width: 100%;}
		
		
		.ID-slider-01 .levy {width: 100%;}
		.ID-slider-01 .pravy {width: 100%;}
		.ID-slider-01 .pravy-div {padding: 0;}
		.ID-slider-01 .box-01, .ID-slider-01 .box-02 {margin-top: 7px;}
		
		
		.bfQuickMode .bfElemWrap input, .bfQuickMode .bfElemWrap textarea {max-width: 100% !important;}
		
		
		.ID-articles-01 .item {width: 50%;}
		.ID-articles-01 .item:nth-child(3n+1),
		.ID-articles-01.masonry-3 .item:nth-child(3n+1) {clear: none;}
		.ID-articles-01 .item:nth-child(2n+1),
		.ID-articles-01.masonry-3 .item:nth-child(2n+1) {clear: left;}
		
	}
	
	
	@media screen and (max-width: 650px) {
		
		.ID-hlavicka .hlavicka_02 .vmCartModule .vm_cart_products_main {width: 100vw; right: -65px;}
		
		
		.bfQuickMode span.bfElemWrap {width: 100%;}
		.bfQuickMode .bfNoSection span.bfElemWrap:nth-child(2n+1) {margin-right: 0 !important;}
		.bfQuickMode .bfNoSection span.bfElemWrap:nth-child(2n+2) {margin-left: 0 !important;}
		
		
		.ID-vypis .produkt {width: 100%;}
		.ID-vypis .row-3 .produkt,
		.ID-vypis .row-4 .produkt,
		.ID-vypis .row-5 .produkt {width: 100%;}
		.ID-vypis .produkt-div {margin: 0 0 20px 0 !important;}
		
		
		.ID-moduly .menu-novinky li {width: 50%;}
		
		
		.produkt-detail .leva-strana {width: 100%; margin: 0 0 20px 0;}
		.produkt-detail .leva-strana-div {margin: 0 0 0 0;}
		.produkt-detail .prava-strana {width: 100%;}
		
		
		.ID-modul-02 .levy {width: 100%;}
		.ID-modul-02 .levy-div {padding: 0 0 0 0;}
		.ID-modul-02 .pravy {width: 100%;}
		.ID-modul-02 .pravy-div {padding: 0 0 0 0;}
		
		
		.ID-modul-03 .levy {width: 100%;}
		.ID-modul-03 .levy-div {padding: 0 0 0 0;}
		.ID-modul-03 .pravy {width: 100%;}
		.ID-modul-03 .pravy-div {padding: 0 0 0 0;}
		
	}
	
	
	@media screen and (max-width: 600px) {
			
			.ID-slider {height: auto;}
			.ID-slider ul li {height: auto; background: #f1f1f1 !important;}
			.ID-slider ul li .text {width: 100%;}
			.ID-slider ul li .text-div {margin: 25px 0 25px 0;}
			
			
			.ID-modul-01 .boxy .box {width: 50%;}
			.ID-modul-01 .boxy .box:nth-child(2n+1) {clear: left;}
			
			
			.ID-modul-02-obal {background-image: none !important;}
			.ID-modul-02 {padding: 25px 0 25px 0;}
			.ID-modul-02 .clanek {width: 100%;}
			
			
			.ID-kosik-modal {width: 100%;}
			
	}
	
	
	@media screen and (max-width: 500px) {
		
		.ID-kosik-modal .related-products {display: none;}
		
		
		.ID-vypis-kategorie .row {display: block;}
		.ID-vypis-kategorie .li {width: 100%;}
		.ID-vypis-kategorie .row-5 .li {width: 100%;}
		.ID-vypis-kategorie .row-4 .li {width: 100%;}
		.ID-vypis-kategorie .row-3 .li {width: 100%;}
		.ID-vypis-kategorie .row-2 .li {width: 100%;}
		.ID-vypis-kategorie .row-1 .li {width: 100%;}
		
		.ID-vypis-kategorie .row-3 .li:nth-child(3n+1) a {margin-left: 0; margin-right: 0;}
		.ID-vypis-kategorie .row-3 .li:nth-child(3n+2) a {margin-left: 0; margin-right: 0;}
		.ID-vypis-kategorie .row-3 .li:nth-child(3n+3) a {margin-left: 0; margin-right: 0;}
		
		.ID-vypis-kategorie .row-4 .li:nth-child(4n+1) a {margin-left: 0; margin-right: 0;}
		.ID-vypis-kategorie .row-4 .li:nth-child(4n+2) a {margin-left: 0; margin-right: 0;}
		.ID-vypis-kategorie .row-4 .li:nth-child(4n+3) a {margin-left: 0; margin-right: 0;}
		.ID-vypis-kategorie .row-4 .li:nth-child(4n+4) a {margin-left: 0; margin-right: 0;}

		.ID-vypis-kategorie .li .obrazek {height: 64px;}
		
		
		.ID-varianty-produktu-1 .produkty .produkt {width: 100%;}
		.ID-varianty-produktu-1 .produkty .produkt-div {margin-left: 0; margin-right: 0;}
		.ID-varianty-produktu-1 .produkty .radek-1 .produkt-div {margin-right: 0;}
		.ID-varianty-produktu-1 .produkty .radek-2 .produkt-div {margin-left: 0; margin-right: 0;}
		.ID-varianty-produktu-1 .produkty .radek-3 .produkt-div {margin-left: 0;}
		
		
		.ID-articles-01 .item {width: 100%;}
		
	}
	
	
	@media screen and (max-width: 450px) {
		
		.ID-hlavicka .logo {width: 50%;}
		.ID-hlavicka .vmCartModule .kosik_left {width: 30px;}
		.ID-hlavicka .vmCartModule .kosik_right {margin: 0 0 0 42px;}
		
		
		.ID-boxy .boxy {width: 100%;}
		.ID-boxy .boxy-1 .box, .ID-boxy .boxy-3 .box {margin: 0 0 20px 0;}
		.ID-boxy .boxy-2 .box, .ID-boxy .boxy-4 .box {margin: 0 0 20px 0;}
		
	}
	
	
	@media screen and (max-width: 400px) {
		
		.ID-modul-01 .boxy .box .popisek .nazev {font-size: 20px;}
		
		
		.ID-moduly .menu-novinky li {width: 100%;}
		
	}
	
	
	@media screen and (max-width: 320px) {
		
		.stred {width: 290px; padding: 0 15px 0 15px;}
		
	}