
	.responsive-neni{
		display: block;
	}

	.responsive{
		display: none;
	}

	.label-span {
		margin-top: 5px;
		float: right;
		padding-top: 40px;
		color: #fff;
		width: 15%;
		z-index: 11;
		cursor: pointer;
	}

	input#telefon:checked ~ .telefony {
		display: block;
	}

	.telefony {
		display: none;
	}


	.label-span span {
		display: block;
		width: 35px;
		height: 5px;
		background: #009444;
		top: 6px;
		left: 0;
	}

	.label-span span + span {
		top: 17px;
	}

	.label-span span + span + span {
		top: 29px;
	}

	.label-opener, .label-closer {
		width: 30px;
		cursor: pointer;
	}

	.label-span {
		width: 45px;
		padding-top: 30px;
		position: relative;
	}

	.label-span.title {
		width: auto;
		height: auto;
		margin-left: 0;
	}
	.label-span__item {
		display: block;
		width: 30px;
		height: 4px;
		background: #fff;
		position: absolute;
		top: 5px;
		left: 7px;
	}

	span.kategorie--header {
		display: inline-block;
		width: auto;
	}

	.index-site p {
		clear: both;
	}

	.label-span__item + .label-span__item { top: 13px; }
	.label-span__item + .label-span__item + .label-span__item { top: 21px; }

	.label-span:hover .label-span__item {
		background: #ffcc00;
	}

	.label-search {
		display: none;
		width: 45px;
		color: #fff;
		cursor: pointer;
	}

	.no-display { display: none; }
	.mobilni { display: none; }
	.mobilniNadpisEshop { display: none; }
	[data-opener=account] { display: none; }


@media only screen and (max-width: 1315px) {

	#product-view{padding: 10px;}
	.add-cart-img{margin-top: 14px;}
	.text-home { margin-right: 15px; }

}
@media only screen and (max-width: 1181px) {

	/******** Záhlaví *********/
	.vyroci-25 { left: 254px; }
	.header__search { width: 270px;}


	/******* Úvodní stránka ******/
	.text-home {
		float: none;
		max-width: none;
		margin: 0;
		padding: 0 15px;
	}

	.text-home br { display: none; }
	.text-home h1, .text-home p { text-align: center; }

	.banner-home { width: 55%; }
	.banner-home__text { font-size: 30px; }

	.backToTop {
		right: 1rem;
		bottom: 2rem;
	}

}

@media only screen and (max-width: 1030px) { /* sirka 990 + 2x10 padding + 20 scrollbar */

	.products__item{
		float: none;
		text-align: center;
		display: inline-block;
		margin-bottom: 20px;
		position: relative;
	}

	.products__info-wrapper {
		height: 248px !important;
		min-height: unset;
		overflow: hidden;
		position: relative;
		padding: 0px 10px;
	}

	.products__perex p {
		height: 18px;
		margin: 0;
	}

	.products__perex p:last-child {
		margin: 0;
	}

.c-noBuy {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

	.products_ean {
		height: 34px;
	}

	.products__price {
		height: 120px;
		position: absolute;
		padding: 0px 8px;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.c-addToCart {
		padding: 10px 20px 15px 30px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.novinky-hierarchie .products__item{
		margin-bottom: 10px;
	}

	.maticePolozek{
		text-align: center;
	}

	.logo{
		right: 315px;
		left: unset;
	}

	.header__strip-yellow, .header__strip-blue {
		display: none;
	}

	/******* Záhlaví *********/
	.header__img {
		height: auto;
	}

	.header__main {
		height: auto;
	}

	.vybrat-product a{font-size: 14px;}
	.header__search { float: right; }
	.header__customer {  }

	/******* Úvodní stránka ******/
	.slider__slides__caption { margin-left: 30px; }
	.slider--home .owl-dots { left: 30px; }

	.categories--img { width: 496px; margin: 0 auto; margin-bottom: 15px; }
	.categories--img .category { margin-bottom: 5px; }


	/* Eshop */
	.order-product .width-title { width: 43%; }
    section.section--home{
        padding: 5px;
    }
    .existujiciVetve{min-width: 1000px;}
}

@media only screen and (max-width: 900px) { /* sirka 860 + 2x10 padding + 20 scrollbar */
	.telefony__polozka:not(:last-child):after {
		display: none;
	}

	.info {
		width: 50%;
		text-align: center;
		justify-content: flex-start;
		flex-grow: 0;
	}

	.products__iconType2.selected {
		color: #35383d;
	}

	.products__iconType2:hover {
		color: #35383d;
		border: none;
	}

	.novinky-hierarchie {
		display: none;
	}

	.responsive-neni{
		display: none !important;
	}

	.open{
		display: block;
	}

	.label-opener.label-kategories{
		display: block;
	}

	#responsive-kategories:checked ~ .kategories{
		display: block !important;
	}

	.kategories{
		display: none !important;
	}

	.responsive{
		display: block !important;
	}

	body { font-size: medium;}
	h1{text-align: center;}
	.header__account.responsive {
		display: block !important;
		font-size: 14px;
		right: 10px;
		position: absolute;
		background-color: transparent;
		padding: 5px;
		text-align: left;
		height: 50px;
		width: 45px;
		top: 15px;
	}

    .cart{
        width: 50%;
    }
    header{display: initial;}
    .header__account-in{width: 100%;}
    .prve{
        float: left;
		width: 100%;
    }
    .druhe{
        float: left;
		width: 100%;
		margin-bottom: 0;
	}
    .tretie{
        float: left;
		width: 100%;
        position: relative !important;
    }

	.menu-main:after { content: " "; display: table; clear: both; }

	.text-home h1 { font-size: 30px; margin-bottom: 10px; }

	.about--home.col--1-2 { width: 94%; margin: 3%; }
	.article--home.col--1-2 { width: 94%; margin: 3%; }
	.article--home__inner { min-height: 0; }
	.about--home__question__item { height: auto; }

	.recommended .products__item, .col--main .products__item, .products__item { margin-bottom: 10px; margin-right: 5px; display: block;}
	.recommended .maticePolozek { width: 75%; margin: 0 auto; }
	.pagination{margin: 0; padding: 0;}

	/********* Podstránky *************/
	.col--img__heading { min-height: 100px; }

	.order-product .width-title { width: 36%; }
	.text-icon-eshop{margin-right: 0;}

	.polozkaLabel { width: 15%; padding: 1%; }
	input, textarea, select { width: 30%;}
	.polozkaInputDvojnasobna, .polozkaInputComboDvojnasobna, .polozkaInput3 { width: 80%; }
	select { height: 39px; }

	.filters select {
		width: 100%;
	}
    .breadcrumbs {
		padding: 15px 5px;
    }

    .eshop-menu {
		margin-top: 10px;
		width: auto;
		margin-bottom: 0;
		margin-left: -10px;
		margin-right: -10px;
	}
    .header__background{
        background-color: #009444;
        height: 75px;
    }
    .cart{border-radius: 0; margin-top: 2px;}

    .logo{
        width: 180px;
        height: 75px;
        left: 0;
        right: 0;
        top: auto;
        bottom: auto;
        border-radius: 0 65px 0 65px;
    }

    .header-customer-menu {
		height: auto;
		display: grid;
		position: relative;
		width: auto;
		margin-left: -10px;
		margin-right: -10px;
		margin-top: 0px;
		padding: 0 15px;
	}

	.maticePolozek{margin-left: 0;}

	.customer-menu-in .img-span {
		display: table;
	}

	.customer-menu-in a {
		display: flex;
		position: relative;
	}

	product-detail__info, .products__button{
        border-radius: 0  0 50px 0 !important;
        bottom: -8px;
    }

	label.label-opener.label-span.info-resp::before {
		content: "MENU";
		color: #fff;
		font-size: small;
		font-weight: bold;
		margin-left: 10px;
	}

    .products__button input[type=submit] {
		float: left;
		margin-left: 10px;
	}

	.products__button .icon-cart-oposite {
		float: left;
	}

	.responsive-table{overflow-x: scroll;}

	.customer-text{margin-left: 10px;}
	span.customer-text.four{width: 80%; float: left; margin-top: 20px;}

	.icon-ruce {
		line-height: 60px;
		margin-left: 8px;
	}

	.icon-hvezda {
		line-height: 60px;
		margin-left: 6px;
	}

	.menu{
		display: none;
		width: 100% !important;
		text-align: center;
		margin-top: 0;
	}
	.menu{margin-top: 5px;}
	.menu_line{height: auto;}

	.info-slide {
		width: auto;
		margin-left: 0;
	}

	#panel1{display: none;}
	.header__search input[type=text]{width: auto; float: none;}

	.label-opener.label-span.info-resp span{background-color: #fff;}

	.header__customer .text-icon {
		margin-left: 0;
		float: right;
		width: auto;
		color: #fff;
	}

	.motto {
		width: auto;
		margin-left: -10px;
		margin-top: -10px;
		margin-right: -10px;
	}

	.motto-responsive{
		display: block;
		width: 65%;
		position: absolute;
		z-index: 9;
		left: 0;
		right: 0;
		margin: auto;
		color: #fff;
		text-align: center;
		font-size: 24px;
		font-style: italic;
		font-weight: 500;
	}
	.motto-in{display: block;}
	label.label-opener.label-span.info-resp {
		width: 60px;
		position: absolute;
		left: 0;
		top: 10px;
	}

	.icon-sluchadla{
		line-height: 60px;
		margin-left: 6px;
	}

    .customer-menu-in {
		width: 100%;
		padding: 0;
		margin: 15px 0;
	}

	.header__logo img {
		height: 50px;
	}

    .eshop-menu a {
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		overflow: hidden;
		width: 60px;
		height: 60px;
		padding: 0;
		margin: 0;
		border: 0;
	}

	.eshop-menu__text {
		display: none;
	}

	.categories__text { font-size: 14px; }

	label.label-opener.label-span {
		display: inline;
		z-index: 99;
		position: relative;
		float: none;
		margin-top: 0;
		padding-top: 0;
		height: 55px;
		color: #009444;
		width: 100%;
	}

	label.label-opener.label-span.kategorie {
		display: block;
		width: 90px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	p.kategorie-text {
		font-weight: bold;
		line-height: 41px;
		width: 40%;
		text-align: right;
	}

	span.kategorie--header {
		background: none;
		font-weight: bold;
		width: 100%;
		height: 50px;
		text-align: center;
		display: inline-block;
	}

	.label-span span{
		left: 0;
		right: 0;
		margin: 6px auto;
	}

	.eshop-menu-obr i {
		font-size: 35px;
		float: left;
	}

	.c-categoryHeader__search {
		flex-basis: 100%;
		order: 1;
		text-align: center;
	}

	.c-categoryHeader__breadcrumbs {
		flex-basis: 100%;
		order: 3;
	}

	#content{ margin-top: 0px;}
	.js-responsive-open{display: block;}
	.zobraz {width: 97%;}
	.closeAdd{top: 0;}

	.find,.header__search{position: relative;margin: auto;}

	.find, #livesearch {width: 100%;}

	.menu.js-responsive-open ul:after {
		content: '';
		background: #fff;
		width: 100px;
		height: 2px;
		white-space: pre;
		position: absolute;
		bottom: 0;
		margin: auto;
		left: 0;
		right: 0;
	}

	.menu.js-responsive-open ul{
		position: relative;
		padding: 0 0 15px 0;
		margin: 8px 0 0 0;
	}

	.roll-obal{
		display: block;
		float: right;
	}

	.roll-obal.green-line{border: 0;}

	.products__item {
		display: inline-block;
		float: none;
	}

	.maticePolozek {
		display: inline-block;
		text-align: center;
		float: none;
		width: 100%;;
	}

	.admin-menu li {
		margin-bottom: 5px;
		list-style: none;
		display: block;
		width: auto;
		float: none;
		text-align: center;
	}

	.admin-menu {
		float: none;
		margin: auto;
	}

	.footer{
		padding-top: 0;
	}

    .eshop-menu i{width: 50px;}

	.novinky-hierarchie .products__item {
		margin-bottom: 10px;
	}

	.header__account-in p {
		line-height: 25px;
	}

	.novinky-hierarchie, #product-view{
		padding: 0;
	}

	input[type=submit]{
		text-align: center;
		display: block;
		margin: auto;
	}

	.icon-fb:before, .icon-email:before, .icon-tel:before{
		color: #fff !important;
	}

	.header__main{
		background-color: #e61521;
	}

	.telefony__polozka__text {
		color: #fff;
	}
	.telefony a {
		color: #fff;
	}

	.telefony a:hover {
		color: #fff;
	}

	#panel1{
		display: none !important;
	}

	.roll-obal.telefon{display: none;}
	.roll-obal.telefony {
		width: auto;
	}
	.menu a{
		color: #fff;
	}

	span.filtr-text{
		height: 30px;
		line-height: 28px;
	}

	.header__account-responsive{
		width: 100%;
		height: 100px;
		background: #009444;
		color: #fff;
		padding-top: 10px;
	}
	.label-opener.label-kategories , .label-closer.label-kategories { width: 100%; margin-top: 13px; text-align: center;}
	.heading--filter, .heading--kategories{border: 0;}

	.header__account-responsive a{
		color: #fff;
	}

	span.heading--kategories > span {
		background: #000;
		display: block;
		height: 3px;
		width: 20px;
		margin: 3px auto;
	}

	p.prve, p.druhe, p.tretie{
		text-align: center;
	}

	.prve a, .druhe a, .tretie a{
		text-decoration: none;
	}

	.prve span, .druhe span, .tretie span{
		margin: 0 5px;
	}

	#frmPlatbaPrevzeti > .col--1-2 {margin-bottom: 20px !important;}
}



@media only screen and (max-width: 800px) { /* sirka 760 + 2x10 padding + 20 scrollbar */

	/******* Úvodní stránka ******/
	.slider--home.owl-carousel { display: none !important; }
	.banner-home { width: 90%; bottom: auto; right: auto; display: block; position: relative; margin: 0 auto; }
	.text-home { max-width: 290px; position: relative; max-width: 90%; margin: 0 auto; float: none; }
	.banner-home__text { font-size: 40px; }


	/********* Podstránky *************/
	.width-30 { width: 50%; }
	.product-detail__image { float: none; width: 80%; margin: 10px auto; }
	.product-detail__info { width: 80%; float: none; margin: 20px auto; }
	.product-detail__strip--grey { display: none; }

	#frmObjednavka table.total-price td + td { padding-right: 0; }
	table.total-price td { width: 94%; padding-right: 6%; }

	.order-product .product-price { display: none; }
	.order-product .width-title { width: auto; }
    .product-detail__image img {width: 50%;}
    span.existujiciVetve {
		display: inline-block;
	}

    .products__item{min-width: 30%;}
	/*.c-addToCart__unit {flex: 1 0 80px;}*/

	.backToTop {
		width: 1.5rem;
		height: 1.5rem;
	}

	.backToTop svg {
		width: 1rem;
		height: 1rem;
	}

}


@media only screen and (max-width: 700px) { /* sirka 660 + 2x10 padding + 20 scrollbar */

	.filter__sorting--button {
		margin-bottom: 15px;
		text-align: center;
	}

	.label-opener--menu {
		float: left;
		color: #fff;
		text-align: center;
	}

	#responsive-menu-main:checked ~ .header__menu { display: block; }
	#responsive-menu-main { margin-top: 0px; }
	.header__menu { display: none; width: 100%; }
	.menu-main {
		float: none;
		margin: 0 -10px;
		border-bottom: 1px solid #082F54;
	}
	.menu-main a {
		height: auto;
		line-height: 20px;
		padding: 15px 10px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #082F54;
	}
	.menu-main li { float: none; }

	.menu-main > li:first-child > a { border-top: none; }
	.menu-main > li:last-child > a { border-bottom: none; }

	.menu-main a:hover { text-decoration: none; }

	.menu-main #menu-main-4 a {
		padding-left: 35px;
	}

	.menu-main #menu-main-4 a:before {
		left: 10px;
	}



	/******* Úvodní stránka ******/
	.banner-home__text { font-size: 30px; }

	/********* Podstránky *************/
	.col--img {
		float: none;
		width: auto;
		border: 0;
	}
	.col--img__heading { min-height: 0; }
	.col--img img { margin: auto; border-right: 0; }
	.col--text { float: none; width: auto; }
	.col--img.margin-top-0 { margin-top: 20px; }


	/* E-shop */
	.desktopNadpisEshop { display: none; }
	.mobilniNadpisEshop { display: block; }

	.kategories h2.categories--page__header:first-of-type { padding-top: 5px; }
    .heading--filter, .heading--kategories{margin-left: 0px;}
	#responsive-filters:checked ~ .col--side.filters { display: block;}
	#responsive-filters:checked ~ .label-closer.label-filters { display: block; }
	#responsive-filters { margin-top: 0px; }
	.label-opener.label-filters , .label-closer.label-filters { width: 100%; }
	.label-filters span { width: 100%; display: block;}
	.col--side.filters { width: 100%; float: none; }

	#responsive-kategories:checked ~ .kategories { display: block; }
	#responsive-kategories:checked ~ .label-closer.label-kategories { display: block; }
	#responsive-kategories { margin-top: 0px; }

	.label-kategories span { width: 100%; display: block;}
	.kategories { display: none; width: 100%; float: none; }

	.col--main { float: none; width: 100%; }

	.order-product .bez-dph { display: none; }

	.categories--page .category {
		width: 48%;
	}
    #stavOk {width: 75%;}

    #stavChyba {width: 75%;}

    span.customer-text.four {
        margin-top: 10px;
    }
}


@media only screen and (max-width: 630px) { /* sirka 590 + 2x10 padding + 20 scrollbar */

	/********** Záhlaví **********/
	.vyroci-25 { display: none; }


	/******* Úvodní stránka ******/

	.recommended .maticePolozek { width: 94%; }

	/********* Eshop *************/
	.order-product .float-right {
	}
	.order-product .header .float-right { display: none; }

	.order-product .width-quantity, .order-product .width-price {
		box-sizing: border-box;
		width: 50%;
		line-height: normal;
	}

	.order-product .add-quantity { display: block; }
	.order-product .button {
		display: block;
		max-width: 102px;
		margin-left: 3px;
		float: none;
	}

	.order-product .remove {
		float: right;
		width: auto;
		line-height: 32px;
		padding: 0 5px;
		margin-top: -5px;
	}

	.order-product .remove .icon { display: none; }
	.order-product .remove .text {
		display: block;
		text-decoration: underline;
	}
	.order-product .remove .text:hover { text-decoration: none; }


	/************* Zápatí ***********/
	.col--1-3 { width: 94%; margin: 2% 3%; }
    .motto-responsive{
		display: block;
		width: 65%;
		position: absolute;
		z-index: 9;
		left: 50px;
		color: #fff;
		text-align: center;
		font-size: 24px;
		font-style: italic;
		font-weight: 500;
	}

	.products__info-wrapper p {
		line-height: 14px;
		font-size: 12px;
	}

}
@media only screen and (max-width: 583px) {
	.burst {
		width: 26px;
		height: 26px;
		top: 10px;
		left: 10px;
	}

	.burst:before,
	.burst:after {
		height: 26px;
		width: 26px;
	}

	.burst span {
		position: absolute;
		z-index: 10;
		height: 26px;
		display: block;
		font: 14px/16px arial;
		color: #fff;
	}

	.products__info-wrapper {
		height: 218px !important;
		min-height: unset;
		overflow: hidden;
		position: relative;
		padding: 0px 10px;
	}

	.c-addToCart__button .kosik {
		display: none;
	}

	.products__image {
		height: 80px;
	}

	.products__image img {
		height: 70px;
	}

	.products__perex p {
		height: 14px;
	}

	.products_ean {
		height: 26px;
	}

	.products__price {
		height: 100px;
		position: absolute;
		padding: 0px 8px;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.bezdph {
		display: none;
	}

	.c-addToCart {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 10px 20px 15px 30px;
	}

	.c-quantity {
		width: 38px;
	}

.products__heading {
	height: 40px;
	font-size: 10px;
	line-height: 10px;
}
}

@media only screen and (max-width: 530px) { /* sirka 490 + 2x10 padding + 20 scrollbar */

	/************ Záhlaví ***********/
	.header__img { height: auto;}

	.header__customer .label-opener--menu { margin-left: 0; }
	.header__img--login .text-icon, .header__img--login .label-opener--menu { float: none; }


	.prve, .druhe, .tretie{text-align: left;}
	#panel, #panel1{width: 180px;}
	.header__background {margin-top: 0px;}

	p.prve {
		margin-left: 0px;
		float: left;
	}

	.header__account a { font-size: 14px !important; white-space: initial;}

	p.druhe {
		font-size: 15px;
		margin-bottom: 0px;
		margin-left: 0;
		float: left;
	}

	p.tretie {
		position: relative;
		right: 0;
		float: left;
	}

	p.menu{
		width: 20%;
	}

    .roll-obal {
		display: block;
		float: right;
	}
    .roll-obal.green-line{border: 0;}
    .info-slide{ margin-left: 0; }

	.menu {
		width: 30%;
		text-align: center;
		margin-bottom: 0;
	}

	.menu ul{margin: 0 0 0 10px;}

	.lang {
		width: 100%;
		text-align: center;
	}

	.lang ul {
		display: block;
		width: 100%;
		margin: auto;
	}

	.cart {
		text-align: center;
	}

	.header-customer-menu {
		height: auto;
		display: grid;
		position: relative;
	}

	#responsive-account:checked ~ .header__account, .js-responsive-open.header__account { display: block; }

	.label-search { display: inline-block; }

	[data-opener=account] { display: inline-block; }

	#responsive-search:checked ~ .header__search, .js-responsive-open.header__search { display: block; }


	/******* Úvodní stránka ******/
	.banner-home__text { font-size: 25px; }

	.categories--img { width: 372px; }

	.article--home .article__img { float: none; margin: 0 auto; margin-bottom: 20px; }
	.article--home .article__text { margin: 10px auto; }


	/********* Podstránky *************/
	.col--1-2 { width: 96%; margin: 0;}

    .form-akce {width: 100%; left:0;}
	.product-detail__info .col--1-2 { width: 47%; margin-right: 3%; }
	.product-detail__info .col--1-2.col--last { text-align: right; }

	.c-addToCart {
		position: absolute;
		padding: 10px 20px 15px 30px !important;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.c-addToCart__unit {
		font-size: 14px;
	}

	.c-quantity {
		width: 38px;
		padding: 0 10px 0 0;
	}

	.c-quantity__input {
		width: 28px;
		height: 20px;
		line-height: 18px;
		padding: 1px 2px;
		font-size: 13px;
		box-sizing: border-box;
	}

	.c-quantity__plus {
		width: 20px;
		height: 10px;
		line-height: 10px;
		font-size: 13px;
		top: 3px;
	}

	.c-quantity__minus {
		width: 20px;
		height: 10px;
		line-height: 10px;
		font-size: 13px;
		bottom: 0px;
	}

	.button { margin-bottom: 5px; }
	.order-product .header { margin-bottom: 0; }
	.col--1-2.col--last {float: left; }
	.col-order-account { width: 76%; }

    .product-detail__info, .products__button{
        border-radius: 0  0 50px 0 !important;
        bottom: -8px;
    }

    .products__button input[type=submit]{
        float: left;
        margin-left: 10px;
    }

    .products__button .icon-cart-oposite{
        float: left;
    }

	.polozkaLabel { width: auto; padding: 1%; }
	input, textarea { width: calc(96% - 2px); padding: 5px 2%; }
	.polozkaInputDvojnasobna, .polozkaInputComboDvojnasobna, .polozkaInput3 { width: calc(96% - 2px); }
	select {width: 100%;}
	.label-empty { display: none; }

	.eshop-menu a:last-child {border-bottom: 0;}
    .open{display: block;}
    .menu_line{height: auto;}

    .products__item{min-width: unset; width: 32%; overflow: hidden;  margin-right: 0;}
	.products__price {white-space: nowrap;}
	.products__info-wrapper p {
		line-height: 14px;
		font-size: 10px;
	}
	.cena {font-size: 11px;}
	.products__price small {font-size: 11px;}

	.vkosiku {
		font-size: 12px;
		line-height: 14px;
	}

}

@media only screen and (max-width: 430px) { /* sirka 390 + 2x10 padding + 20 scrollbar */

	/****** Záhlaví *********/
     header.header.relative {background-image: none; height: auto; background-color: transparent;}
     .menu{margin-top: 0; width: 30%;margin-bottom: 0;}
     .menu a{padding: 0; margin-right: 10px;}
     .menu ul{margin: 3px 0 0 5px;}

	/******* Úvodní stránka ******/
	.banner-home__text { font-size: 20px; }

	.categories--img { width: 248px; }

	.about--home__question__item { width: 94%; margin: 5% 3%; }

	/********* Podstránky *************/
	.product-detail__image { width: 94%; }
	.product-detail__info { width: 94%; }
	.width-30 { width: 94%; margin: 3%; }

	.button-link, input[type=submit].button-link { width: 157px; text-align: left; }

	.categories--page__content { margin-left: 0; }

	.categories--page .category {
		width: 100%;
		margin-left: 0;
	}

    span.customer-text.four {
		width: 75%;
		margin-top: 0;
    }

    .motto-responsive{
        width: 60%;
        left: 50px;
        font-size: 19px;
    }

	.logo{
		position: relative;
		left: 10px;
	}

	.c-addToCart {
		position: absolute;
		padding: 10px 18px 15px 22px !important;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.c-addToCart__unit {
		display: none;
	}

	.vybrat-product a{font-size: 12px; margin-left: 0px;}

}


@media only screen and (max-width: 350px) {
    span.customer-text.four {
		width: 70%;
		float: left;
	}

	.cart {
		width: 40%;
	}

	.info {
		width: 55%;
	}

	table.total-price td{
		display: flex;
	}

	.last, .roll-obal.green-line {
		margin-left: 0;

	}


	 .motto-responsive{font-size: 18px; left: 40px; width: 55%;}
	 .prve{font-size: 16px;}

	.header__account {
		right: 0px !important;
	}

	.product-detail__info .col--1-2 {
		width: 41%;
		margin-right: 0%;
		margin-top: 1px;
	}

	.header__account a{font-size: 13px !important;}

	.eshop-text{padding-right: 0px;}
	.icon-cart{padding-right: 0px;}

	}
