html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	font-family: 'Bai Jamjuree', sans-serif;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
	box-sizing: border-box;
}

html {
	height: 100vh;
}

body {
	background: #F6F6F6;
	min-height: 100vh;
}

h1 {
	text-align: left;
	font-weight: bold;
	font-size: 40px;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;        
}

.bold {
	font-weight: bold;
}

.none {
	display: none;
}

.center {
	text-align: center;
}

.cred {
	color: #FC0000;
}

.mtop20 {
	margin-top: 20px;
}

.login-wrapper {
	display: flex;
}
	.login-wrapper,
	.login-image,
	.login-image img {
		height: 100vh;
	}
	.login-image {
		width: 25%;
		overflow: hidden;
		position: fixed;
		background-position-x: right;
		background-size: cover;
	}
	.login-image .logo {
		position: absolute;
		top: 68px;
		left: 50%;
		margin-left: -160px;
	}
	.logo {
		width: 320px;
		height: 95px;
		background: url('/images/wholesale/Gtechniq-Logo.svg') no-repeat;
	}

	.login-form {
		margin: 10vh auto 0 50%;
		max-width: 500px;
		padding-bottom: 100px;
	}
	.login-form.platinum {
		margin-top: 25vh;
	}
		.login-form form {
			margin-top: 50px;
		}
		.login-form li {
			margin-bottom: 52px;
			position: relative;
		}
		.login-form label {
			text-align: left;
			font-weight: bold;
			letter-spacing: 0px;
			color: #000000;
			display: block;
			margin-bottom: 13px;
			font-size: 1.3em;
		}
		.login-form input[type="email"],
		.login-form input[type="password"] {
			width: 508px;
			height: 55px;
			background: #FFFFFF 0% 0% no-repeat padding-box;
			border-radius: 10px;
			opacity: 1;	
			border: none;
			outline: none;	
			padding: 0 10px;	
		}
		.login-link {
			text-align: left;
			font-size: 1em;
			letter-spacing: 0px;
			color: #FC0000;
			opacity: 1;
			position: absolute;
			text-decoration: none;
			transition: all 0.25s ease 0s;
		}
		.login-link:hover {
			color: #000;
		}
		.login-link.login-link-register {
			bottom: -30px;
			left: 0;
		}
		.login-link.login-link-forgot {
			top: 0;
			right: 0;
		}
		.login-form-title-mobile {
			display: none;
		}
	.login-form-information {
		line-height: 1.5;
		padding-bottom: 200px;
	}
		.login-form-information a {
			color: #FC0000;
			text-decoration: none;
		}
		.login-form-information a:hover {
			color: #fe0101;
		}
	.register-form {
		margin: 20px auto;
		width: 35%;
	}
		.register-form form {
			padding-bottom: 60px;
		}
		.register-form p.register-form-description {
			letter-spacing: 0;
			margin: 20px 0;
			font-size: 1.5em;
			line-height: 1.5;
		}
		.register-form li {
			margin-top: 30px;
		}
		.register-form .columns {
			display: flex;
			justify-content: space-between;
		}
		.register-form .column {
			width: 48%;
		}
		.register-form label {
			display: block;
			font-size: 1.6em;
			padding: 5px 0;
		}
		.register-form label.checkbox-label {
			display: flex;
			align-items: flex-start;
		}
		.register-form input[type="text"],
		.register-form input[type="password"],
		.register-form input[type="email"],
		.register-form select,
		.save-order-form input,
		.basket-totals-shipping select,
		.basket-totals textarea.order-message,
        .basket-totals input.order-message-platinum {
			background: #FFFFFF 0% 0% no-repeat padding-box;
			border-radius: 5px;
			opacity: 1;
			outline: none;
			border: solid 1px #FFF;	
			width: 100%;
			height: 50px;
			padding: 0 20px;
			font-size: 1.5em;
		}
		.register-form input[type="text"]:focus,
		.register-form input[type="password"]:focus,
		.register-form input[type="email"]:focus,
		.register-form select:focus,
		.save-order-form input:focus,
		.basket-totals-shipping select:focus,
		.basket-totals textarea.order-message:focus,
        .basket-totals input.order-message-platinum:focus {
			background: #FFFAFA 0% 0% no-repeat padding-box;
			border: 1px solid #FFC4C4;			
		}
		.basket-totals-shipping select {
			font-size: 1em;
		}
		.basket-totals-table-label-desc {
			font-size: 12px;
			font-weight: normal;
			line-height: 1;
		}
		.register-form input[type="checkbox"] {
			width: 25px;
			height: 25px;
			margin-right: 10px;
			margin-top: 0;
		}
		.register-form.edit-account-form {
			width: 80%;
		}

	.form-field-group-title {
		letter-spacing: 0;
		font-size: 1.6em;
		color: #FC0000;	
		font-weight: 600;
	}
		
	.btn,
	.splash-msg-btn {
		background: #000 0% 0% no-repeat padding-box;
		opacity: 1;	
		color: #FFF;
		outline: none;
		border: solid 1px transparent;
		cursor: pointer;
		transition: all 0.25s ease 0s;
		text-decoration: none;
		text-align: center;
		line-height: 100%;
		padding: 20px 50px;
		font-size: 1.3em;
		display: block;
	}
		.btn.btn-red {
			background-color: #FC0000;
			border: solid 1px #FC0000;
		}
		.btn.btn-red:hover {
			background-color: #ff2525;
		}
		.btn.btn-silver {
			background-color: #C0C0C0;
			border: solid 1px #C0C0C0;
		}
		.btn.btn-silver:hover {
			background-color: #FFF;
			color: #C0C0C0;
		}

	.messages {
		padding: 20px 30px;
		box-shadow: none;
		-webkit-box-shadow: none;
		border-radius: 0;
		padding-left: 15px;
		-webkit-border-radius: 0;
		background-image: none;
		color: #000;
		border: none;
		text-shadow: none;
		-webkit-text-shadow: none;
		width: 100%;
	}
		.messages.error {
			background-color: #FF0000;
			color: #FFF;
		}
		.messages.success {
			background-color: #FF0000;
			color: #FFF;
		}
		.messages.warning {
			background-color: #ffb158;
			color: #FFF;
		}
		.messages.info {
			background-color: rgb(91, 206, 241);
			color: #FFF;
		}
		.messages a {
			color: #FFF;
			font-weight: bold;
			text-decoration: none;
		}
		.messages a:hover {
			text-decoration: underline;
		}

	.gdpr-message-wrapper {
		position: fixed;
		bottom: 0;
		right: 0;
		background: #FC0000;
		color: #FFF;
		padding: 10px 10px 10px 5px;
		display: flex;
		align-items: center;
		z-index: 99;
	}
	.gdpr-message-wrapper:before {
		content: "";
		background-color: #ff0001;
		display: block;
		height: 100%;
		position: absolute;
		left: -20px;
		top: 0;
		width: 90px;
		transform: skewX(
			-35deg
		);
		z-index: -1;
	}
		.gdpr-message-text {
			letter-spacing: 0px;
			margin-right: 20px;
			font-size: 0.9em;
		}
		.gdpr-message-text a {
			color: #FFF;
		}
		.gdpr-message-wrapper .btn {
			font-size: 0.9em;
			padding: 5px 10px;
		}

	.header {
		width: 100%;
		height: 180px;
		background: url('../../images/wholesale/header.jpg') center no-repeat;
		margin-bottom: 40px;
		position: sticky;
		top: -80px;
		z-index: 9;
	}
		.welcome {
			display: flex;
			width: 84%;
			max-width: 1640px;
			margin: 0 auto;
			justify-content: flex-end;
			padding: 20px 0;
			color: #FFF;
			font-size: 1.1em;
			align-items: center;
			padding-right: 20px;
		}
			.welcome-message span {
				color: #FC0000;
			}
		.welcome-country {
			display: flex;
			align-items: center;
			position: relative;
		}
			.welcome-country-flag {
				width: 38px;
				height: 38px;
				background: url('../../images/wholesale/flags-64.png') no-repeat;
				display: inline-block;
				transform: scale(0.6);
				border-radius: 50%;
			}
			.country-flag-main {
				background-position: -651.5px -321.5px;
			}
			.country-flag-usa {
				background-position: -457.5px -897.5px;
			}
			.country-flag-poland {
				background-position: -576.5px -706.5px;
			}
			.country-flag-eu {
				background-position: -138.5px -320.5px;
			}
			.welcome-country-name {
				display: inline-block;
			}

		header.top-header {
			background: #FFF;
			width: 84%;
			max-width: 1640px;
			display: flex;
			margin: 0 auto;
			height: 75px;
		}
		header.top-header .logo {
			height: 75px;
		}
		nav.main-nav {
			display: flex;
			align-items: center;	
			justify-content: space-around;	
			flex-grow: 1;	
		}
			nav.main-nav ul {
				display: flex;
				align-items: center;
				margin: 0 auto;
				vertical-align: middle;
				background: #FFF;
			}
			nav.main-nav li {
				align-items: center;
			}
			nav.main-nav a {
				color: #000000;
				opacity: 0.75;
				transition: opacity 0.2s ease,color 0.2s ease;	
				padding-left: 14px;
				padding-right: 14px;		
				text-decoration: none;	
			}
			nav.main-nav a.active {
				color: #FC0000;
			}

		.header-tools {
			align-self: center;
			display: flex;
			align-items: center;
			position: relative;
		}
		.header-profile {
			width: 24px;
			height: 24px;
			background: url('../../images/wholesale/profile2.png') center center no-repeat;
			background-size: contain;
			margin-right: 10px;
		}
		.header-basket-switch {
			width: 25px;
			height: 20px;
			background: #000;
			margin-right: 20px;
			color: #FFF;
			text-decoration: none;
			justify-content: center;
			align-items: center;
			display: flex;
			position: relative;
		}
		.header-basket-switch:before {
			bottom: 20px;
			border-bottom: 8px solid #000;
			left: 0px;		
			content: "";
			position: absolute;
			width: 0;
			border-left: 13px solid transparent;
			border-right: 13px solid transparent;	
		}
		.header-basket-switch:after {
			top: 20px;
			width: 0;
			border-top: 8px solid #000;
			left: 0px;
			content: "";
			position: absolute;
			width: 0;
			border-left: 13px solid transparent;
			border-right: 13px solid transparent;			
		}
		.header-basket-switch.active {
			background: #fe0101;
			color: #FFF;
		}
		.header-basket-switch.active:before {
			border-bottom: 8px solid #fe0101;
		}
		.header-basket-switch.active:after {
			border-top: 8px solid #fe0101;
		}
		.header-currencies {
			align-self: center;
			margin-right: 10px;
			position: relative;
		}
			.header-currencies ul {
				background: #FFF;
				padding: 10px;		
				position: absolute;	
				top: 0;
				left: 0;	
				display: none;
			}
			.header-currencies li {
				margin-bottom: 5px;
			}
			.header-currencies a {
				text-decoration: none;
				color: #000;
			}
			.header-currencies:hover ul {
				display: block;
			}
			.header-currencies .active-currency {
				color: #000;
				text-decoration: none;
			}
			.header-currencies .active-currency span {
				color: #FC0000;
				border: solid #FC0000;
				border-width: 0 1px 1px 0;
				display: inline-block;
				padding: 2px;
				transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
				vertical-align: middle;	
				margin-left: 5px;			
			}
		.header-logout-btn {
			color: #FFF;
			font-size: 2em;
			text-decoration: none;
			margin-left: 15px;
		}
		.header-search-btn {
			width: 24px;
			height: 24px;
			background: url('../../images/wholesale/search.png') center center no-repeat;
			background-size: contain;
			margin-right: 10px;
		}
		#header-basket-popup {
			position: absolute;
			background: #FFF;
			top: 2px;
			right: 0;
			box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
			z-index: 8;
			width: 300px;
			display: none;
			flex-direction: column;
			align-items: flex-end;
		}
		#header-basket-popup.open {
			display: flex;
		}
			#header-basket-popup ul {
				display: flex;
				flex-direction: column;
				gap: 10px;
				width: 100%;
				padding: 20px;
				background: #FFF;
			}
			#header-basket-popup ul li {
				width: 100%;
			}
			#header-basket-popup .header-basket-switch {
				margin-bottom: 20px;
			}
		.domain-switch {
			position: absolute;
			top: 0;
			display: none;
		}
		.welcome-country:hover .domain-switch {
			display: block;
		}
		.welcome-administrator-menu {
			display: flex;
			margin: 0 10px;
		}
			.welcome-administrator-menu a {
				color: #FC0000;
				text-decoration: none;
				margin-left: 20px;
			}
		#search-form-container {
			position: absolute;
			top: 0;
			left: 0;
			background: #FFF;
			width: 100%;
			padding: 60px;
			z-index: 9;
			display: none;
		}
			#search-form-container .content {
				padding-bottom: 0;
				flex-wrap: wrap;
			}
			#search-form {
				display: inline-flex;
				width: 100%;
				border-bottom: solid 2px #FF0000;
				justify-content: space-between;
			}
			#search-term-input {
				width: 90%;
				border: none;
				padding: 10px 5px;
				font-size: 2em;
				
			}
			#search-term-input:focus {
				outline: none;
			}
			.search-form-close-btn-cover {
				width: 10%;
				position: relative;
			}
			.search-form-close-btn {
				color: #000;
				font-size: 2em;
				text-decoration: none;
				line-height: 1;
			}
			.search-form-close-btn span {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
			.search-form-close-btn:before {
				position: absolute;
				top: 50%;
				left: 50%;
				display: block;
				width: 46px;
				height: 46px;
				margin: -23px 0 0 -23px;
				border-radius: 50%;
				background-color: rgba(0,0,0,.05);
				content: '';
				transform: scale(1) translateZ(0);
				transition: all .45s cubic-bezier(.15,.2,.1,1);
			}
			.search-form-close-btn:hover:before {
				transform: scale(1.2) translateZ(0);
			}
			.search-form-info {
				line-height: 1.5;
				margin-top: 10px;
				font-size: 0.8em;
				color: #666;
			}

	.page {
		width: 80%;
		margin: 0 auto;
		padding-bottom: 100px;
	}
	.page a {
		color: #FC0000;
	}

	.content {
		display: flex;
		width: 84%;
		max-width: 1640px;
		margin: 0 auto;	
		justify-content: space-between;	
		padding-bottom: 50px;
	}

	.sidebar {
		width: 20%;
	}

	.inner-content {
		width: 75%;
	}

	.order-history {
		width: 100%;
	}
	.order-history.hidden {
		display: none;
	}
		.order-history > li {
			background: #FFF;
			padding: 25px 70px;
			margin-bottom: 35px;
			border-radius: 10px;
		}
		.order-history h3 {
			color: #FC0000;
			font-size: 1.3em;
		}
		.order-history h3 span {
			color: #000;
			font-weight: bold;
		}
		.order-history table {
			border: none;
			width: 100%;
			margin-bottom: 20px;
			margin-top: 45px;
		}
		.order-history table th {
			font-weight: bold;
			font-size: 1.2em;
		}
		.order-history table td {
			border-bottom: solid 1px #F6F6F6;
			padding: 15px 0;
		}
		.order-history table td .btn {
			display: inline-block;
		}
		.order-history table td.reorder {
			vertical-align: middle;
		}
		.order-history-item-top {
			display: flex;
			justify-content: space-between;
			align-items: baseline;
		}
		.order-history-order-toggle,
		.order-history-delete-btn {
			color: #FC0000;
			text-decoration: none;
		}
		.order-history-item-totals {
			text-align: right;
		}
		.order-history-item-totals li {
			margin-right: 10px;
		}
		.order-history-item-totals-values li,
		.order-history-item-totals li {
			margin-bottom: 5px;
		}
		.order-history-item-btn-list {
			display: flex;
			align-items: baseline;
		}
		.order-history-item-btn-list a {
			margin-left: 10px;
		}
	.order-history-years {
		display: inline-flex;
		color: #f00;
		padding: 10px 0;
		text-decoration: none;
		position: relative;
		font-size: 1.2em;
		gap: 10px;
		align-items: center;
		justify-content: center;
	}
	.order-history-years:after {
		color: #FC0000;
		border: solid #FC0000;
		border-width: 0 3px 3px 0;
		display: inline-block;
		padding: 6px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		content: "";
		margin-top: -6px;
	}
	.order-history-years.open:after {
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		margin-top: 6px;
	}

	.user-block {
		padding: 40px 40px;
		background: #FFF;
		border-radius: 10px;
		position: relative;
	}
		.user-block h2 {
			font-size: 1.3em;
			color: #FC0000;
			font-weight: 400;
			max-width: 90%;
			line-height: 140%;
		}
		.user-block h2 span {
			color: #000;
		}
		.user-block-toggle {
			color: #FC0000;
			position: absolute;
			top: 45px;
			right: 24px;
			border: solid #FC0000;
			border-width: 0 3px 3px 0;
			display: inline-block;
			padding: 6px;
			transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
		}
		.user-block-toggle.open {
			transform: rotate(-135deg);
			-webkit-transform: rotate(-135deg);
			top: 55px;
		}
		.user-block-content {
			margin-top: 40px;
		}
			.user-block-content li {
				margin-bottom: 20px;
			}
			.user-block-content li.columns {
				display: flex;
				justify-content: space-between;
			}
			.user-block-content li.columns div {
				width: 35%;
			}
			.user-block-content span {
				display: block;
				letter-spacing: 0px;
				overflow-wrap: break-word;
			}
			.user-block-content span.label {
				font-weight: bold;
				margin-bottom: 5px;
			}
			.user-block-content span.label.red {
				color: #FC0000;
			}
			.user-block-content span.value.size-small {
				font-size: 11px;
			}
			.user-block-content .user-block-edit {
				color: #FC0000;
			}

	.basket-table {
		width: 100%;
		margin-bottom: 50px;
	}
		.basket-table th {
			background: #FC0000;
			line-height: 30px;
			color: #FFF;
			font-size: 1.2em;
			padding: 20px 10px;
			font-weight: 600;
			text-align: left;
		}
		.basket-table td {
			padding: 30px 0;
			background: #FFF;
		}
		.basket-table tr {
			border: solid 1px #ECECEC;
		}
		.basket-table tr > td:first-child {
			text-align: center;
			padding: 0 10px;
		}
		.basket-table a.basket-remove-item {
			background: #98989830;
			color: #00000040;
			display: block;
			transition: all 0.2s linear;
			font-size: 1.8em;
			padding: 0;
			line-height: 30px;
			width: 30px;
			height: 30px;
			-webkit-transition: color 0.2s ease, background-color 0.2s ease;
			transition: color 0.2s ease, background-color 0.2s ease;
			margin: 0 auto;
			border-radius: 50%;
			text-decoration: none;
			scale: 1;
		}
		.basket-table a.basket-remove-item:hover {
			background: #FC0000;
			color: #FFF;
			scale: 1.2;
		}
		.basket-table td.basket-item-title {
			color: #FC0000;
			font-weight: 600;
			font-size: 1.2em;
		}
		.basket-table .basket-item-qty-down,
		.basket-table .basket-item-qty-up {
			display: inline-block;
			background: #FFF;
			box-shadow: 0 2px 12px rgb(0 0 0 / 25%);
			vertical-align: middle;
			border: none;
			position: relative;
			transition: all 0.25s ease;
			box-shadow: 0 2px 12px rgb(0 0 0 / 8%);
			-webkit-transition: all 0.45s cubic-bezier(.15,0.2,.1,1);
			border-radius: 50px;
			text-decoration: none;;
			padding: 5px 10px;
			font-size: 1.6em;
			color: #000;
		}
		.basket-table .basket-item-qty-down:hover,
		.basket-table .basket-item-qty-up:hover {
			background: #FC0000;
			color: #FFF;
		}
		.basket-table .basket-item-qty span {
			display: inline-block;
			vertical-align: middle;
			margin: 0 10px;
		}

	.basket-totals {
		margin: 0 0 0 auto;
		width: 50%;
	}
		.basket-totals h2 {
			font-size: 1.5em;
			font-weight: 600;
			line-height: 40px;
			margin-bottom: 15px;
		}
		.basket-totals table {
			width: 100%;
		}
		.basket-totals th {
			font-weight: 600;
			padding: 20px;
			font-size: 1.3em;
			line-height: 30px;
			text-align: left;
		}
		.basket-totals td {
			font-size: 1.3em;
			line-height: 30px;
			padding: 20px;
		}
		.basket-totals tr:nth-child(1n) th,
		.basket-totals tr:nth-child(1n) td {
			background: rgba(0, 0, 0, 0.01);			
		}
		.basket-totals tr:nth-child(2n) th,
		.basket-totals tr:nth-child(2n) td {
			background-color: rgba(0, 0, 0, 0.03)
		}
		.basket-totals textarea.order-message,
        .basket-totals input.order-message-platinum {
			width: 100%;
			height: auto;
			max-width: 100%;
		}
		.basket-totals textarea.order-message.saved,
        .basket-totals input.order-message-platinum.saved {
			border: solid 1px #72bb64;
			background: #f3fdf1;
		}
        .basket-totals input.order-message-platinum {
            margin-bottom: 25px;
        }

	.checkout {
		display: flex;
		justify-content: space-between;
	}
		.checkout h2 {
			font-size: 1.5em;
			font-weight: 600;
			line-height: 40px;
			margin-bottom: 15px;
		}
		.checkout-content {
			width: 45%;
		}
		.checkout-basket {
			width: 40%;
		}
		.checkout-basket .basket-totals {
			width: 100%;
		}
		.checkout-profile li {
			margin-bottom: 10px;
		}
		.checkout-payment {
			margin-top: 20px;
		}
		.checkout-payment ul {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
		}
		.checkout-payment li {
			text-align: center;
			border: solid 2px transparent;
			padding: 15px;
			background: #FFF;
			border-radius: 10px;
			margin-right: 25px;
			margin-bottom: 25px;
			width: 100%;
		}
		.checkout-payment li a {
			text-decoration: none;
			font-size: 1.3em;
			font-weight: 600;
			display: block;
		}
		.checkout-payment li a span {
			display: block;
			display: none;
		}
		.checkout-payment li label {
			display: flex;
			align-items: center;
			cursor: pointer;
		}
		.checkout-payment li img {
			max-width: 150px;
			margin-left: 15px;
		}
		.checkout-payment li.selected {
			border: solid 2px #FC0000;
		}
		.checkout-payment li label span {
			display: flex;
			width: 100%;
			align-items: center;
			font-weight: 600;
			margin-left: 25px;
		}
		.checkout-payment li label span img {
			max-width: 40px;
			margin-left: 20px;
		}
		.checkout-payment li label span.full-img img {
			max-width: 160px;
		}
		.checkout-payment-method-info {
			font-size: 10px;
			padding: 5px;
			font-style: italic;
			text-align: left;
		}
	.mobile-menu-toggle {
		display: none;
	}
	.btn.save-order,
	.btn.email-order {
		margin-top: 20px;
	}
	.save-order-form {
		border: solid 1px #ECECEC;
		padding: 10px;
		display: none;
	}
	.save-order-form input {
		margin: 20px 0;
	}
	.save-order-form input.error {
		border: solid 1px #FC0000;
	}

	/* Products list */
	.pricelist-content h1 {
		margin-bottom: 25px;
	}
	.pricelist-header {
		display: grid;
		grid-template-columns: 1fr 1fr 159px;
		grid-column-gap: 24px;
		width: 84%;
		max-width: 1640px;
		margin: 0 auto;
		justify-content: space-between;
		margin-bottom:31px;
		padding-bottom:20px;
		border-bottom:1px solid #E6E6E6;
	}
	.pricelist-search-product {
		justify-self: right;
	}
	.pricelist-search-product input{
		border-radius:10px;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		width: 398px;
		height: 56px;
		border:none;
		padding-left: 22px;
		font-size: 18px;
	}
	.pricelist-view-toggle {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		border-radius: 10px;
		width:159px;
		position:relative;
		justify-self: right;
	}
	.pricelist-view-toggle > a {
		display:inline-block;
		width:76px;
		height:56px;
		text-align: center;
		position: absolute;
	}
	.pricelist-view-toggle > a.list {
		right:0;
	}
	.pricelist-view-toggle > a.list span.container {
		display:grid;
		grid-column-gap: 4px;
		grid-row-gap: 2px;
		grid-template-columns: 1fr 1fr;
		width:38px;
		height:22px;
		margin:17px auto;
	}
	.pricelist-view-toggle > a span.container span {
		display:inline-block;
		background: #9D9D9D 0% 0% no-repeat padding-box;
		border-radius: 2px;        
	}
	.pricelist-view-toggle > a.list.active span.container span {
		background-color:#FFFFFF;
	}
	.pricelist-view-toggle > a.list span.container span:nth-child(odd) {
		width: 8px;
		height: 4px;
	}
	.pricelist-view-toggle > a.list span.container span:nth-child(even) {
		width: 26px;
		height: 4px;
	}
	.pricelist-view-toggle > a.grid span.container {
		display:grid;
		grid-column-gap: 4px;
		grid-template-columns: 1fr 1fr;
		width:30px;
		height:22px;
		margin:17px auto;
	}
	.pricelist-view-toggle > a.grid span.container span {    
		background: #9D9D9D 0% 0% no-repeat padding-box;
		display:inline-block;
		width:13px;
		height:9px;
		border-radius: 2px;      
	}
	.pricelist-view-toggle > a.grid.active span.container span {
		background: #FFFFFF 0% 0% no-repeat padding-box;
	}
	.pricelist-view-toggle .active {
		background: #FC0000 0% 0% no-repeat padding-box;
		border-radius: 10px;
	}
	.products.list .pricelist-products-toggle {
		text-decoration: none;
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: baseline;
	}
	.products.list .pricelist-products-toggle span {
		color: #FC0000;
		border: solid #FC0000;
		border-width: 0 3px 3px 0;
		display: inline-block;
		padding: 6px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);	
		width: 18px;
		height: 18px;	
	}
	.products.list .pricelist-products-toggle.open span {
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	}
	.pricelist-product-details-btn {
		display: block;
		padding: 5px 10px;
		border: solid 1px transparent;
		border-top: solid 1px rgba(0, 0, 0, 0.13);
		color: #000;
		text-decoration: none;
	}
	.pricelist-product-details-btn:hover {
		color: #FF0000;
		border: solid 1px rgba(0, 0, 0, 0.13);
	}
	.pricelist-row-mobile {
		display: none;
	}
	/* Product board view */  
	.products h2.category-title {
		color:#000000;
		margin:0 0 25px 0;
		font: normal normal 600 22px/28px Bai Jamjuree;
		letter-spacing: 0px;
		display:none; 
	}
  
	.products h2.board-title {
		display:block;
	}
	.products .category {
		display:grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 26px;
		grid-row-gap: 26px;
 	}
	.product {
		display:inline-block;
		background:#ffffff;
		padding: 25px 31px;
		border-radius: 10px;
	}
	.product table {
		margin: 0 auto;
	}
	.product table th, .product table td {
		display:none;
	}
	.product table td.image {
		display:block;
	}
	.product .product-title {
		text-align: left;
		font: normal normal 600 22px/40px Bai Jamjuree;
		letter-spacing: 0px;
		color: #000000;
		margin:24px 0 12px 0;
	}
	.product .product-grid-attributes-prices {
		display: flex;
		flex-wrap: wrap;
	}
	.product .volume {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		border:1px solid #9D9D9D;
		border-radius: 5px;
		padding: 4px 6px;
		color:#9d9d9d;
		text-decoration: none;
		display: inline-block;
		margin: 4px;
		font: normal normal normal 0.7em Bai Jamjuree;
		max-width: 50%;
	}
	.product .volume.active {
		color:#000000;
		border: 3px solid #000000;
	}
	/* END product board view */
  
	.list .product-grid-attributes {
		display:none;
	}
	.products.list .category {
		margin:0 0 20px 0;
		background-color:#ffffff;
		padding: 25px 63px;
		border-radius: 10px;
		display:block;
	}
	.products.list h2.list-title {
		display:block;
	}
	.products.list h2.board-title {
		display:none;
	}
	.list .product {
		margin:0 0 20px 0;
		padding:10px 0;
		display:none;
	}
	.list .product.open {
		display: block;
	}
	.list li.product > table {
		width:100%;
	}
	.list .product table th, .list .product table td {
	  display:table-cell;
	  width: 10%;
	}
	.list .product table th.qb, .list .product table td.qb {
		width: 13%;
	}
	.list .product table td img {
		max-width: 150px;
		width:100%;
	}
	.list table th.title {
		color:#FC0000;
		width: 15%;
	}
	.list table td, .list table th {
		padding: 10px;
	}
	.list table td input {
		border:1px solid #707070;
		width: 50%;
		height: 25px;
		margin: 0 auto;
	}
	.list table th {
		padding: 15px 5px;
		color:#000000;
		font: normal normal 600 18px/23px Bai Jamjuree;
		letter-spacing: 0px;  
	}
	.list .product table tr td.image {
		vertical-align: middle;
		text-align: center;
		width: 15%;
	}
	.list table th.unit-size,
	.list table td.unit-size {
		width: auto;
	}

	.list .product table tr.pricelist-row-mobile img,
	.list .product table tr.pricelist-row-mobile span {
		display: none;
	}

	.wholesale-groups-sidebar {
		width: 100%;
		margin-bottom: 20px;
		border-radius: 10px;
		text-align: right;
	}
	.wholesale-groups-sidebar li {
		border-bottom: solid 1px #E6E6E6;
		color: #FC0000;
		background: #FFF;
	}
	.wholesale-groups-sidebar li:first-child {
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	}
	.wholesale-groups-sidebar li:last-child {
		border-bottom: none;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	.wholesale-groups-sidebar a {
		display: block;
		text-decoration: none;
		padding: 20px;
		width: 100%;
		font-size: 1.6em;
		color: #FC0000;
	}
	.wholesale-groups-sidebar li:hover,
	.wholesale-groups-sidebar li.active {
		background: #FC0000;
	}
	.wholesale-groups-sidebar li:hover a,
	.wholesale-groups-sidebar li.active a {
		color: #FFF;
	}

	.loading-overlay {
		display: none;
		position: fixed;
		background: #ffffff90;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.loading-overlay span {
		background: url(/images/wholesale/spinner.png);
		width: 32px;
		height: 32px;
		display: block;
		animation-name: spin;
		animation-duration: 2000ms;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		margin: 50vh auto 0 auto;		
	}
	@keyframes spin {
		from {
			transform:rotate(0deg);
		}
		to {
			transform:rotate(360deg);
		}
	}
	.splash-message-btns.buttons-line {
		text-align: center;
		margin-top: 20px;
	}
	.splash-msg-btn {
		font-size: 1em;
		padding: 10px;
		margin-bottom: 20px;
	}
	.splash-message-name {
		width: 100%;
		display: flex;
		justify-content: flex-start;
	}
		.splash-message-name div {
			background: #FF0000;
			color: #FFF;
			padding: 5px 10px;
			width: auto;
			min-width: 100px;
			position: relative;
		}
		.splash-message-name div:after {
			content: "";
			background-color: #ff0000;
			display: block;
			height: 100%;
			position: absolute;
			right: -20px;
			top: 0;
			width: 90px;
			transform: skewX(
				-35deg
			);
			z-index: -1;
		}
		.splash-message-platinum .splash-message-name div {
			background: #C0C0C0;
		}
		.splash-message-platinum .splash-message-name div:after {
			background-color: #C0C0C0;
		}
	.splash-message-text {
		margin: 10px 0;
	}
	.splash-message-text p {
		line-height: 1.5;	
		margin: 10px 0;
	}
	.splash-message-text h1 {
		font-size: 1.5em;
		line-height: 2;
	}
	.splash-message-text h2 {
		font-size: 1.2em;
		line-height: 2;
	}
	.modal {
		border-radius: 0;
		max-width: 800px;
	}
	.product-info-wrapper {
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding-bottom: 25px;
		align-items: center;
	}
		.product-info-image {
			width: 35%;
			text-align: center;
		}
			.product-info-image .product-info-image-main img {
				max-width: 80%;
			}
			.product-info-image ul {
				display: inline-flex;
				justify-content: center;
			}
			.product-info-image ul li {
				width: 20%;
			}
				.product-info-image ul li img {
					max-width: 100%;
				}
		.product-info-content {
			width: 64%;
		}
		.product-info-content  h1 {
			line-height: 150%;
		}
		.product-info-tab {
			display: none;
			padding: 10px;
		}
		.product-info-tab a {
			text-decoration: none;
			color: #FF0000;
		}
		.product-info-tab a:hover {
			color: #000;
		}
		.product-info-tab.tab-open {
			display: block;
		}
		.product-info-tabs-menu {
			display: flex;
			justify-content: flex-start;
			width: 100%;
			margin-top: 25px;
		}
			.product-info-tabs-menu a {
				padding: 5px 10px;
				color: #FF0000;
				background: #FFFFFF;
				text-decoration: none;
				line-height: 1.5
			}
			.product-info-tabs-menu a:hover,
			.product-info-tabs-menu a.tab-open {
				background: #FF0000;
				color: #FFFFFF;
			}
		.product-info-tab {
			margin-top: 35px;
			width: 100%;
		}

@media only screen and (max-width: 1300px) {
	h1 {
		font-size: 2em;
	}
	.login-image img,
	.login-form .login-link-register,
	.login-form h1 {
		display: none;
	}
	.main-logo img {
		width: 150px;
		height: auto;
	}
	.login-wrapper {
		height: 100%;
		padding-bottom: 100px;
		display: block;
	}
	.login-image {
		background: #FFF;
		height: 70px;
		top: 0;
		z-index: 99;
	}
	.login-image .logo {
		display: flex;
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		height: 70px;
	}
	.login-form {
		width: 90%;
		margin-top: 10vh;
		margin: 20vh auto 0 auto;
	}
	.login-form h1.login-form-title-mobile {
		display: block;
		text-align: center;
	}
		.login-form h1.login-form-title-mobile a {
			color: #222222;
			text-decoration: none;
		}
		.login-form h1.login-form-title-mobile a.active {
			color: #FC0000;
		}
		.login-form input[type="submit"],
		.register-form input[type="submit"] {
			width: 100%;
			padding: 20px 50px;
		}

	.register-form {
		width: 90%;
		margin-top: 20vh;
	}
		.register-form h1,
		.register-form .register-form-description {
			text-align: center;
		}
		.register-form .columns {
			display: block;
		}
		.register-form .columns .column {
			margin-top: 30px;
		}
		.register-form.edit-account-form {
			width: 90%;
		}

	.content {
		display: block;
		padding-bottom: 150px;
		width: 90%;
	}
	.sidebar {
		display: flex;
		flex-direction: column-reverse;
		margin-bottom: 25px;
	}
	.wholesale-groups-sidebar {
		margin-bottom: 20px;
		margin-top: 20px;
		display: flex;
	}
	.wholesale-groups-sidebar li {
		flex: auto;
		border: none;
		border-radius: 0;
		text-align: center;
		border-right: solid 1px #E6E6E6;
	}
	.wholesale-groups-sidebar li:first-child {
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		border-top-right-radius: 0;
	}
	.wholesale-groups-sidebar li:last-child {
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 0;
		border-right: none;
	}
	.user-block {
		padding: 20px;
	}
	.user-block-content li.columns {
		display: block;
	}
	.user-block-content li.columns div {
		margin-top: 20px;
	}
	.user-block h2 {
		font-size: 1.2em;
	}
	.user-block-toggle {
		top: 20px;
		right: 30px;
	}
	.user-block-toggle.open {
		top: 25px;
	} 
	.pricelist-header {
		display: flex;
		width: 90%;
	}
		.pricelist-header .current-section,
		.pricelist-header .pricelist-view-toggle {
			display: none;
		}
		.pricelist-search-product,
		.pricelist-search-product input {
			width: 100%;
		}

	.welcome,
	.inner-content.inner-content,
	.sidebar,
	.register-form input,
	.register-form .column,
	.login-form input[type="email"], 
	.login-form input[type="password"],
	.login-image,
	header.top-header,
	.user-block-content li.columns div {
		width: 100%;
	}

	.login-form label,
	.login-form input,
	.welcome {
		font-size: 1.2em;
	}

	.user-block-content span.label,
	.user-block-content span.value {
		font-size: 1.2em;
	}
	.order-history > li {
		padding: 20px;
	}
	.btn {
		padding: 10px 20px;
		font-size: 1em;
	}
	nav.main-nav {
		position: absolute;
		top: 122px;
		background: #FFF;
		width: 90%;
		height: 100%;
		color: #000;
		right: 0;
		z-index: 9;
		display: block;
		text-align: right;	
		padding-top: 30px;	
		display: none;
	}
	nav.main-nav.open {
		display: block;
	}
	nav.main-nav li {
		padding: 20px;
		border-bottom: solid 1px #ECECEC;
	}
	nav.main-nav li:last-child {
		border-bottom: none;
	}
	nav.main-nav ul {
		display: block;
	}
	nav.main-nav li a {
		font-size: 2em;
	}
	.header {
		height: 150px;
		margin-bottom: 40px;
	}
	header.top-header {
		justify-content: space-between;
		height: 44px;
	}
	.order-history h3 {
		font-size: 1em;
	}
	.header-tools {
		margin-right: 20px;
	}
	.mobile-menu-toggle {
		display: inline-block;
		cursor: pointer;
	}
	.bar1, .bar2, .bar3 {
		width: 35px;
		height: 5px;
		background-color: #333;
		margin: 6px 0;
		display: block;
		transition: 0.4s;
	}
	/* Rotate first bar */
	.mobile-menu-toggle.open .bar1 {
		-webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
		transform: rotate(-45deg) translate(-9px, 6px) ;
	}
	/* Fade out the second bar */
	.mobile-menu-toggle.open .bar2 {
		opacity: 0;
	}
	/* Rotate last bar */
	.mobile-menu-toggle.open .bar3 {
		-webkit-transform: rotate(45deg) translate(-8px, -8px) ;
		transform: rotate(45deg) translate(-8px, -8px) ;
	}

	.products.list .category {
		padding: 20px;
	}
	.list .product table th.hm, 
	.list .product table td.hm,
	.basket-table tr.hm {
		display: none;
	}
	.list .product table td img {
		max-width: 100px;
	}
	.list .product table th, 
	.list .product table td {
		font-size: 0.9em;
	}
	.basket-table tr,
	.basket-table td {
		display: block;
	}
	.basket-table tr > td:first-child {
		padding: 15px;
	}
	.basket-table tr > td:first-child a {
		margin: 0 0 0 auto;
	}
	.basket-table td {
		padding: 15px;
		display: flex;
		justify-content: space-between;
	}
	.basket-table td.basket-responsive:before {
		content: attr(data-title) ": ";
		font-weight: 700;	
	}
	.basket-table .basket-item-qty > span {
		margin-right: 0;
	}
	.basket-totals,
	.checkout-content,
	.checkout-basket {
		width: 100%;
	}
	.checkout,
	.checkout-payment ul {
		display: block;
	}
	.checkout-basket {
		margin-top: 30px;
	}
	.wholesale-groups-sidebar a {
		font-size: 1.2em;
	}
	.user-block h2 {
		font-size: 1em;
	}
	.user-block-content span.label, .user-block-content span.value {
		font-size: 0.9em;
	}
	.products h2.category-title {
		font-size: 1.2em;
	}
	.products.list .category {
		padding: 15px 25px;
	}
	.list table th,
	.list table td {
		font-size: 0.8em;
	}
	.welcome-message span {
		font-size: 0.7em;
	}
}

@media only screen and (max-width: 640px) {
	.pricelist-row-mobile {
		display: table-row;
	}
	.list .product table tr.pricelist-row-mobile img,
	.list .product table tr.pricelist-row-mobile span {
		display: inline-block;
		vertical-align: middle;
	}
	.list .product table tr.pricelist-row-mobile img {
		max-width: 50px;
	}
	.list table th.title,
	.list .product table tr td.image {
		display: none;
	}
	.list table th.unit-size, 
	.list table td.unit-size {
		width: 30%;
	}
	.wholesale-groups-sidebar {
		margin-bottom: 20px;
		margin-top: 20px;
		display: block;
	}
	.wholesale-groups-sidebar li {
		border: none;
		border-radius: 0;
		text-align: center;
		border-bottom: solid 1px #E6E6E6;
	}
	.wholesale-groups-sidebar li:first-child {
		border-top-left-radius: 10px;
		border-bottom-left-radius: 0;
		border-top-right-radius: 10px;
	}
	.wholesale-groups-sidebar li:last-child {
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		border-top-right-radius: 0;
		border-bottom: none;
	}
	.pricelist-product-details-btn {
		display: inline-block;
		vertical-align: middle;
		border: solid 1px rgba(0, 0, 0, 0.13);
		margin-left: 0;
		margin-top: 10px;
	}
	.product-info-wrapper {
		flex-wrap: wrap;
	}
	.product-info-image,
	.product-info-content {
		width: 100%;
	}
	.product-info-tabs-menu li {
		margin-left: 10px;
		text-align: center;
	}
	.product-info-tabs-menu li:first-child {
		margin-left: 0;
	}
	.product-info-tabs-menu a {
		line-height: 1.5;
		margin: 0;
		padding: 0;
	}
	.product-info-tabs-menu a:hover, .product-info-tabs-menu a.tab-open {
		background: none;
		color: #FF0000;
		text-decoration: underline;
	}
	#header-basket-popup.open {
		display: none;
	}
}