/* 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;
	}


}

@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;
	}
	
	
}