/* min-width: 1200px; LAPTOP 1. komp 1366x768, 3.laptop 1920x1080, kontener 1140,1260 */

body {
	/*background-color: #008000;*/
}
:root {
	--left-col-width: 220px;
	--categories_dropdown-height: 0px;
	/* Prevent font scaling beyond this breakpoint */
	/*font-size: 18px;*/
  /*font-size: calc(1rem + ((1vw - 12px) * 2.2222));*/
}

body.offer-index, body.offer-show {
	--categories_dropdown-height: 0px;
}
#categories_dropdown {
	display: none;
}
#leftColumn {
	display:block;
	opacity: 1;
    visibility: visible;
    overflow: visible;
    position:relative;
    top: auto;
    left: 0;
    height: auto;
}
#mainContainer {
	margin: 0 auto;
	padding: 0;
}
#header .mobile-actions
{
	display:none;
}

#header-navigation
{
    display: block;
    margin-left: auto;
    margin-right: 40px;
    height: auto;
}
    

#header-navigation .nav
{
    display: block;
}


ul#menuTop li a span:FIRST-CHILD {
	margin: 0px auto 11px auto;
}
ul#menuTop li a span:FIRST-CHILD {
	/*margin-right: 0;*/
}



/*#header  #menuTop.nav {
	float: left;
   
    margin-left: 40px;
	width:757px;
}*/
#header #menuTop.nav {
    opacity: 1;
    visibility: visible;
    
	position:relative;
	overflow:visible;
	height: calc(var(--nav-height) - 25px);
	top:0;
	
	clear: none;
	padding: 0;
	margin: 0;
	flex-wrap: wrap;
	width: auto;
	/*
	float: right;
    margin-left: 40px;
    */
}
	ul#menuTop li > a:FIRST-CHILD {
	flex-direction: column;
	text-transform: none;
	}

#menuTop.nav > li > ul {
	display: none;
}
div#middle {
	/*max-width:1258px;*/
	min-width: 988px;
	padding: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#menuTop.nav li.menu_start {
	display:block;
}

#mainContainer #contentWrapper,
#mainContainer #productSearchPanel
{
		margin-right: 22px;
}
#leftColumn, #searchMenu 
{
 margin: 0px 22px 0px 0px;
}


div#header.nobackground,div#middle.nobackground,div#contentWrapper.nobackground,div#middle.nobackground
{
	background: none;
}

#subNav {
	display: block;
}

/* ----------------------------------- uklad #pagecontent   ---------------------------------------------------------- */
#pagecontent {
	display: flex;
	flex-flow: row nowrap;
}

#leftColumn { 
  	flex: 1 1 auto;
}
#mainColumn {
	flex: 2 1 0px;
	margin: 0 auto;
	
}



  /*
  #leftColumn {  order: 0; }
  #productSearchPanel {  order: 2; }
  #contentWrapper {  order: 1; }
  */

/* ----------------------------------- /uklad #pagecontent ---------------------------------------------------------- */



@media only screen and (max-width : 1279px) {
	#mainContainer {
		min-width: 998px;
	}
	#menuTop li>a:FIRST-CHILD {
		right: -15px;
		padding: 9px 15px 6px 15px;
	}
	div#productSearch>form>div:FIRST-CHILD label {
		display: block;
		padding-bottom: 2px;
	}
	/*#search {
		width: 463px;
	}*/
	.search-bar {
	  width: 463px;
	}
	#searchByTextForm .search-bar, #searchForm .search-bar {
	max-width: 608px;
	}
	div#mainContainer.twoColumns div#contentWrapper,div#mainContainer.twoColumns div#productSearchPanel
		{
		/*margin-left: 233px;*/
		margin-right: 10px;
	}
	#header-navigation
	{
	    /*width: 100%;*/
	}
	#topBar #nav-search {
    	/*margin-left: 710px;*/
	}


}

@media only screen and (min-width : 1280px) {
	#mainContainer {
		min-width: 1236px;
	}
	#menuTop li>a:FIRST-CHILD {
		right: -20px;
		padding: 9px 20px 6px 20px;
	}
	/*#search {
		width: 608px;
	}*/
	.search-bar {
	  width: 608px;
	}
	#searchByTextForm .search-bar, #searchForm .search-bar {
	max-width: 800px;
	}
	a#showHideProductSearch.closed {
    	padding: 0 30px 0 0;
	}

}

@media only screen and (min-width : 1366px) {
	:root {
	--left-col-width: 269px;
	}


}


/*1600*/
@media(min-width:1920px){
	:root {
	--left-col-width: 319px;
	}
	#mainContainer {
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	#middle {
		max-width: none!important;
	}

/*koszyk */
	.item-image {
		width: 100px;
		min-width: 100px;
	}
	.item-info {
		width: 700px;
		flex-grow: 2;
	}
	.item-quantity {
		width: 20%;
	}
	.item-pricing {
		display: flex;
		flex-grow: 3;
		flex-direction: row;
		justify-content: space-between;
		width: auto;
	}
	.item-pricing .item-price {
		display: flex;
		flex-grow: 1;
		flex-direction: row;
		justify-content: space-between;
		width: auto;
	}
	.item-pricing .item-total {
		display: flex;
		flex-grow: 2;
		flex-direction: row;
		justify-content: space-between;
		width: auto;
	}
	.item-details .item-user-actions {
		display: none;
	}
	.item-total {
		display: flex;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.item-total .item-user-actions {
		padding-top: 10px;
		display: flex;
		justify-content: flex-end;
		/*background-color: #FAFAFA;*/
		border-left: 1px solid var(- -color-light-gray);
		padding: 0 5px;
		flex-grow: 1;
		align-items: flex-start;
	}
	#cart-table  div.item-pricing>div.item-price>div>div.product-price>span
		{
		text-align: right;
	}
	.item-price-wrapper, .item-total-wrapper, .kgo-item-price-wrapper,
		.kgo-item-total-wrapper {
		flex-grow: 1;
	}
	.item-pricing .item-total {
		display: flex;
	}
	.cart-row {
		padding: 10px 30px;
	}}

@media(min-width:1921px){

	#mainContainer {
		width:1920px;
		margin-left:auto;
		margin-right:auto;
	    background-color: #ffffff;
		box-shadow: 1px 1px 3px 0px rgba(221, 221, 221, 1), -1px 1px 3px 0px rgba(221, 221, 221, 1);
		-moz-box-shadow: 1px 1px 3px 0px rgba(221, 221, 221, 1), -1px 1px 3px 0px rgba(221, 221, 221, 1);
		border-right: 1px solid #D7D7D7;
		border-left: 1px solid #D7D7D7;
	}
	#mainContainer.twoColumns{
		box-shadow: -1px 1px 3px 0px rgba(221, 221, 221, 1);
		-moz-box-shadow: -1px 1px 3px 0px rgba(221, 221, 221, 1);
		border-right: none;
		border-left: 1px solid #D7D7D7;
	}
	
	#mainContainer.twoColumns #header, #mainContainer.twoColumns #topBar {
		border-right:1px solid #D7D7D7;
	}
	#mainContainer.twoColumns #topBar {
		-webkit-border-bottom-right-radius: 6px;
		border-bottom-right-radius: 6px;
		-moz-border-radius-bottomright: 6px;
	}
	#mainContainer.twoColumns #footer {
		-webkit-border-top-right-radius: 6px;
		border-top-right-radius: 6px;
		-moz-border-radius-topright: 6px;
	}
	div#mainContainer.oneColumnBckgr div#middle div#pagecontent div#contentWrapper {
		margin-left: 14px;
		margin-right: 14px;
	}

	
	
	}