/**** < 767 / mobile **********************************************************/
@media (max-width:767px) {

.mobile-hidden {
	display:none!important;
}
.pc-hidden {
	display:block!important;
}
.mobile-only {
	display:block!important;
}
.t-center-mobile {
	text-align:center!important;
}
a.to-home {
	position:static;
  margin:20px 0 20px 0;
	width:30%;
	max-width:150px;
	display:block;
}
.blok {
	padding:10px;
}

.flex-nomobile {
	flex-wrap:wrap;
}
.flex-nomobile > * {
	width:100%;
	margin:0 0 30px 0;
}
.flex-nomobile > *:last-child {
	margin:0 0 0 0;
}
/**** layout **********************************************************/
.content-width, ul.menu.stuck span.menu-in {
	width:96%;
}

.lr {
	display:block;
}
.l {
	width:auto;
	margin:0 0 30px 0;
}
.r {
	width:auto;
}
.page-in {
	padding-left:20px!important;
	padding-right:20px!important;
}


div.shipbar {
	display:none;
}
.showmenu-out {
	display:flex;
}
a.showmenu {
	display:flex;
}
div.canvas.act {
  display:block;
}
div.menu-out {
	display:none;
	position:static;
	width:100%;
	background:rgba(255,255,255,1);
	padding:20px 5% 20px 5%;
}
div.menu-out.mobile-down {
	display:block;
}
ul.menu li {
	margin:20px 0 20px 0;
	display:block;
}

/*** search ***/
form.search {
	position: relative;
	left: auto;
	top: auto;
	transform: none;
	padding: 0 0 20px 0;
}
form.search input {
	width:100%;
}


div.topinfo {
	font-size:14px!important;
}
div.topinfo a {
	margin:0 10px 0 0;
	height:40px;
}
div.topinfo a span {
	display:none;
}

div.langs {
	margin:0 0 0 20px;
}
ul.topmenu li a {
	margin:0 0 0 10px;
}
ul.topmenu a img {
	margin:0 0 0 0;
	height:20px;
}
ul.topmenu span {
	display:none;
}


.head-right {
	right:0;
	top:-5px;
}
.head-right > div > * {
	margin:0 0 0 20px;
}

.popup-cart {
	top:70px;
	right:5%;
	width:90%;
}

.homeslider .flex-direction-nav {
	display:none;
}



div.foot {
	background:black;
	color:#6E6E6E;
	padding:40px 0 0 0;
}
div.foot-in {
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:90%;
	flex-wrap:wrap;
}
div.foot-in > * {
	width:100%;
	margin:0 0 30px 0;
}
div.foot-in .copy {
	text-align:center;
	line-height:1.5em;
}
div.foot-in .footlogo img {
	height:60px;
}
.footlogo-social {
	display:flex;
	flex-wrap:wrap;
}
.footlogo-social > * {
	margin:0 0 20px 0;
	width:100%;
	text-align:center;
}
.footlogo-social .social {
	margin:0 0 0 0;
	display:flex;
	justify-content:center;
}
.footlogo-social .social > * {
	margin:0 10px 0 10px;
}
.footmenu {
	text-align:center;
}
.footmenu li {
	display:block;
	margin:0 0 10px 0;		
}

.foot-contact {
	margin:0 0 0 0;
	text-align:center;
}
.foot-contact a {
	justify-content:center;
}

/*** img bannery ***/
.img-bannery {
	margin:20px 0 20px 0;
}
.img-bannery .item {
	margin:0 0 10px 0;
}
.img-bannery .item span {
	width:auto;
	padding:20px;
	top:auto!important;
	left:auto!important;
	right:0!important;
	bottom:0!important;
}
.img-bannery .item strong {
	font-size:20px;
}
.img-bannery .item em {
	font-size:12px;
	display:none;
}

.img-bannery .flex {
	display:block;
}
.img-bannery .c1 {
	width:auto;
}
.img-bannery .r1 {
	height:auto;
}
.img-bannery .c2 {
	width:auto;
}
.img-bannery .c3 {
	width:auto;
}
.img-bannery .r2 {
	height:auto;
}
.img-bannery a.item {
	display:block;
	padding-top:100%;
}
.img-bannery .item.r2 {
	padding-top:200%;
}
.img-bannery .item.c2 {
	padding-top:50%;
}
.img-bannery .item.c3 {
	padding-top:33%;
}
.img-bannery-in > div {
	margin:0 0 20px 0;
}

.img-bannery-in > div {
	margin:0 0 0 0;
}







.items-list {
	display:block;
}
.items-list .item-out {
	width:auto;
	margin:0 0 20px 0!important;
}
.items-list .item-out span.item-desc {
	opacity:1;
	position:static;
	display:block;
	margin-bottom:10px;
}
.items-list-carousel li.item-out {
	height:auto;
}

ul.pagemenu {
	margin:0 0 15px 0;
	display:block;
	border:0;
}
ul.pagemenu li a {
	padding:10px 10px 10px 10px;
	font-size:10px;
	border:1px solid #D4D4D4;
	text-align:center;
}
ul.pagemenu li:before {
	display:none;
}


.strankovani {
	font-size:18px;
}
.strankovani > * {
	padding:0 10px 0 10px;
	height:32px;
	line-height:32px;
}


/*** old ***/
div.detail{
	flex-wrap:wrap;
}
.detail-params, div.order-box, div.detail-sklad {
	display:block!important;
}
div.detail-l, .detail-params > *, div.order-box > *, div.detail-sklad > * {
	margin:0 0 15px 0;
}
.detail-params > *:last-child, div.order-box > *:last-child, div.detail-sklad > *:last-child {
	margin:0 0 0 0;
}
div.detail-l, div.detail-r, .detail-params > *, div.order-box > *, div.detail-sklad > * {
	width:100%;
}
.flex-tab > * {
	justify-content:center;
}
.flex-tab .item-param .flex-tab-th {
	flex:0 0 auto;
	margin:0 5px 0 0;
}
.detail-social, div.order-box > *, div.detail-sklad > * {
	text-align:center!important;
}
div.detail-sklad > * {
	display:block;
}

div.order-box input {
	float:none;
}
div.price-detail span {
	position:static;
	margin:10px 0 0 0;
}

/*** detail-vlastnosti ***/
.detail-vlastnosti .item .img img {
	width:150px;
}


/*** dalsi produkty ***/
.next-items-out {
	text-align:center;
}

div.ibod-box, #ibodpayvariant {
	float:none;
	margin:0 auto 0 auto;
}
#ibodpayvariant {
	width:250px;
	text-align:left;
}
#ibodpayvariant table {
	float:none!important;
	margin:0;
}
#ibodpayvariant table td, #ibodpayvariant table th {
	width:auto!important;
}
.ibod-detail {
	justify-content:center;
	margin:20px 0 0 0;
}
.detail-logo {
	text-align:center;
}

#send-box {
	position:static!important;
	text-align:center;
}
#create_watchdog, #nadotaz, #skladovost-info {
	position:static!important;
	text-align:center;
	margin:10px 0 20px 0!important;
}
#send-box input, #create_watchdog input, #nadotaz input {
	max-width:100%;
}
#send-box table, #create_watchdog table, #nadotaz table, #skladovost-info div.flex {
	margin:auto;
}



#send-box table td, #send-box table th, #create_watchdog table td, #create_watchdog table th, #nadotaz table td, #nadotaz table th {
	display:block;
	text-align:center;
}

.skladovost .rows > * div:last-child {
	margin-left:20px;
}

/*** kosik ***/
table.table-kosik {
	width:100%!important;
	border:0;
}
table.table-kosik thead {
	display:none;
}
table.table-kosik tr {
	display:block;
	position:relative;
	margin:0 0 10px 0;
	line-height:1.3em;
	padding:10px;
	border:1px solid #CCCCCC;
}
tr.transparent {
	padding:10px 0 10px 0!important;
	border:0;
}
table.table-kosik span.pc-hidden {
	display:block;
	margin:0 0 5px 0;
}
table.table-kosik td, table.table-kosik th {
	display:block;
	width:auto!important;
	border:0;
	text-align:left!important;
	padding:0 0 10px 0!important;
}
table.table-kosik .f-left, table.table-kosik .f-right {
	float:none!important;
}
a.kosik-del {
	position:absolute;
	right:10px;
	top:10px;
}

table.table1 {
	width:100%!important;
}
table.table1 td, table.table1 th {
	display:block;
	width:auto!important;
	border:0;
	padding-left:0;
	text-align:left!important;
}



input#ulozenka_psc {
	width:100px!important;
}


.kosik-doprava-info {
	position:static;
	display:block;
	margin:15px 0 10px 0;
	font-size:14px!important;
}


.ibod-blok {
	text-align:center;
}
.ibod-blok img.f-left.rmg-10 {
	margin:0 auto 10px auto!important;
	float:none!important;
}
.ibod-blok input {
	margin:0 0 10px 0;
}
.ibod-blok .ibod-desc {
	text-align:center;
	padding:5px 0 0 0;
}
.ibod-blok .ibod-desc-in {
	display:block;
	margin:0 0 10px 0;
	width:auto;
	position:static;
	top:0;
}


/*** objednavka ***/
div.steps {
	padding:10px 10px 0 10px;
}
div.steps a {
	margin:0 0 10px 0;
	display:block;
	float:none;
}
div.steps a span {
	margin:0 10px 0 0;
}
div.steps img {
	display:none;
}



/*** perex ***/
a.perex {
	border:none;
	border-bottom:1px solid #ccc;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	border-radius:0;
}
a.perex img {
	float:none!important;
	display:block;
	margin:0 0 10px 0;
}
a.perex span.perex-txt {
	margin:0 0 0 0;
}
a.perex span.perex-date {
	float:none;
	display:block;
	margin:6px 0 10px 0;
}
a.perex h2 {
	margin:0 0 10px 0;
}

a.perex:hover {
	background:#fff;
	border-color:#ccc;
}




/*** katalogy ***/
a.katalog {
	width:48%;
}

/*** news ***/
div.news-in {
	padding-left:12px;
	padding-right:12px;
}
div.news-in a:last-child {
	display:block;
}
a.box-perex {
	display:block;
	float:none;
	width:auto;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #ACC0D8;
}
a.box-perex img {
	display:block;
	float:none!important;
	margin:0 0 10px 0;
}
a.box-perex h4 {
	margin:0 0 7px 0;
	float:none;
}


div.format-text .f-left, div.format-text .f-right, img.f-right, img.f-left {
	float:none!important;
	margin:0 0 10px 0!important;
	max-width:96%!important;
}

table.table1 input, table.table1 select, table.table1 textarea {
	width:100%!important;
}

.radio-box-label .lmg-100 {
	margin-left:0!important;
}
.radio-box-label .tmg-10 {
	margin-top:0!important;
}
.radio-box-label img {
	display:block!important;
	float:none!important;
}

/*** podkategorie ***/
div.podkategorie {
	flex-direction:column;
}
div.podkategorie a {
	padding:10px 10px 10px 10px;
	font-size:12px;
	border:1px solid #D4D4D4;
	border-bottom:0;
	text-align:center;
	width:auto;
	flex:auto;
}
div.podkategorie a:last-child {
	border-bottom:1px solid #D4D4D4;
}



/*** icodesc-row ***/
div.icodesc-row {
	flex-wrap:wrap;
}
div.icodesc-row > * {
	width:100%;
	flex:auto;
}
div.icodesc-row > * img {
	width:30%;
}

/*** icodesc-row-home ***/
div.icodesc-row-home {
	flex-wrap:wrap;
	justify-content: flex-start;
}
div.icodesc-row-home > * {
	flex:auto;
	width:20%;
}
div.icodesc-row-home .img img {
	height:40px;
}



.popup {
	width:90%;
	height:auto;
	top:80px;
	left:0;
	margin:0 5% 0 5%;
	padding:40px 40px 40px 40px;
}
.sleva-ico {
	top:-100px;
	left:-70px;
}
.popup h2 {
	text-align:center;
	padding:10px 0 0 0;
}
.popup p {
	text-align:center;
}
.popup form div input {
	float:none;
	display:block;
	margin:0 auto 10px auto;
	text-align:center;
	width:100%!important;
}

div.popup .ok {
	text-align:center;
}
div.popup .button {
	display:block;
	margin:0 0 10px 0;
	float:none!important;
	text-align:center;
}
div.popup-lr {
	display:block;
	text-align:center;
}
div.popup-l, div.popup-r  {
	display:block;
	width:auto;
	padding:30px 30px 30px 30px;
	text-align:center;
}
#zbo-dialog .popup-close {
	margin:5px 5px 0 0;
}
div.popup-l .flex {
	display:block;
}



.morebig {width:100%!important;}




/*** stars-row ***/
div.stars-row {
	flex-wrap:wrap;
}
div.stars-row .label {
	flex:auto;
	width:100%;
	margin:0 0 10px 0;
}
div.stars-row .stars {
	flex:auto;
	width:100%;
	margin:0 0 15px 0;
}
div.stars-row:last-child .stars {
	margin:0 0 0 0;
}

div.radio-row .item {
	margin:0 0 30px 0;
	width:100%;
}
}