/* Responsive Changes */

.mobile-menu-opened #content,
.mobile-menu-opened #footer {
	z-index: -1;
}

.mobile #footer {
	margin-top: 0;
	display: none;
}

.mobile #m_footer_action {
	background-image: url(../images/arrow_grey_up.gif);
    background-position: 50% 14px;
    background-repeat: no-repeat;
    background-color: #404040;
    height:35px;
    cursor: pointer;
    position: fixed;
	bottom: 0;
	z-index: 5;
	width: 100%;
	background-color: #424242;
}

.mobile #m_footer_action.opened {
	background-image: url(../images/arrow_grey_down.gif);
	position: static;
}

/* 6 items  ----------- */
@media only screen and (min-width : 1825px) {
	/* 6 items */

	 .list.grid li,
	 .list.dealers li {
		width: 16%;
		margin-right: 0.65% !important;
	}
	
	#content .list.fixed.grid,
	.list.grid,
	.list.dealers {
		margin-right: -0.65% !important;
	}

	#content #highlights .col {
		width: 16.6%;
	}
	.sample_types li {
		width: 7%;
	}
}

/* 5 items  ----------- */
@media only screen and (max-width : 1824px) {
	.filter_menu_bar .filter input[type="checkbox"] + label, 
	.filter_menu_bar .filter input[type="radio"] + label {
		width: 25%;
	}
	
	.filter fieldset > div label:nth-of-type(5n+1) {
		clear: none;
	}
	
	/* 5 items */
	
	.list li.section_heading, .list.grid li.section_heading, .list.grid.fixed li.section_heading {
	 	width: 98.9% !important;
	}
	
	 .list.grid li,
	 .list.dealers li {
	 	width: 23.9%;
		margin: 0 1.1% 1% 0;
	}
	
	#content .list.fixed.grid,
	.list.grid,
	.list.dealers {
		margin-right: -1.1%;
	}

	.sample_types li {
		width: 9%;
	}

	#content .product_category .intro p {
		font-size: 17px;
		line-height: 19px;
	}

	#content .product_category .intro h1,
	#content .product_category .intro h1 a {
		line-height: 34px;
		font-size: 38px;
	}

	#content #highlights .col {
		width: 20%;
	}

	#header > .search_results {
		top: 46px;
	}
}

/* 4 items (1300 instead of 1224) ----------- */
@media only screen and (max-width : 1300px) {
	/* 4 items */

	#content .product_category .intro h1,
	#content .product_category .intro h1 a {
		font-size: 34px;
	}
	
	#wrapper {
		padding-top: 70px;
	}

	.sample_types li {
		width: 11.5%;
	}

	.list.fixed > figure {
		width: 40%;
		height: auto;
	}

	.list.fixed.crsl img {
		width: 100%;
		height: auto;
	}

	.product_category .intro p {
		font-size: 18px;
		line-height: 20px;
	}

	.product_category .intro h1,
	.product_category .intro h1 a {
		line-height: 25px;
		font-size: 30px;
	}

	#content #highlights .col {
		width: 25%;
	}

	body {
		font-size: 0.875em;
	}
	
	#header .logo {
		width: 220px;
	}
	
	#header .logo img {
		width: 241px;
	}
	
	#wrapper #header .navigation > li {
		font-size: 14px;
		letter-spacing: normal;
		word-spacing: normal;
	}

	#wrapper #header .navigation > li.fake_search {
		/* font-size: 0pt;
		text-indent: -9999px;
		float: right; 
		top: -5px; */
	}
	
		#header .helper_menu fieldset{
			padding: 21px 6px;
		}

		#header .navigation > li.products > div > ul > li {
			font-size: 14px;
		}

		#header .helper_menu fieldset button {
			left: 2px;
		}

			#header > .search input {
				font-size: 14px;
			}

			#header > .search.active fieldset button {
				display: inline-block; 
				margin: 0;
				width: 40px;
				xheight: 56px;
			}

		#header .helper_menu li.fake_search {
			/* width: 40px;
			padding: 37px 0; */
		}

		#header > .search_results {
			top: 56px;
		}
		
		/*#header .helper_menu > li:first-child > a {
			display: inline-block;
			margin: 0 10px;
			padding: 0;
			width: 28px;
			height: 28px;
			background: url(../images/m_sprite_icons.png) no-repeat 0 50%;
			font-size: 0pt;
			vertical-align: middle;
		}*/
		
		#header .helper_menu > li:first-child:hover {
			background-color: #373737;
		}

			#header .navigation > li > div > ul,
			#header .navigation > li > div > ul > li > ul,
			#wrapper .select ul {
				font-size: 12px;
			}

			#header .navigation > li > div > ul > li.product_selector {
				font-size: 11px;
			}

		.selectors a {
			float: none;
			min-width: 0!important;
			width: auto;
		}
		
		.home .breadcrumbs,
		.filter_menu_bar,
		#header .helper_menu.navigation > li > div {
			top: 70px;
		}


		.wish_list .sample_types {
			width: 628px!important;
		}
        .news_content {
            width: 80%;
        }
}

/* 3 items  ----------- */
@media only screen and (max-width : 1024px) {    
	#header .navigation > li.products > div > ul > li:nth-child(3n + 1) {
		clear: left;
	}
	#contacts_form {width: 100% !important;float: none !important;}

	.contact_info {width: 100% !important;}
	/* 3 items */
	
	#dragable_slider{
		bottom: 0px;
	}
	
	.dealers.list li,
	.list li {
		width: 98%;
		margin-bottom: 15px;
	}

	#content #highlights .col {
		width: 33.3%;
	}
	
	.filter_menu_bar .filter input[type="checkbox"] + label, 
	.filter_menu_bar .filter input[type="radio"] + label {
		width: 33.3%;
	}
	
	.filter fieldset > div label:nth-of-type(5n+1) {
		clear: none;
	}

	.list.grid.fixed li,
	.list.dealers li {
		margin-right: 1.1%;
		width: 32.23%;
	}
	
	.list.grid,
	.list.dealers {
		margin-right: -1.1%;
	}

	.sample_types li {
		width: 15.5%;
	}

	.product_category .intro p {
		font-size: 18px;
		line-height: 20px;
	}

	.product_category .intro h1, .product_category .intro h1 a {
		line-height: 25px;
		font-size: 30px;
	}
	
	#content .product_category .intro {
		height: 290px;
	}


	#content .product_category .intro p {
		font-size: 17px;
		line-height: 19px;
	}

	#wrapper {
		padding-top: 70px;
	}

	.product_category .intro h1, .product_category .intro h1 a {
		line-height: 30px;
		font-size: 35px;
	}
	
	#content ul,
	ul.sitemap {
		list-style-image: none;
	}

	#content ul.sample_types {
		margin-right: -1%;
	}

	#header .helper_menu > li {
		position: static;
	}


	#header .helper_menu > li > div {
			right: 0;
			z-index: 6;
		}

	#header > .search_results {
		top: 46px;
	}
        .news_content {
            width: 100%;
        }
}

@media only screen and (min-width : 981px) {
	#page {
		xborder: 1px solid red !important;
	}

	#header, .filter_menu_bar {
		position: fixed;
	}

	#header {
		z-index: 6 !important;
	}
	
	.left .express_program img ~ span {
		display: none;
	}

	.legend-mobile {
		font-size: 16px !important;
	}
	
	.legend-mobile .stock,
	.legend-mobile .request,
	.legend-mobile .available {
		cursor: auto;
	}

	table.express_program tbody tr:first-child {
		display: none;
	}
	
	#header > .search_results {
		top: 74px;
	}
}

/* mobile layout  ----------- */
@media only screen and (max-width : 1120px) {
	#wrapper #header .navigation > li {
		font-size: 12px;
	}
	/* #header .navigation > li > a {
		padding: 10px;
	} 
	#wrapper #header .navigation > li.fake_search {
		font-size: 0;
		top:0;
	}  */
}
@media only screen and (max-width: 980px) {
	/* #wrapper {
		height: auto;
		padding-top: 50px;
	} */

	#dragable_slider{
		bottom: 10px;
	}

	.home .breadcrumbs,
	.filter_menu_bar,
	#header .helper_menu.navigation > li > div {
		top: 46px;
	}

	#header,
	#header.fixed,
	.filter_menu_bar.fixed {
		position: fixed !important;
		z-index: 6;
	}

	.home .breadcrumbs {
		top: 0;
	}

	#content #products_categories .product_category p,
	#content #products_categories .product_category a.see_more {
		display: block;
	}

	#wrapper #header .navigation > li {
		font-size: 12px;
	}
	
	.svg-wrapper {
		height: auto;
	}
	
	.svg-wrapper > a {
		width: 230px;
	}
	
	.svg-container {
		width: 176px;
		height: 37px;
	}
	
	#header .logo img {
		width: 176px;
		height: 40px;
	}

	#header .logo {
		width: 195px;
	}
	
	
	#header .helper_menu li.fake_search,
	#header .helper_menu fieldset,
	#header .navigation > li > a {
		/* padding: 17px 5px; */
	}

	/* #header .helper_menu > li:first-child > a {
		margin: 0 5px;
	} */
	
	#header .navigation > li > a {
	  padding: 0 7px;
	}

	#header .helper_menu li.fake_search {
		width: 16px;
	}
	
	/* #header > .search.active fieldset button {
		width: 30px;
		height: 46px;
	}

	#header > .search {
		height: 46px;
		line-height: 46px;
	} */

		.home #content {
			height: auto;
			padding-bottom: 0 !important;
		}
		
		
		#content .wish_list .selectable_product {
			margin-right: 10px;
		}

		#content .wish_list .sample_types ul {
			margin-left: -10px!important;
		}
		
			.wish_list .sample_types {
				width: 304px!important;
			}

		.account_details dl {
			display: block!important;
			padding: 0!important;
			border: 0!important;
			float: left;
			clear: both;
		}
		
		.content-accordeon,
		.account_details + * + .image_holder {
			display: none;
		}

		.rich_text img.
		.contact_info img {
			width: 100%;
			height: auto;
		}
		
		.account_details {
			margin: 0 10px;
		}

		#content .info_toggler {
			line-height: normal;
			margin: 0;
			padding: 10px 0 10px 40px;
		}
		
		#content .wish_list .sample_types {
			width: auto;
		}
		
		#content .main_image.zoom-gallery {
			width: 100%;
		}

		.table_wrapper {
			position: relative !important;
			top: 0 !important;
			bottom: 0 !important;
			overflow: hidden;
		}

		.table_wrapper .body {
			height: auto !important;
		}
		
		#table-info-big {
			font-size: 16px;
			margin-bottom: 20px;
		}
		
			#table-info-big p,
			#table-info-big ol {
				display: none;
			}
			
			#table-info-big .simple_btn.clear_filter {
				margin: 0;
			}
			
			.left .express_program td + td,
			.kronobuild .left .express_program td + td + td {
				display: none;
			}

			#content .table_wrapper.kronobuild .filter > div {
				padding-bottom: 0!important;
			}

			#content .table_wrapper.kronobuild .filter,
			#content .table_wrapper.kronobuild .left {
				min-width: 0!important;

			}

			.kronobuild .left .express_program td + td {
				display: table-cell;
			}

			#content .table_wrapper.kronobuild .filter > div > .vertical_caption {
				height: auto;
				bottom: 20px!important;
			}

			#content .table_wrapper.kronobuild .filter > div > .vertical_caption.format {
				bottom: 95px!important;
			}

				.left .express_program tr td img {
					display: block;
					height: 32px;
				}

				.left .express_program tr td img + span {
					position: absolute;
					display: table;
					width: 70px;
					height: 32px;
					margin-top: -32px;
				}

				.left .express_program tr td img + span > span {
					display: table-cell;
					vertical-align: middle;
					text-align: center;
				}

				.table_wrapper .filter  {
					width: 60px !important;
				}

				.table_wrapper .left  {
					width: 70px !important;
				}

				.table_wrapper:not(.kronobuild) .body_wrapper td {
					height: 26px !important; /* image 32 - padding 6 = 26 */
				}

				.left table.express_program tbody tr > * {
					font-size: 11px;
				}

				#content .table_wrapper .fixed_heading {
					display: none;
				}
				
				.left table.express_program tbody th[colSpan] {
					font-size: 11px !important;
					line-height: 23px;
					white-space: nowrap;
					text-align: center;
				}

				.table_wrapper tbody tr.load_more a {
					font-size: 11px !important;

					white-space: nowrap;
				}

				.table_wrapper tbody tr.load_more img {
					position: absolute;
				}

				.table_popup {
					width: 84%;
					left: 5% !important;
					padding: 3%;
				}

			.table_wrapper .left,
			.table_wrapper .body {
				height: auto;
			}

			#content .table_wrapper {
				top: 0;
				width: 100%;
				overflow: hidden;
				position: relative;
				padding-bottom: 10px;
			}

	.nicescroll-rails > div {
		cursor: pointer;
	}

		#content #products_categories {
			display: block;
			height: auto;
			float: left;
		}

			#content #products_categories .product_category:first-child {
				border-top: 1px solid #dedede;
			}
			
			#content #products_categories .product_category {
				position: relative;
				display: block;
				overflow: hidden;
				border-bottom: 1px solid #dedede;
			}

			.product_category .intro p {
				font-size: 16px;
				line-height: 18px;
			}

			#content .product_category .intro h1, .product_category .intro h1 a {
				line-height: 25px;
				font-size: 30px;
			}

			.content-accordeon,
			#content #products_categories .product_category.opened-accordeon {
				height: 100%;
			}

			#content #products_categories .product_category.opened-accordeon  p,
			#content #products_categories .product_category.opened-accordeon  a.see_more  {
				display: block;
			}

				#content .product_category .intro p {
					font-size: 20px;
					line-height: 22px;
					padding: 10px 0;
				}	

				#content #products_categories .product_category  a.see_more {
					position: relative;
					float: left;
					bottom: 0;
					left: 0;
					margin-top: 5px;
				}
			
				#content #products_categories .product_category > img {
					width: 100%;
					height: 600px;
				}

					#content #products_categories .product_category > .intro {
						overflow: hidden;
						position: relative;
						top: 0;
						bottom: 0;
						width: 100%;
						height: 100%;
						padding: 20px 0;
					}

					#content #products_categories .product_category > .intro > * {
						margin: 0 0 0 20px;
					}

					#content #products_categories .product_category > .intro > h1 {
						display: block;
						line-height: 35px;
						vertical-align: middle;
						padding-bottom: 5px;
					}

		#content .register {
			border-top: 1px solid #d6d6d6;
		}
		
		#content .login {
			width: 50%;
			padding: 0 5px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
		}

		#content .register > div {
			float: left;
			margin-right: 0;
			width: 50%;
			padding: 5px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
		}

		#content .register {
			padding-left: 0 !important;
		}

		#content .contact,
		#content .register,
		#content .login {
			width: 100%;
			border-left: 0;
		}

		.mobile #popup_wrapper {
			position: absolute;
		}

		#popup_wrapper.project,
		.mobile #popup_wrapper {
			width: 80%;
			left: 10%;
			right: 10%;
			margin-left: 0;
		}			

		#popup_wrapper.project fieldset.info,
		#popup_wrapper.project fieldset {
			width: 100%;
			margin: 5px 0;
		}

		#content .contact_info {
			border-left: 0;
			padding: 10px 0;
			clear: both;
		}

		.simple_btn.print {
			display: none;
		}

		.home .breadcrumbs {
			position: relative !important;
		}

		.home #header {
			position: relative !important;
		}

		.clear-all,
		ul.filtered-data {
			display: none !important;
		}
}

@media only screen and (min-width : 800px) {

	/* #header .navigation > li:before {
		content: 'v';
		position: absolute;
		top: 50%;
		margin-top: -15px;
		left: 0;
		width: 1px;
		height: 30px;
		background-color: #fff;
		font-size: 0pt;
		text-indent: -9999px;
	} */

	.filter_menu_bar {
		position: relative;
		top: 0;
		display: table;
		width: 100%;
		background-color: #fff;
		border-top: 1px solid #d6d6d6;
		clear: both;
		color: #000;
	}

	.filter_menu_bar:after {
		content: 'border-bottom';
		position: absolute;
		top: 28px;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #d6d6d6;
		font-size: 0pt;
		text-indent: -9999px;
	}
	
		.filter_menu_bar > * {
			display: table-cell;
			vertical-align: top;
		}
		
		.filter_menu_bar .filter {
			padding-right: 0;
			padding-left: 0;
			float: none;
			overflow: hidden;
		}
		
			.filter_menu_bar h3 {
				display: none;
			}
		
			.filter_menu_bar .filter fieldset {
				margin: 0;
			}
			
				.filter_menu_bar .filter fieldset:first-of-type legend {
					border-left: 1px solid #d6d6d6;
				}
			
				.filter_menu_bar .filter legend {
					border-right: 1px solid #d6d6d6;
					border-left: 0;
					line-height: 28px;
					margin: 0;
				}
				
				.filter_menu_bar .filter legend.active {
					color: #fff;
					background-color: #373737;
					margin: 0;
				}
				
				.filter_menu_bar .filter div > div {
					overflow: hidden;
					padding: 6px 0;
				}

			ul.filtered-data {
				overflow: hidden;
				width: calc(100% + 40px);
				width: -webkit-calc(100% + 40px);
				list-style: none none !important;
				max-width: 164px;
				margin-top: 10px;
			}

			ul.filtered-data li {
				position: relative;
				padding: 10px 25px 10px 15px;
				background-color: #efefef;
			}

			ul.filtered-data li + li {
				margin-top: 3px;
			}

			ul.filtered-data li .clear-filtered {
				display: block;
				position: absolute;
				top: 14px;
				right: 10px;
				width: 7px;
				height: 7px;
				background: url(../images/clear_filters.gif) no-repeat;
				font-size: 0pt;
				text-indent: -9999px;
			}
			
			.clear-all {
				display: none;
				position: absolute;
				top: 40px;
				right: 0;
				padding-left: 10px;
				font-size: 11px;
				color: #545454;
				background: url(../images/clear_filters.gif) no-repeat left center;
			}
		
		.filter_menu_bar .views {
			position: static;
			float: right;
			margin-right: 0;
			white-space: nowrap;
		}
		
			.views li {
				margin-left: 0;
				border-left: 1px solid #d6d6d6;
				background-color: transparent;
			}
			
			.views li.current {
				background-color: #373737;
			}
}

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

	#content .additional_content .suggestions + .suggestions {
		margin: 0;
	}
	
	#wrapper,
	.home #wrapper {
		height: auto;
		padding-top: 0;
	}
	

	#header,
	#header.fixed,
	.filter_menu_bar.fixed {
		position: relative !important;
	}

	#header, .filter_menu_bar {
		position: relative !important;
		z-index: 6;
	}
	
	.breadcrumbs {
		float: none;
	}

	.home .breadcrumbs {
		position: relative !important;
	}
	
	#content .filter_menu_bar {
		top: 0;
	}

	#content .filter_menu_bar .filter {
		float: none;
		padding-right: 0;
	}

		div#content {
			padding-bottom: 30px !important;
			padding-top: 0 !important;
			position: relative;
			top: 0!important;
			margin-top: 0px !important;
		}

		#h_slider {
			max-height: 300px;
		}

		#h_slider ul,
		#h_slider ul#selector {
			height: 300px !important;
			margin: 0 !important;
			padding: 0 !important;
			left: 0 !important;
		}

			.list.fixed.crsl li {
				margin-top: 0 !important;
				width: 300px !important;
			}

				.list.fixed.crsl img {
					width: 100% !important;
					height: auto !important;
				}

			#content #products_categories .product_category  p,
			#content #products_categories .product_category  a.see_more  {
				display: none;
			}

	#wrapper #header .navigation > li {
		font-size: 17px;
	}
	
	#header .svg-container, #header .logo img {
		height: 48px;
		width: 235px;
	}

	#header .logo {
		width: 220px;
	}
	
	#header .helper_menu fieldset, #header .navigation > li > a {
		padding: 20px 5px;
	}

	#header .helper_menu li.fake_search {
		width: 43px;
	}

	#header > .search {
		height: 56px;
		line-height: 56px;
	}

	#mobile_overlay {
		display: none;
		background: #FFF;
		opacity: 0;
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 2;
		left: 0;
		top: 0;
		right: 0;
	}
	
	div#mobile_menu {
		position: absolute;
		display: inline-block;
		padding: 0;
		width: 116px;
		height: 68px;
		line-height: 68px;
		text-align: left;
		background: inherit;
		margin-left: -252px;
		padding-left: 15px;
	}

		div#mobile_menu > a {
			display: block;
			padding-left: 40px;
			height: 68px;
			line-height: 68px;
			background: transparent left center no-repeat;
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwOtARMDHQBdLGFBYt+nkR2KjEhxQqvIYaR7cD2glSWMo0mY3DiJo5Edi4ZPEqZ7nMSP5pPRon60qB9NwpQDgAADAMIxHUJvWs/TAAAAAElFTkSuQmCC);
			font-size: 17px;
			font-weight: normal;
			color: #fff;
			text-transform: uppercase;
			text-decoration: none;
			vertical-align: middle;
		}
		
			html.menu-opened #wrapper {
				width: 100%;
				overflow: hidden;
			}
			
			html.menu-opened #content,
			html.menu-opened #footer {
				position: relative;
				z-index: -1;
			}

		html.ie9 div#mobile_menu {
			display: inline;
			zoom:1;
			z-index: 10;
			min-width: 100px;
		}

		html.ie9 div#mobile_menu > a {
			left: 260px;
			position: relative;
			background-color: transparent;
			xz-index: 100;
			zoom:1;
		}

		html.ie9 #header .main_nav_wrap > ul.navigation > li > a {
			zoom:1;
			position: relative;
			z-index: 100;
		}

		html.ie9 #header .main_nav_wrap > ul.navigation > li.main_expandable:before {
			zoom:1;
			position: relative;
			z-index: 100;
		}
			
		.home #header,
		#header {
			display: block;
			/* height: 127px; */
			font-size: 0pt;
			position: relative;
			z-index: 6!important;
			min-width: 320px;
		}
			
			#header .main_nav_wrap {
				position: relative;
				left: -252px;
				width: 252px;
				height: 68px;
			}
			
			#mobile_menu + div {
				position: absolute;
				right: 0;
				bottom: 0;
				height: 68px;
			}
				
				#header > div,
				#header .main_nav_wrap ul.navigation {
					display: inline-block;
					vertical-align: top;
				}

				
		#header .main_nav_wrap > ul.navigation {
			display: block;
			width: 251px;
			height: 100%;
			border-right: 1px solid #DEDEDE;
		}
		
		#header .helper_menu.navigation > li > div {
			top: 68px;
			right: 0;
		}
			#header .main_nav_wrap > ul.navigation > li {
				display: block;
				position: static;
				padding-left: 42px;
				height: 68px;
				background-color: #05377b;
				border-left: 0 none;
				border-bottom: 1px solid #DEDEDE;
			}

			#header .main_nav_wrap > ul.navigation > li:hover > a,
			#header .main_nav_wrap > ul.navigation > li:hover {
				background-color: #05377b;
			}

			#header .main_nav_wrap > ul.navigation > li > a {
				overflow: hidden;
				display: inline-block;
				padding-left: 0;
				margin-left: 10px;
				width: -webkit-calc(100% - 10px);
				width: calc(100% - 10px);
				line-height: 28px;
				vertical-align: middle;
				text-align: left;
				-webkit-transition: none;
				-moz-transition: none;
				-o-transition: none;
				transition: none;
			}

			#header .main_nav_wrap > ul.navigation > li.main_expandable:before {
				content: 'arrow';
				display: inline-block;
				margin: 0 0 0 -21px;
				width: 9px;
				height: 5px;
				vertical-align: middle;
				background: transparent url(../images/arrow_grey_down.gif);
				font-size: 0pt;
				text-indent: -9999px;
				-webkit-transform: rotate(90deg);
				-moz-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
				-o-transform: rotate(90deg);
				transform: rotate(90deg);
			}
			
			#header .main_nav_wrap > ul.navigation > li.main_expandable > div,
			#header .main_nav_wrap > ul.navigation > li.active:hover > a,
			#header .main_nav_wrap > ul.navigation > li.active:hover,
			#header .main_nav_wrap > ul.navigation > li.main_expandable.active {
				background-color: #333333;
			}
			
				#header .main_nav_wrap > ul.navigation > li.main_expandable > div {
					overflow: hidden;
					position: absolute;
					top: 0;
					left: -275px;
					padding: 0;
					border-right: 1px solid #DEDEDE;
					width: 274px;
					min-width: 0;
				}
				
					#header .main_nav_wrap > ul.navigation > li.main_expandable.active > div {
						display: block;
						z-index: 3;
						min-height: 68px;
					}
			
					#header .main_nav_wrap > ul.navigation > li.main_expandable > div > ul {
						overflow: hidden;
						min-width: 0;
					}
			
						#header .main_nav_wrap > ul.navigation > li.products > div > ul > li,
						#header .main_nav_wrap > ul.navigation > li.main_expandable > div > ul > li.product_selector,
						#header .main_nav_wrap > ul.navigation > li.main_expandable > div > ul > li.sub_expandable {
							padding-left: 40px;
							height: auto;
							width: 234px;
							line-height: 68px;
							vertical-align: middle;
							border-bottom: 1px solid #DEDEDE;
						}

							#header .navigation > li > div > ul > li > a {
								display: inline-block;
								vertical-align: middle;
								width: 100%;
							}

							#header .main_nav_wrap > ul.navigation > li.main_expandable > div > ul > li.sub_expandable:before {
								content: 'arrow';
								display: inline-block;
								margin: 0 0 0 -28px;
								width: 9px;
								height: 5px;
								vertical-align: middle;
								background: transparent url(../images/arrow_grey_down.gif);
								font-size: 0pt;
								text-indent: -9999px;
							}
						
							#header .main_nav_wrap > ul.navigation > li.main_expandable > div > ul > li.sub_expandable.active {
								background-color: #000;
							}

							#header .main_nav_wrap > ul.navigation > li.main_expandable > div > ul > li.sub_expandable.active:before {
								-webkit-transform: rotate(180deg);
								-moz-transform: rotate(180deg);
								-ms-transform: rotate(180deg);
								-o-transform: rotate(180deg);
								transform: rotate(180deg);
							}
						
								#header .main_nav_wrap > ul.navigation > li.main_expandable > div > ul > li > a {
									margin-left: 5px;
									text-decoration: none;
								}
								
								#header .main_nav_wrap > ul.navigation > li.products > div > ul > li > a {
									padding: 0;
								}

								#header .main_nav_wrap > ul.navigation > li.products > div > ul > li.krono-original a {
									margin-left: -10px;
									padding: 0;
									
								}
								
								#header .main_nav_wrap > ul.navigation > li.products > div > ul > li.krono-original a + a {
									width: auto;
								}

								#header .main_nav_wrap > ul.navigation > li.main_expandable > div > ul > li.sub_expandable > a {
									padding: 14px 0;
									line-height: 1.4;
								}
						
									#header .main_nav_wrap > ul.navigation > li.main_expandable > div > ul > li.sub_expandable > ul {
										display: none;
										margin-bottom: 25px;
										margin-left: -35px;
										padding-left: 15px;
										line-height: normal;
									}
							
										#header .main_nav_wrap > ul.navigation > li.main_expandable > div > ul > li.sub_expandable > ul > li > a {
											padding: 10px 10px 5px 10px;
											background-position: 3px 14px;
										}
											
											#header .main_nav_wrap > ul.navigation > li.main_expandable > div > ul > li.sub_expandable > ul > li > ul {
												padding-left: 20px;
											}
											
												#header .main_nav_wrap > ul.navigation > li.main_expandable > div > ul > li.sub_expandable > ul > li > ul > li  a {
													padding: 5px 0;
												}
											

					#header .navigation > li > div > ul > li.product_selector {
						position: static;
						padding-right: 0;
						padding-bottom: 0;
						text-align: left;
					}

					#header .navigation > li > div > ul > li.product_selector:hover,
					#header .navigation > li > div > ul > li.product_selector a:hover,
					#header .navigation > li > div > ul > li.product_selector a:hover:after {
						border: 0 none;
						color: inherit;
						background-color: transparent;
						background-position: 98% 50%;
					}

					#header .navigation > li > div > ul > li.product_selector a:hover:after,
					#header .navigation > li > div > ul > li.product_selector a:after {
						top: 50%;
						right: 0;
						margin-top: -15px;
						border: 1px solid #dedede;
						width: 30px;
						height: 30px;
						background-repeat: no-repeat;
						background-color: transparent;
					}

					#header .main_nav_wrap > ul.navigation > li.products > div > ul > li.product_selector > a,
					#header .navigation > li > div > ul > li.product_selector > a,
					#header .navigation > li > div > ul > li.product_selector {
						font-size: 17px;
						border: 0;
						padding: 0px 55px 0 0;
						background: transparent url(../images/arrow_right.gif) no-repeat 98% 50%;
					}
			
		#header .logo {
			display: block;
			border-bottom: 1px solid #dedede;
			width: 100%;
			text-align: center;
		}
		
		.svg-wrapper {
			padding-top: 10px;
			padding-bottom: 5px;
			margin: 0 auto;
			float: none;
			height: 52px;
			width: 100%;
			border-bottom: 1px solid #DEDEDE;
		}
		
		.svg-container {
			margin: 0 auto;
			float: none;
			height: 52px;
			width: 241px;
		}
		#header .logo img {
			float: none;
		}

			#header > .search label,
			#header > .search.active label {
				margin: 27px auto;
			}

		#header > .search_results {
			min-width: 100%;
			top: 183px;
		}

		#header > .search {
			width: 100%;
			top: 126px;
			z-index: 9999;
			display: none;
		}

		#header .search label {
			background-image: none;
		}

		#header .search.active label {
			display: none;
		}

		#header > .search.active fieldset button {
			position: absolute;
			right: 0;
			top: 0;
			margin: 14px 4px 14px 14px;
			width: 29px;
			height: 29px;
			/* 
                        border: 1px solid #d6d6d6;
			background: #fff url(../images/mobile_search_button.png) no-repeat right;
                        */
                        background-image: url(../images/mobile_search_button.png);
                        background-repeat: no-repeat;
		}

		#header > .search.active fieldset input {
			width: 100% !important;
			padding: 18px 50px 18px 18px;
			margin: 0;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
		}

		#header .helper_menu > li {
			display: inline-block;
			border-left-color: #dedede;
			width: 50px;
			height: 68px;
			white-space: normal;
			text-align: center;
			vertical-align: middle;
			line-height: 80%;
		}
		#header .helper_menu.navigation > li.fake_search:before {
			top: 20px;
		}

		#header .helper_menu > li.active {
			background-color: #000;
		}
		
		#header .helper_menu > li.active > div {
			z-index: 6;
			width: 100%;
		}

		#header .helper_menu > li.active > div.scroll_cont {
			max-height: 200px;
			min-width: 226px;
		}
		
		#header .helper_menu > li.active > div.scroll_cont > div {
			width: 100%;
		}
		
		#header .helper_menu > li ul > li {
			text-align: left;
		}
		
		#header .helper_menu li.fake_search,
		#header .helper_menu fieldset,
		#header .helper_menu > li > a {
			height: 19px;
			padding: 27px 7px 22px 8px;
			line-height: 100%;
		}
		.header_contact_info {
			padding: 0 8px;
		}
		.header_contact_info > span {
			top: 20px !important;
		}
		
		#header .helper_menu > li > div {
			top: 68px;
		}
		
		#header .helper_menu fieldset button {
			left: 0;
		}

		#header .helper_menu > li {width: auto;}


		/*#header .helper_menu > li:first-child > a {
			display: inline-block;
			margin: 0 10px;
			padding: 0;
			width: 28px;
			height: 68px;
			background: url(../images/m_sprite_icons.png) no-repeat 0 50%;
			font-size: 0px !important;
			text-indent: -9999px;
		}*/

		#content .breadcrumbs {
			clear: both;
			position: static;
			display: block;
			margin: 0;
			padding: 15px 80px 15px 10px;
			width: 100%;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			border-bottom: 1px solid #d6d6d6;
		}
		
		.breadcrumbs a, .breadcrumbs a + a:before {
			line-height: 100%;
		}
		
		#content .breadcrumbs a + a:before {
			font-size: 0pt;
		}
		
	#content .breadcrumb_wrap .selectors a {
		clear: none !important;
		display: inline-block;
	}
		#content .breadcrumb_wrap > a.express,
		#content .breadcrumb_wrap > a.go_back,
		#content .breadcrumbs > a.current {
			display: block;
		}
		
		#content .breadcrumb_wrap {
			margin: 0;
			clear: both;
		}
		
		#content .breadcrumb_wrap > a,
		#content .breadcrumbs > a {
			display: none;
			content: normal;
		}

		.selectors {
			margin: 20px 10px 0;
		}

		#content .breadcrumb_wrap {
			clear: both;
			padding-top: 10px;
			position: static;
			width: 100%;
		}

				.filter_menu_bar + .breadcrumb_wrap {
					border: 0 none !important;
					padding: 0 !important;
				}

		#content .breadcrumb_wrap p {
			margin: 0;
		}

		.sample_types > h2 {
			margin-left: 0 !important;
		}

		#content .breadcrumb_wrap > a.go_back {
			position: absolute;
			right: 5px;
			top: 4px;
			margin: 5px;
		}
		
		#content .breadcrumb_wrap > a.express {
			margin-top: -40px;
			position: relative;
			z-index: 1;
		}
		
		#content .filter_menu_bar {
			position: relative;
			width: 102%;
			xtop: 80px;
			left: -1%;
			background-color: #fff;
			line-height: 100%;
			border-bottom: 1px solid #d6d6d6;
			padding-bottom: 50px;
			z-index: 1;
		}

		.filter_menu_bar .filter > form {
			display: block;
		}

		.map_wrapper {
			height: 800px !important;
		}
		
			.filter_menu_bar .filter {
				padding-left: 0;
				font-size: 14px;
				overflow: hidden;
				background-color: #333;
			}
			
				.filter_menu_bar .filter h3 {
					display: none;
				}
				
				.filter_menu_bar .filter fieldset {
					display: inline-block;
					margin: 0;
					width: 100%;
					float: left;
					clear: both;
					border-bottom: 1px solid #D6D6D6;
				}
				
					.filter_menu_bar .filter legend {
						float: left;
						width: 100%;
						padding: 20px 40px 20px 10px;
						box-sizing:border-box;
						-moz-box-sizing:border-box;
						border-left: 0;
						line-height: 18px;
						vertical-align: middle;
						background-position: 98% center;
						background-image: url(../images/arrow_grey_down.gif);
					}
					
					.filter_menu_bar .filter fieldset div {
						padding-top: 0;
						top: 0;
						position: static;
						float: left;
						width: 100%;
						background-color: #333333;
						line-height: 0pt;
						max-height: none;
					}

					.filter_menu_bar .filter fieldset .active,
					.filter_menu_bar .filter fieldset .active + div div,
					.filter_menu_bar .filter fieldset .active + div {
						background-color: #000;
					}
					.filter_menu_bar .filter fieldset .active {
						background-image: url(../images/arrow_grey_up.gif);
					}

					.filter_menu_bar .filter .clear {
						border-top: 1px solid #d6d6d6;
						padding: 10px 20px 10px 12px;
						line-height: 100%;
						color: #fff;
					}
					
					.filter_menu_bar .filter fieldset > div {
						border: 0;
					}
					
					.filter_menu_bar .filter label {
						float: none !important;
						line-height: 1 !important;
					}

					.filter_menu_bar .filter input[type="checkbox"] + label,
					.filter_menu_bar .filter input[type="radio"] + label {
						background-image: url(../images/empty_big.gif);
						background-position: 10px 8px;
						margin: 0;
						width: auto;
						padding: 12px 20px 12px 50px;
						vertical-align: top;
						border-top: 1px solid #d6d6d6;
						color: #fff;
                                                display: inherit;
					}

					.filter_menu_bar .filter input[type="checkbox"] + label.checked {
						background-image: url(../images/checked_big.gif);
					}

					.filter_menu_bar .filter input[type="radio"] + label.checked {
						background-image: url(../images/radio_big.gif);
					}
					
		.views {
			position: absolute;
			display: block;
			left: 0;
			right: 50%;
			bottom: 0;
			padding: 10px 1%;
			width: auto;
			margin: 0;
			border-right: 1px solid #d6d6d6;
			color: #000;
			font-size: 12px;
			text-align: left;

		}
			
		.views h3 {
			color: #000;
			margin: 0;
			text-transform: none;
			line-height: 20px;
			background-image: url("../images/arrow_down.gif");
			background-position: 98% center;
			background-repeat: no-repeat;
			border-bottom: 1px solid #000000;
			cursor: pointer;
			display: block;
			font-weight: normal;
			padding: 5px 10px;
			transition: background-color 0.5s ease 0s;
		}

		.views ul {
			display: none;
			position: absolute;
			font-size: 12px;
			width: 96.5%;
			background-color: yellow;
		}

		.views li.grid,
		.views li.crsl,
		.views li {
			background: url(../images/dash_b.gif) no-repeat 7px 7px #fff;
			cursor: pointer;
			display: block;
			height: auto;
			margin: auto;
			padding: 3px 10px 3px 20px;
			width: auto;
			line-height: 15px;
		}

		.views li.crsl.current,
		.views li.grid.current,
		.views li.grid:hover,
		.views li.crsl:hover,
		.views li:hover,
		.views li.current {
			color: #fff;
			background: url(../images/dash.gif) no-repeat 7px 7px #000;
		}

		#footer {
			/* position: static; */
			padding: 0;
			width: 100%;
			background-color: #424242;
		}

			#footer ul {
				float: none;
				display: block;
				margin: 0; 
			}


				#footer > ul > li {
					display: block;
					border-bottom: 1px solid #d6d6d6;
				}

				#footer > .share {
					float: none;
					display: block;
				}

				#footer > .share.telphonn {
					float: none;
					margin-top: 0px;
					background-image: none;
					border-bottom: 1px solid #fff;
					display: block;
					position: initial;
				}

				#footer > ul:hover > li {
					border-left: 0;
				}

				#footer .share.active,
				#footer > ul > li.current,
				#footer > ul > li.active {
					background-color: #000;
				}

				#footer > span,
				#footer > a {
					position: static;
					padding: 15px 20px;
				}
					#footer a:hover {
						text-decoration: none;
					}

					#footer > ul > li > span,
					#footer > ul > li > a {
						display: block;
						padding: 15px 20px;
					}

				#footer > ul > li.current > span,
				#footer > ul > li.current > a {
					background-color: transparent;
				}
			
				#footer > ul > li.current,
				#footer > ul > li.current  {
					background-color: #000;
				}

					#footer .share,
					#footer > ul > li.expandable {
						background-image: url(../images/arrow_grey_down.gif);
						background-position: 98% 20px;
						background-repeat: no-repeat; 
					}

					#footer .share.active,
					#footer > ul > li.active.expandable {
						background-image: url(../images/arrow_grey_up.gif);
					}

					#footer > ul > li.expandable > ul {
						margin: -10px 0 5px;
					}

					#footer > ul > li > ul,
					#footer > ul > li > ul > li {
						margin: 0;
						padding: 0;
					}

						#footer > ul > li > ul > li > a {
							padding: 10px 20px;
						}

			#footer .subscribe-button-inner {
				float: none;
				display: block !important;
				width: 100% !important;
				margin: 0px auto !important;
				padding: 10px 0 !important;
				text-align: center !important;
			}

				#footer .subscribe-button-inner iframe {
					-webkit-transform: translateX(-50%);
					transform: translateX(-50%);
					left: 50%;
				}

			#footer .social_share {
				float: none;
				background: none;
				width: auto;
				padding: 5px 0 15px;
				margin-top: 0px;
				margin-right: 0px;
				text-align: center;
			}

			#footer .social_share.opened {
				background-color: #000;
			}

			#footer .social_share:after {
				content: none;
			}

			#footer .social_share li {
				float: none;
				margin: 10px;
				display: inline-block;
			}
                        .subscribe {
                            display: block !important;
                            height: 22px !important;
                            margin: 0 auto 10px 0 !important;
                            width: 98px !important;
                        }

		#footer .social_share li span,
		#footer .social_share li a {
			margin: 0;
			font-size: inherit;
			border: 0 none;
			text-indent: -9999px;
		}

		#footer .social_share li a:hover {
		}

		#content #products_categories .product_category p,
		#content #products_categories .product_category a.see_more,{
			display: none;
		}

		#content #products_categories .product_category > .intro > h1:before {
			background: url(../images/arrow_grey_down.gif) no-repeat;
			content: ">";
			float: right;
			font-size: 0pt;
			height: 5px;
			margin: 14px 2% 0 0;
			text-indent: -9999px;
			width: 9px;
		}

		#content #products_categories .product_category.opened-accordeon > .intro > h1:before {
			background: url(../images/arrow_grey_up.gif);
		}
		
		ul.sitemap {
			margin-left: 10px;
		}
		
		#content .contact_info {
			padding: 10px 0;
			border-left: 0;
		}

		.sitemap .sitemap_category_title {
			height: auto;
		}

		#content .sitemap_main_cat,
		#content .sitemap_main_cat.emphasis_list {
			width: 100%;
			border-left: 0;
			padding: 0;
			float: left;
		}

			#content .sitemap_sub_cat {
				float: left;
				width: 33%;
				list-style: none;
			}

		#content .sitemap + .sitemap .sitemap_main_cat {
			width: 33%;
			margin-bottom: 10px;
		}

		#content .sitemap + .sitemap .sitemap_main_cat .sitemap_sub_cat {
			width: 100%;
		}

		#content .contact_info img {
			width: 100%;
		}
		
		.rich_text img {
			margin-bottom: 10px;
		}

	#content #highlights,
	#content #highlights .col {
		height: auto! important;
	}
	
	#wrapper #header .navigation > li.fake_search {
		float: right;
	}
}

/* 2 items  ----------- */
@media only screen and (max-width : 768px) {

	#content .list.fixed.grid {
		margin-right: 0;
	}

	#header .navigation > li.products > div > ul > li {
		box-sizing: content-box;
	}

	#header .navigation > li.products > div > ul > li:hover {
		background: #000000;
	}

	.svg-wrapper > a {
		width: 40%;
	}
	
	#header > .search_results {
		max-height: none !important;
		width: 100%;
	}

	.breadcrumb_wrap {
		clear: both;
		xfloat: none;
		margin: 0;
	}
	
	#h_slider{
		margin-left: 0 ;
	}

	/* 2 items */

	.list.fixed h3 {
		overflow: hidden;
	}

	.list li {
		width: 99%;
	}

	/* 2 items */
	.dealers.list li,
	.list.grid.fixed li {
		width: 49.5%!important;
		margin-bottom: 15px;
		margin-right: 0;
	}
		
	.dealers.list li:nth-child(2n),
	.list.grid.fixed li:nth-child(2n) {
		float: right;
	}	
	
	.sample_types li {
		width: 24%;
	}

	.list.fixed > figure {
		width: 45%;
	}

	.list.fixed.grid > figure {
		float: none;
		width: 100%;
		height: auto;
		margin-right: 0;
	}

	#content .wish_list .sample_types li {
		width: 47%;
		margin: 3% 0 0 3%;
	}
	
	#content .wish_list .sample_types .tool_tip.right {
		left: auto!important;
		right: 33%!important;
	}

	#content .wish_list .sample_types .odd .tool_tip.right {
		left: -100%!important;
		right: auto!important;
	}
	
	.selectable_product input[type="checkbox"] + label, .selectable_product input[type="radio"] + label {
		background-position: 10px 100% !important;
	}

	#content #highlights .col {
		width: 99%;
	}

	.product_category .intro p {
		font-size: 18px;
		line-height: 20px;
	}

	.product_category .intro h1, .product_category .intro h1 a {
		line-height: 25px;
		font-size: 30px;
	}

	/* express table */
	#content .table_wrapper {
		top: 20%;
	}
	
	#content .contact,
	#content .register,
	#content .login,
	#content .register > div {
		width: 99%;
	}

		#content .login input {
			padding: 8px 10px;
			width: 100%;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
		}

	.product_category .intro p {
		font-size: 18px;
		line-height: 20px;
	}

	.product_category .intro h1, .product_category .intro h1 a {
		line-height: 25px;
		font-size: 30px;
	}

	 .list.grid li,
	 .list.dealers li {
		width: 49%;
	}

	#content #highlights .col {
		width: 50%;
	}
		
	/* home slider on mobile */
	#content .home_slider #text_slide {
		width: 100%;
	}

	.img_holder {
		float: none;

		width: 100%;
		margin: 0;
	}

	#content .rich_text img {
		max-width: 100%;
		xwidth: 100%;
	}

	#content .rich_text .content-accordeon img {
		width: auto;
	}
}

.theDesktopTel {display: block !important}
.thePhoneTel {display: none !important}

@media only screen and (max-width : 480px) {
	
	div#mobile_menu > a,
	#header .helper_menu li.fake_search,
	#header .helper_menu fieldset,
	#header .navigation > li > a {
		font-size: 14px;
	}
        #header .helper_menu li.fake_search {
            width: 22px;
        }
	
	#wrapper #header .navigation > li {
			max-width: 209px;
	}

	.list.fixed h3 {
		clear: both;
		margin: 10px 0;
		overflow: hidden;
	}
	
	/* 1 item */
	.list.fixed figure,
	.dealers.list li,
	.list.grid.fixed li  {
		width: auto !important;
		max-width: none;
		float: none !important;
	}

	.list.fixed img {
		margin-bottom: 10px;
	}

	#content #products_categories .product_category > .intro {
		padding: 10px 0;
	}

		#content #products_categories .product_category > .intro > h1,
		#content #products_categories .product_category > .intro > h1 a {
			font-size: 30px;
			line-height: 28px;
		}

			#content .product_category .intro p {
				font-size: 19px;
				line-height: 20px;
				padding: 5px 0;
			}	
	#content .wish_list .selectable_product h2 {
		display: none;
	}

	.descr_phone {
		overflow: hidden;
		height: 135px;
	}
	
	#content #highlights .col {
		width: 100%;
	}

	.sample_types li {
		width: 46%;
	}

	#content .selectable_product,
	#content .wish_list .sample_types,
	.wish_list img {
		width: 100%!important;
		height: 100%;
	}
	
	/* sitemap */
	
	ul.sitemap {
		margin-left: 10px;
	}
	
	#content .contact_info {
		padding: 10px 0;
		border-left: 0;
	}

	.sitemap .sitemap_category_title {
		height: auto;
	}

		#content .sitemap_sub_cat {
			width: 100%;
		}

	#content .sitemap + .sitemap .sitemap_main_cat {
		width: 100%;
		margin-bottom: 40px;
	}

	#content .col > div {
		padding-right: 0pt !important;
	}
        
	#footer {
		position: relative;
	}
	.svg-wrapper {
		height:42px;
	}
	.svg-container {
		margin:0 0 0 5px;
	}
	#header .svg-container, #header .logo img {
		margin-top: 4px;
		width: 145px;
	}
	.header_contact_info {	
            position: relative;
            top: -63px; 
            right: -55%;
	}
        /* li.header_contact_info:hover, li.header_contact_info > a:hover {   
            background-color: transparent !important;
        }
        .helper_menu > li {
            position: absolute;
        } */
        
	
}

@media only screen and (max-width : 480px) {
    .breadcrumb_wrap a.express {
        float: left;
    }
    
    #content .breadcrumb_wrap > a.express {
        margin-top: 0px;
        margin-bottom: 10px;
    }
}


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

}

@media only screen and (max-width : 1120px) {
	#header .navigation > li.big-search {
		display: none !important;
	}
	
	#header .helper_menu li.fake_search {
		/* display: table-cell !important; */
	}
	.header_contact_info > span {
		top: -5px;
	}    
}



@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	
	.show_all_search_results {
		display: none!important;
	}
}