@media screen and (min-width: 1051px) and (max-width: 1834px) {
		
		.ID-boxy .bg-image-1 {display: none;}
		.ID-boxy .bg-image-2 {display: none;}
		
		
		.ID-hlavicka .ID-smart-search {max-width: 48%;}
		#hlavni-menu .menu_category > li > a {padding: 0 10px 0 10px; font-size: 16px;}
		
		
		.stred {max-width: 100%; max-width: calc(100% - 30px); padding: 0 15px 0 15px;}
		
	}
	
	
	@media screen and (min-width: 1051px) and (max-width: 1370px) {
		
		.VD-smart-search-result {margin-left: 0; width: 100% !important; left: 0 !important;}
		
	}
	
	
	@media screen and (min-width: 801px) and (max-width: 1050px) {
		
		.ID-vypis .produkt-div {padding: 30px 10px 20px 10px;}
		
	}
	
	
	@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: center;}
		
		
		.ID-hlavicka {height: auto;}
		.ID-hlavicka .odkaz_logo {display: block; line-height: 0; text-align: right;}
		.ID-hlavicka .logo {float: none; margin: 15px auto 15px auto; width: 80px;}
		.ID-hlavicka .pravy {float: left; width: 100%;}
		
		
		.ID-hlavicka .pravy .mod-menu {text-align: center;}
		.ID-hlavicka .pravy .mod-menu > li {float: none; display: inline-block;}
		.ID-hlavicka .pravy .mod-menu > li > a {padding: 5px 5px 5px 5px;}
		
		
		.ID-hlavicka .hlavicka-eshop {width: 100%;}
		
		
		.ID-hlavicka .ID-smart-search {float: left; width: 80%; width: calc(100% - 60px); margin: 10px 0 15px 0;}
		.ID-hlavicka .ID-smart-search .inputbox, .VD-smart-search-form .inputbox {padding: 8px 12px 8px 12px; width: 68%; width: calc(100% - 125px); background: none; position: relative; top: 1px;}
		.ID-hlavicka .ID-smart-search .button, .VD-smart-search-form .button {height: 40px; line-height: 42px;}
		
		
		.VD-smart-search-result {margin-left: 0; width: 100% !important; left: 0 !important; border-radius: 10px 0 10px 10px;}
		.VD-smart-search-result .vd-search-head {top: -34px;}
		.VD-smart-search-result .vd-search-head-div {border-radius: 10px 10px 0 0;}
		
		
		.ID-hlavicka .tlacitka {display: block; margin: -55px 0 0 0;}
		
		
		#hlavni-menu-div.open {display: block;}
		#js-odkaz-menu {display: block;}
		
		
		#hlavni-menu-div {display: none;}
		#hlavni-menu {height: auto; padding: 0 0 15px 0;}
		
		
		#hlavni-menu .menu,
		#hlavni-menu .menu_category {clear: both;}
		#hlavni-menu .menu > li > a, #hlavni-menu .menu > li > .separator, #hlavni-menu .menu_category > li > a {color: #000000; background: #f8f8f8;}
		#hlavni-menu .menu > li.active > a, #hlavni-menu .menu_category > li.active > a {color: #ffffff;}
		#hlavni-menu ul {float: none !important; display: block !important;}
		#hlavni-menu li {float: none !important; display: block !important; border-bottom: 1px solid #ffffff !important;}
		#hlavni-menu li a {float: none !important; display: block !important;}
		#hlavni-menu .menu_category > li.active > a {color: #000000; background: #f8f8f8;}
		#hlavni-menu:hover .menu_category > li:hover > a {color: #000000; background: #f8f8f8; z-index: 0;}
		#hlavni-menu:hover .menu_category > li.active > a {color: #000000; background: #f8f8f8;}
		#hlavni-menu:hover .menu_category > li.active:hover > a {color: #000000; background: #f8f8f8;}
		#hlavni-menu .menu_category > li.active > a {border-bottom: 0;}
		
		
		/* vysouvací menu */
		#hlavni-menu .menu_category > li > ul {visibility: visible; opacity: 1; padding: 10px 10px 10px 10px; top: 0; box-shadow: none;}
		#hlavni-menu .menu_category > li:hover > ul {top: 0;}
		#hlavni-menu .menu > li > a, #hlavni-menu .menu_category > li > a {padding: 15px 10px 15px 10px; height: auto; line-height: 20px; border-left: 0; border-right: 0;}
		
		
		/* Ostatní */
		#hlavni-menu .tlacitko {float: right; width: 50px; height: 50px; padding: 0; margin: 0;}
		#hlavni-menu .tlacitko span {float: right; width: 21px; height: 21px; background: url('../images/tlacitko-plus.png') center center no-repeat; position: absolute; z-index: 10; right: 0; top: 0;
		border: 2px solid #000000; padding: 2px; margin: 10px 10px 0 0}
		#hlavni-menu li.open > .tlacitko span {background-image: url('../images/tlacitko-minus.png');}
		
		
		#hlavni-menu .menu_category > li {position: relative; float: left !important; width: 100%;}
		#hlavni-menu .menu_category > li.open > ul {display: block !important;}
		#hlavni-menu .menu_category > li > ul {position: relative; margin-top: 0; width: auto; border-radius: 0; display: none !important;}
		#hlavni-menu .menu_category > li > ul > li {width: 100%; border-bottom: 0 !important;}
		#hlavni-menu .menu_category > li > ul > li > a > .obrazek {display: block; position: relative;}
		#hlavni-menu .menu_category > li > ul > li > a > .nazev {}
		#hlavni-menu .menu_category > li > ul > li > ul {}
		#hlavni-menu .menu_category > li > ul > li > ul li {padding-bottom: 5px; margin-bottom: 5px; background-position: 0 11px;}
		#hlavni-menu .menu_category > li > ul > li > ul li a {padding-top: 5px; padding-bottom: 5px;}
		
		
		.ID-pod-menu {font-size: 15px;}
		.ID-pod-menu .levy {width: auto; float: none; display: block; padding: 15px 0 15px 0; line-height: 26px; background-size: cover; background: #f8f8f8 !important;}
		.ID-pod-menu .pravy {display: none;}
		.ID-pod-menu strong {font-size: 18px;}
		
		
		.ID-navigace {padding: 30px 0 15px 0; overflow-y: hidden; overflow-x: auto;}
		.ID-navigace .breadcrumb {width: 1000%; height: 22px;}
		
		
		.clanek h1, .clanek h2, .clanek h3, .produkt-detail h1, .produkt-detail h2, .ID-vypis h2, .ID-slider ul li .text-div h1, .ID-hlavni-nadpis
		{font-size: 20px;}
		.clanek h2, .clanek h3
		{font-size: 24px; line-height: 32px;}
		.clanek h3 {font-size: 22px; line-height: 30px;}
		
		
		.ID-levy {width: 100%;}
		
		
		.ID-pravy {width: 100%;}
		
		
		.ID-filtr-tlacitko-zobraz {display: block; line-height: 29px; padding: 5px 15px 5px 15px; margin: 0 0 20px 0; background: #e4282d; position: relative; z-index: 5;
		font-size: 16px; font-weight: 800; color: #ffffff; text-transform: uppercase; cursor: pointer;}
		.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-moduly {padding: 20px 0 20px 0;}
		.ID-moduly h2 {font-size: 22px; line-height: 26px; padding: 10px 0 10px 0;}
		.ID-moduly .menu-novinky li .obrazek,
		.ID-articles-01 .item .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-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 .bg-image-1 {display: none;}
		.ID-boxy .bg-image-2 {display: none;}
		.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;}
		
		
		.produkt-detail .prava-strana .produkt-text-pole-1 {width: 100%;}
		.produkt-detail .prava-strana .dostupnost {width: 100%; text-align: left;}
		.produkt-detail .prava-strana .ceny {width: 100%;}
		.produkt-detail .prava-strana .product-price {padding: 18px 0 15px 0;}
		.produkt-detail .prava-strana .text-pole-hlavni {width: 100%; margin: 10px 0 0 0;}
		.produkt-detail .prava-strana .produkt-text-pole-2 {float: left;}
		.produkt-detail .prava-strana .produkt-text-pole-3 {float: left;}
		
		
		.produkt-detail .ID-pd-varianta .vd-roletka {width: 100%;}
		.produkt-detail .ID-pd-varianta .addtocart-bar {float: left; margin-top: 3px;}
		
		
		img, iframe {max-width: 100% !important; height: auto !important;}
		
		
		.responsive-skryt {display: none;}
		
	}
	
	
	@media screen and (max-width: 960px) {
		
		
		.wf-columns-znacky .wf-column {width: 30%;}
		.wf-columns-znacky .wf-column .wf-column {width: 45%;}
		.wf-columns-znacky .wf-column img {width: 100%; height: auto;}
		
		
	}
	
	
	@media screen and (max-width: 800px) {
		
		
		.ID-obsah {padding: 0 0 20px 0;}
		
		
		.ID-modul-03 {padding: 20px 0 20px 0;}
		.ID-modul-03 .levy {width: 100%;}
		.ID-modul-03 .levy-div {padding: 0;}
		.ID-modul-03 .pravy {width: 100%;}
		.ID-modul-03 .pravy-div {padding: 20px 0 0 0;}
		
		
		.bfQuickMode .bfElemWrap input, .bfQuickMode .bfElemWrap textarea {max-width: 100% !important;}
		
		
		.ID-moduly .menu-novinky li,
		.ID-articles-01 .item {width: 50%;}
		.ID-moduly .menu-novinky li:nth-child(3n+1),
		.ID-articles-01 .item:nth-child(3n+1),
		.ID-articles-01.masonry-3 .item:nth-child(3n+1) {clear: none;}
		
		
		.ID-moduly .menu-novinky li:nth-child(2n+1),
		.ID-articles-01 .item:nth-child(2n+1),
		.ID-articles-01.masonry-3 .item:nth-child(2n+1) {clear: left;}
		
		
		.produkt-detail .clanek {width: 100%;}
		
		
		.ID-vypis .produkty-div > .clr {display: none;}
		.ID-vypis .produkty .row {display: block;}
		.ID-vypis .produkt {display: block;}
		.ID-vypis .produkt-div {flex: none;}
		.ID-vypis .produkt {width: 50%;}
		.ID-vypis .row-3 .produkt,
		.ID-vypis .row-4 .produkt,
		.ID-vypis .row-5 .produkt {width: 50%;}
		.ID-vypis .radek-responsive-1 {clear: left;}
		.ID-vypis .produkty > .clr {display: none;}
		
		
/*
		.ID-vypis .row-3 .produkt-div {width: auto;}
		.ID-vypis .row-4 .produkt-div {width: auto;}
*/
		
		
		.ID-vypis .row-3 .produkt.radek-responsive-1 .produkt-div,
		.ID-vypis .row-4 .produkt.radek-responsive-1 .produkt-div {border-left: 0; border-right: 1px solid #e1e1e1; margin-left: 0;}
		.ID-vypis .row-3 .produkt.radek-responsive-2 .produkt-div,
		.ID-vypis .row-4 .produkt.radek-responsive-2 .produkt-div {border-right: 0; border-left: 1px solid #e1e1e1; margin-left: -1px;}
		
	}
	
	
	@media screen and (max-width: 650px) {
		
		.ID-vypis-kategorie .row {display: block;}
		.ID-vypis-kategorie .li_clr {display: none;}
		.ID-vypis-kategorie .li {width: 50%;}
		.ID-vypis-kategorie .li a {margin-right: 6px !important;}
		.ID-vypis-kategorie .li.radek-responsive-2 a {margin-right: 0 !important;}
		.ID-vypis-kategorie .li.radek-responsive-1 {clear: left;}
		
		
		.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;}
		
		
		.produkt-detail .leva-strana {width: 100%; margin: 0 0 20px 0;}
		.produkt-detail .prava-strana {width: 100%;}
		
	}
	
	
	@media screen and (max-width: 600px) {
		
		.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-kosik-modal {width: 100%;}
		
	}
	
	
	@media screen and (max-width: 550px) {
		
		.VD-smart-search-result .vd-wrap-eshop-product .vd-results .vd-result {width: 100%;}
		.ID-vypis-filtr .vysledku-na-stranku {float: left; clear: both;}
		
	}
	
	
	@media screen and (max-width: 541px) {
		
		
		.wf-columns-znacky .wf-column {width: 100%;}
		.wf-columns-znacky .wf-column .wf-column {width: 45%;}
		
		
	}
	
	
	@media screen and (max-width: 500px) {
		
		.ID-kosik-modal .related-products {display: none;}
		
	}
	
	
	@media screen and (max-width: 450px) {
		
		.ID-hlavicka .hlavicka-eshop .kontakt {display: none;}
		
		
		.ID-vypis-kategorie .li {width: 100%;}
		.ID-vypis-kategorie .li a {margin-left: 0 !important; margin-right: 0 !important;}
		.ID-vypis-kategorie .li .obrazek {width: 50px;}
		.ID-vypis-kategorie .li .nazev {display: block; float: none; width: auto; padding: 0 0 0 50px;}
		
		
		.ID-vypis .produkty-div > .clr {display: block;}
		.ID-vypis .produkt {width: 100%;}
		.ID-vypis .row-3 .produkt,
		.ID-vypis .row-4 .produkt,
		.ID-vypis .row-5 .produkt {width: 100%;}
		.ID-vypis .row-3 .produkt.radek-responsive-1 .produkt-div,
		.ID-vypis .row-4 .produkt.radek-responsive-1 .produkt-div {border-left: 0; border-right: 0; margin-left: 0;}
		.ID-vypis .row-3 .produkt.radek-responsive-2 .produkt-div,
		.ID-vypis .row-4 .produkt.radek-responsive-2 .produkt-div {border-right: 0; border-left: 0; margin-left: 0;}
/*
		.ID-vypis .produkt .obrazek {float: left; width: 50%; padding: 0;}
		.ID-vypis .produkt .obrazek div {padding: 0 10px 0 0;}
		.ID-vypis .produkt .dostupnost, .ID-vypis .produkt .informace, .ID-vypis .produkt .statusy {margin-left: 50%;}
		.ID-vypis .produkt .statusy {width: 50%;}
		.ID-vypis .produkt .produkt-div {border-left: 0 !important; border-right: 0 !important; margin-left: 0 !important;}
*/
		
		.ID-moduly .menu-novinky li,
		.ID-articles-01 .item {width: 100%;}
		.ID-moduly .menu-novinky .li-div,
		.ID-articles-01 .item-div {padding: 0;}
		
		
		.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;}
		
	}
	
	
	@media screen and (max-width: 320px) {
		
		.stred {width: 290px; padding: 0 15px 0 15px;}
		
	}
