/**** 768 - 1023 / tablet **********************************************************/
@media (max-width:1023px) {

/**** layout **********************************************************/
.content-width {
	width:715px;
}
.no-tablet {
	display:none;
}
.t-center-tablet {
	text-align:center!important;
}
a.to-home {
  margin:40px 0 0 0;
	width:160px;
}

.l {
	width:200px;
}
.r {
	width:calc(100% - 220px);
}


/**** shipbar **********************************************************/

div.shipbar .desc {
	font-size:100%;
}
div.shipbar .desc img {
	height:16px;
	margin:0 10px 0 0;
}
div.shipbar .ships .item {
	margin:0 0 0 15px;
	font-size:90%;
}


/**** topbar **********************************************************/
div.topbar {
	xheight:38px;
	font-size:11px;
}
div.topbar img {
	margin:0 5px 0 0;
	height:12px;
}

ul.topmenu li a {
	margin:0 7px 0 0;
	font-size:11px;
	font-weight:500;
}

div.topdoprava {
	margin:0 0 0 10px;
}



/*** cart ***/
div.cart {
	left:200px;
	top:20px;
}



/*** search ***/
form.search {
  left:auto;
  right:0;
  top:45px;
}
form.search input {
	width:230px;
}



/*** topicons ***/
div.topicons {
	position:absolute;
	top:15px;
	right:0px;
	white-space:nowrap;
	text-align:right;
	font-size:12px;
	flex-direction:row;
}
div.topicons > * {
	margin:0 0 0 15px!important;
}
div.topicons img {
	vertical-align:bottom;
	margin:0 0 0 5px;
	height:16px;
}


/*** cat menu ***/
a.showmenu-kategorie {
	display:block;
	xbackground:url(../img/icons/showmenu.png) no-repeat 15px 12px #000000;
	background:url(../img/vanoce_menu_mob_bg.png) no-repeat left center #000000;
	padding:0 15px 0 45px;
	height:42px;
	line-height:42px;
	margin:15px 0 0 0;
	color:white;
	font-size:22px;
	font-weight:normal;
	font-family:'BebasNeueBook';
}
a.showmenu-kategorie:hover {
	color:#AD9D84;
	text-decoration:none;
}




/*** podcat menu ***/
a.showmenu-podkategorie {
	display:block;
	background:url(../img/down_arr.gif) no-repeat 15px 12px #666666;
	padding:15px 15px 15px 45px;
	margin:5px 0 5px 0;
	color:white;
	font-size:15px;
	font-weight:bold;
}
a.showmenu-podkategorie:hover {
	background-color:#999999;
	text-decoration:none;
}




/*** menu ***/
.menubar {
	padding:0 0 0 0;
	display:none;
}
ul.menu, .podcat-menu {
	margin:0 0 0 0;
	display:block;
	justify-content:space-between;
	padding:0 0 0 0;
	height:auto;
}
ul.menu li a, .podcat-menu li a {
	padding:0 0 0 45px;
	display:block;
	text-align:left;
}
ul.menu > li > a, .podcat-menu > li > a {
	background:black;
}
ul.menu > li > a {
	line-height:auto;
	border-top:1px solid #333;
}



/*** javascript menu ***/
ul.menu .submenu {
  position:static;
  padding:20px 20px 20px 45px;
  margin:0 0 0 0;
  display:block;
 	text-align:left;
  z-index:9999;
  right:0;
  left:0;
  background:#212121;
  width:100%;
  flex-wrap:nowrap;
}
ul.menu .submenu li {
	display:block;
  margin:0 0 25px 0;
  padding:0 0 0 0;
  text-align:left;
}
ul.menu .submenu li:last-child {
  margin-right:0;
}
ul.menu .submenu li a {
  line-height:1.3em;
  font-size:14px;
  padding:0 0 10px 0;
  display:block;
  min-height:0;
}
ul.menu .submenu li a:hover {
  text-decoration:none;
	color:#AD9D84;
}
ul.menu > li:hover > .submenu {
	display:block;
}

ul.menu .submenu ul {
	position:static;
  padding:0 0 0 0;
  margin:0 0 0 20px;
  display:block;
  z-index:1;
  left:0;
  width:auto;
  text-align:left;
}
ul.menu .submenu ul li {
  display:block;
  border:0;
  margin:0;
  padding:0;
}
ul.menu .submenu ul li a {
  display:block;
  border:0;
  margin:0;
  padding:5px 0 5px 0;
  font-size:12px;
  font-weight:normal;
  min-height:0;
}

.submenu-vyrobci {
	padding-left:0!important;
}
.submenu-vyrobci-img a {

}
.submenu-vyrobci-txt {
	margin-left:0;
	padding-left:0;
	border-left:none;
}
.submenu-vyrobci-txt > strong {
	padding-left:45px;
}


ul.menu ul li.detske-menu {
	padding-left:0;
	margin-left:0;
	border-left:none;
}
ul.menu ul li.detske-menu ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:250px;
}
ul.menu ul li.detske-menu ul li {
	width:100%;
	flex:0 0 auto;
	align-items: center;
	text-align: left;
	justify-content: flex-start;
}
ul.menu ul li.detske-menu ul li img {
	height:25px;
}


/*** txt bannery ***/
div.txt-bannery-in {
	margin:20px auto 0 auto;
}
div.txt-bannery-in .item {
	padding:15px 10px 20px 10px;
	margin:0 0 10px 0;
	text-align:center;
	position:relative;
	flex-direction:column;
	justify-content:space-between;
}
div.txt-bannery-in .item img {
	margin:0 0 0 0;
	height:55px;
}
div.txt-bannery-in .item span strong {
	font-size:26px;
	line-height:1.2em;
	margin:10px 0 10px 0;
}
div.txt-bannery-in .item span em {
	margin-top:auto;
	font-size:11px;
}



/*** img bannery ***/
.img-bannery {
	margin:20px 0 0 0;
}
.img-bannery .item span {
	padding:10px;
}
.img-bannery .item strong {
	font-size:17px;
}
.img-bannery .item em {
	font-size:12px;
	display:none;
}


.img-bannery .c1 {
	width:160px;
}
.img-bannery .r1 {
	height:160px;
}
.img-bannery .c2 {
	width:344px;
}
.img-bannery .r2 {
	height:340px;
}
.img-bannery .c3 {
	width:529px;
}
.img-bannery-in > div {
	margin:0 0 25px 0;
}


/*** loga ***/
div.loga {
	background-size:600px auto;
}



/*** foot ***/
div.foot-in {
	padding:30px 0 30px 0;
}


/* footmenu */
div.footmenu {
	padding:0 0 0 0;
}
div.footmenu ul.footmenu-box {
	margin:0 10px 0 10px;
}
div.footmenu ul.footmenu-box li {
	font-size:13px;
	margin:0 0 0 0;
}
div.footmenu ul.footmenu-box li > a {
	margin:0 0 10px 0;
}

div.footmenu ul.footmenu-box li ul li {
	font-size:11px;
	padding:7px 0 0 15px;
	background:url(../img/foot_li.png) no-repeat 0 11px;
}
div.footmenu ul.footmenu-box li ul li a {
	color:#fff;
	margin:0 0 0 0;
	padding:0;
	font-weight:normal;
	line-height:1.3em;
}




.items-list .item-out {
	width:49%;
}

div.filter {
	padding:20px 20px 10px 20px;
} 


ul.pagemenu {
	margin:0 0 15px 0;
}
ul.pagemenu li a {
	padding:15px 10px 15px 10px;
	font-size:10px;
}


div.detail-l {
	width:44%;
}
div.detail-r {
	width:52%;
}

.detail-logo {
	margin:0 0 10px 0!important;
}
.detail-logo img {
	height:70px;
}

.detail-yt {
	display:block;
}
.detail-yt > div {
	margin-right:0;
	margin-bottom:10px;
	width:auto;
	max-width:none;
}

/*** dalsi produkty ***/
.next-items {
	padding:10px;
	margin:15px 0 0 0;
}
.next-items strong {
	margin:0 0 10px 0;
	padding:0 0 5px 0;
}

/*** order-box ***/
div.order-box {
	margin:15px 0 0 0;
	padding:10px 15px 10px 15px;
}
input.ks {
	padding:9px 10px 10px 10px;
	margin:0;
	font-size:24px;
	color:black;
}
div.price-detail {
	font-size:20px;
	margin:5px 0 0 0;
}
div.price-detail span {
	font-size:12px;
	margin:10px 0 0 0;
}


div.order-box input {
	height:40px;
	line-height:1em;
	border:0;
	float:left;
	padding:9px 10px 9px 10px;
	font-size:16px;
}
input.ks {
	padding:9px 10px 9px 10px;
	margin:0;
	font-size:16px;
}
div.price-detail {
	font-size:20px;
	margin:14px 0 0 0;
}
div.price-detail span {
	font-size:11px;
	top:-3px;
	right:15px;
}


.detail-sklad {
	margin:15px 0 0 0;
}






/*** home grid bannery ***/
.carousel-gridbann .items-list a.item span.item-in {
	padding-bottom:15px;
}
.carousel-gridbann .items-list a.item span.item-img {
	height:80px;
	margin-top: 5px;
}
.carousel-gridbann .items-list a.item img {
	max-height:80px;
}
.carousel-gridbann .items-list a.item h3 {
	margin:0.4em 0 0 0;
}
.carousel-gridbann .items-list a.item span.price {
	height:40px;
	padding:15px 0 0 0;
}
.carousel-gridbann .items-list a.item span.price-in {
	font-size:14px;	
}
.carousel-gridbann .items-list a.item span.price .old-price {
	top: 2px;
}
.carousel-gridbann .item-skladem {
	margin: 0 0 0 0;
}
.carousel-gridbann .items-list a.item span.price {
	height:40px;
	padding:15px 0 0 0;
}
.carousel-gridbann .items-list a.item span.price-in {
	font-size:14px;	
}
.carousel-gridbann .items-list a.item span.price .old-price {
	font-size: 9px;
	top: 1px;
}
.carousel-gridbann .item-skladem {
	margin: 1px 0 0 0;
	font-size: 8px;
}




/*** katalogy ***/

span.katalog-img {
	height:140px;
}
span.katalog-desc img {
 	width:20px;
 	margin-right:5px;
}
a.katalog {
	margin-bottom:10px;
}



/************************************/
/*** old ***/
div.detail{
	flex-wrap:wrap;
}
.detail-params, div.order-box, div.detail-sklad {
	display:block!important;
}
.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;
}
.detail-params > *, div.order-box > *, div.detail-sklad > * {
	width:100%!important;
}
.detail-social, div.order-box > *, div.detail-sklad > * {
	text-align:center!important;
}
div.detail-sklad > * {
	display:block;
}
#create_watchdog, #nadotaz {
	margin:0 0 0 0!important;
}

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

/*** 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;
}
#send-box input {
	max-width:100%;
}
#send-box table {
	margin:auto;
}
#send-box table td, #send-box table th {
	display:block;
	text-align:center;
}


/***************/

div.steps a {
	margin:0 10px 0 0;
	font-size:12px;
}
div.steps a span {
	margin:0 7px 0 0;
	width:24px;
	height:24px;
	line-height:24px;
	font-size:12px;
}
div.steps img {
	margin:5px 10px 0 0;
	width:12px;
}



.next-items {
	text-align:center;
}
.next-items-in {
	justify-content:center;
}
.next-items-in a {
	width:70px;
}
.next-items-in a img {
	max-width:70px;
}

div.strankovani-out {
	display:block;
}
div.strankovani-out > * {
	width:auto;
	margin:0 0 15px 0;
	display:block;
	text-align:center;
}
div.strankovani-out > .strankovani {
	display:flex;
	justify-content:center;
}



.format-text .flex.flex-pc {
	display:block;
}
.format-text .flex.flex-pc > * {
	display:block;
	margin:0 0 10px 0;
	width:auto;
}

/*** flex-tab ***/
.flex-tab .item-param .flex-tab-th {
	width:auto;
}



.half {width:auto!important;float:none!important;margin:0 0 10px 0!important;}
.moremiddle {width:160px!important;}
.full {width:98%!important}


/*** vanoce ***/
div.tipy {
	xpadding:90px 20px 20px 20px;
}
}