/*--------------- Useful for block switching --------------*/
/*---------------------------------------------------------*/
	
.hideOnPhone{
	display:block;
}
.hideOnSmallTablet{
	display:block;
}
.showOnPhone{
	display:none;
}
.showOnSmallTablet{
	display:none;
}

.displayTableRow {
	display: table-row;
}
.hideTableRow {
	display:none;
}

/*
Saeed - 10 Sept 2015
Some anchor links in the responsive versions of the site may span across and break the layout.
Uncomment the following line to fix this issue.  Left it commented at the moment but uncomment in 
2dev if you feel that it's safe to keep is available on responsive sites.
*/
/*
a {
	word-break: break-all;
}
*/


/*Apply to all Responsive*/

@media (max-width: 2000px) {
	/*#header-left {
		width: 33%;
	}

	#header-search {
		margin: 0 auto;
		max-width: 302px;
		width: 33%;
	}

	#header-right {
		width: 33%;
	}*/

	/*#navigation ul li {
		margin-right: 3%;
		margin-left: 3%;
	}*/

	img{
		max-width: 100%;
		height: auto;
	}
}

@media (max-width: 1800px) {
	#sitesearch {
		margin-right:20px;
	}
}

@media (max-width: 1700px) {
	#header-messages .header-message p {
		font-size:0.7em;
	}
	#header-top-products {
		width: 100px;
	}
	#header-value, #header-satisfcation {
		width: 125px;
	}
}

@media (max-width: 1550px) {
	#header-messages {
		display:none;
	}
	#category-banner-text p {
		font-size:3.5cqi;
	}
	.swiper-slide div.textarea ul {
		font-size:5cqi;
	}
}

@media (max-width: 1470px){
	/*#header-right {
		width: 70%;
	}
	#header-left {
		width: 30%;
	}
	#sitesearch {
		margin-right: 0px;
		width: 100%;
		max-width: 301px;
	}*/

}

@media (max-width: 1440px){
	#header_graphic {
		width: 100%;
	}

	#header-right ul li, .divBasketSnapshotCheckout {
		width: 90px;
	}

	#header-right a, #header-right a:visited, #header-right div.divBasketSnapshotItems a, #header-right div.divBasketSnapshotItems a:visited, #header-right div.divBasketSnapshotItems a:hover {
		font-size: 12px;
	}

	#categorytext {
		padding:0;
	}

	#category-banner-text {
		padding:30px;
	}

	#category-banner-text:after {
		left: 87%;
	}
	
	#category-banner-text p {
        font-size: 3cqi;
    }

	.swiper-slide div.textarea {
		padding: 30px;
	}
}

/* 15" laptops or smaller */
@media(max-width: 1366px) and (max-height: 768px){
	#sliderhome li div.textarea h2, #category-banner-text h2 {
		font-size: 1.4em;
		line-height: 1.5em;
	}
	#sliderhome li div.textarea p, #category-banner-text p {
		font-size: 1em;
		line-height: 1.2em;
	}
}	


@media (max-width: 1200px) {
	/*--------------- Structure --------------*/
	/*----------------------------------------*/
	
	img{
		max-width: 100%;
		height: auto;
	}
	
	.wrapper-inner {
		max-width: 1180px;
		padding-left: 2%;
		padding-right: 2%;
		width: 96%;
	}
	
	#foot, #foot2{
		width:100%;
	}
	
	#centerc-1col {
		width: 100%;
	}
	
	#leftc ul{
		margin:0px;
		padding:0px;
	}
		
	#leftc ul li a, #leftc ul li a:visited {
		padding-left: 2%;
		width: 98%;
	}

	
	#leftc ul li ul li a, #leftc ul li ul li a:visited{
		padding-left: 6%;
		width: 94%;
	}
	
	#leftc ul li ul li ul li a, #leftc ul li ul li ul li a:visited{
		padding-left: 10%;
		width: 90%;
	}
	
	.menu_header {
		width:100%;
	}

	/*#header-left {
		width: 48%;
	}*/
	
	/*--------------- Bespoke --------------*/
	/*----------------------------------------*/

	#headblog {
		margin-left: 11px; 
	}
	
	
	#map-wrap, #map-placeholder{ 
		width: 100%; 
	}
	#map-wrap img{
		display:block;
	}
	
	#banners p {
		font-size:1.1em;
	}

	.newsitem{
		width:32%;
		margin-right:2%;
	}
	.newsitem-3 {
		margin-right:0px;
	}	
	.newsimage{
		height:auto;
		overflow:hidden;
		width:100%;
	}
	.newsdate{
		left:auto;
		right:0px;
	}

	#sliderhome li div.textarea {
		height: 100%;
		width:50%;
		max-width: 550px;
		position: absolute;
		min-height: 380px;
	}
	#sliderhome li div.textarea:after {
		left: 82%;
	}

	#sliderhome li div.textarea h2 {
		font-size: 1.6em;
		line-height: 1.4em;
	}
	#sliderhome li div.textarea p, #sliderhome li div.textarea ul {
		font-size:1.3em;
	}

	#category-banner-text:after {
		left: 83%;
	}

	.category-icon-img {
		width: auto;
	}
	.category-icon-heading {
		display: inline-block;
		width: fit-content;
	}
	.category-icon span {
		font-size: 1.2cqi;
	}


	#productForm, #additional-text {
		box-sizing: border-box;
		margin-right: 2%;
		width: 74%;
	}

	#productFormBasket {
		box-sizing: border-box;
		width: 24%;
	}

	#contactform label {
		margin-right:0px;
		width:100%;
	}
	#contactform .contactInputLarge {
		padding-right: 2%;
		padding-left:2%;
		max-width:94%;
        width: 94%;
	}
	#contactform .contactInputSmall {
		padding-right: 2%;
		padding-left:2%;
		min-width: 300px;
        width: 44%;
	}
	#contactform .submitButton {
		margin-left: 0px;
	}

	/*--------------- Basket -------------*/
	/*----------------------------------------*/
	
	div.tableBasket div.basketCol1 {
		width: 100%;
	}
	div.tableBasket div.basketCol2 {
		float: left;
		padding-left: 0.5%;
		padding-right:1%;
		width: 48%; 
	}
	div.tableBasket div.basketCol3 {
		float: left;
		padding-left: 0.5%;
		padding-right:1%;
		width: 30%;
	}
	div.tableBasket div.basketCol6 {
		float: left;
		padding-left: 0.5%;
		padding-right:1%;
		width: 13%;
	}
	div.tableBasket div.basketCol7 {
		float: left;
		padding-left: 0.5%;
		padding-right:1%;
		width: 11%;
	}
	#basketUpdate {
		margin-left: 59%;
		width: 109px;
	}
	.totalRowMargin {
		margin-left: 40%;
	}
	#backToShop {
		width: 98px;
	}
	div.totalRow div.basketCol3 {
		width: 60%;
	}
	div.totalRow div.basketCol6 {
		width: 22%;
	}
	div.totalRowMargin {
		margin-left: 0px;
	}

	

}

@media (max-width: 1024px) {

	.hideOnSmallTablet{
		display:none;
	}
	.showOnSmallTablet{
		display:block;
	}

	#wrapper-header {
		border-bottom: 2px solid #697176;
	}

	#mobilehead, #mobilesearch, #mobilebasket, #mobilelogin {
		display: block;
	}

	#mobilehead {
		position: absolute;
		right: 36px;
		top:16px;
		width: 162px;
		z-index: 2000;
	}

	#mobilesearch, #mobilebasket, #mobilelogin {
		float: left;
		margin-right: 20px;
		width: 34px;
	}

	#sitesearch {
		display: none;
		position: absolute;
	}

	#wrapper-navigation {
		border: none;
		height: 0px;
		position: absolute;
		top: 24px;
	}

	#navigation ul {
		top: 86px;
	}


	#header-right {
		position: absolute;
		left: 0px;
		width: 100%;
	}
	
	#header_graphic{
		z-index:700;
	}
	
	#nav-icon {
		margin-right: 2%;
	}

	#content-container {
		padding-top: 85px;
	}

	#navigation-inner{
		padding-left:0%;
		padding-right:0%;
		width:100%;
	}
	
	#navigation{	
		float:none;
		border-bottom:0px;
		margin:0px;
		width:100%;
		position:absolute;	
	}
	#navigation ul{	
		background-color: #1d357d;
    	border-bottom: 1px solid #344353;
		box-sizing: border-box;
		border-top:0px;
		position: absolute;
		top:61px;
		right:0px;
		z-index:600;
		display:none;
		width:100%;
	}
	#nav-icon {
		display: block;
		/*background-image:url(../images/nav-mobile.gif);
		background-repeat:no-repeat;*/
		float:right;
		margin-right:2%;
		height:31px;
		width:34px;
		-moz-transform: rotate(0deg);
	  	-o-transform: rotate(0deg);
	  	transform: rotate(0deg);
	  	-webkit-transition: .5s ease-in-out;
	  	-moz-transition: .5s ease-in-out;
	  	-o-transition: .5s ease-in-out;
	  	transition: .5s ease-in-out;
	  	cursor: pointer;
	}

	#nav-icon span {
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: #ffffff;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#nav-icon span:nth-child(1) {
	  top: 0px;
	}

	#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
	  top: 15px;
	}

	#nav-icon span:nth-child(4) {
	  top: 30px;
	}

	#nav-icon.open span:nth-child(1) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}

	#nav-icon.open span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	#nav-icon.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}

	#nav-icon.open span:nth-child(4) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}

	#navigation ul li {
		display: block;
		float: none;
		margin-right: 0px;
		text-align: left;
		width:100%;
	}
	#navigation ul li#nav-products, #navigation ul li#nav-1, #navigation ul li#nav-2, #navigation ul li#nav-3, #navigation ul li#nav-4, #navigation ul li#nav-5, #navigation ul li#nav-6, #navigation ul li#nav-7, #navigation ul li#nav-8 {
		width: 100%;
	}

	#navigation ul li#nav-8 {
		float: left;
		text-align: left;
	}

	#navigation ul li#nav-products a.navBorder:after, #navigation ul li#nav-1 a.navBorder:after, #navigation ul li#nav-2 a.navBorder:after, #navigation ul li#nav-3 a.navBorder:after, 
	#navigation ul li#nav-4 a.navBorder:after, #navigation ul li#nav-5 a.navBorder:after, #navigation ul li#nav-6 a.navBorder:after, #navigation ul li#nav-7 a.navBorder:after {
		display: none;
	}

	#navigation ul li a, #navigation ul li a:visited{
		border-bottom: 1px solid #efefef;
		color: #ffffff;
		float:none;
		padding-top:12px;
		padding-bottom:12px;
		padding-left:2%;
		padding-right:2%;
		text-align: left;
		width: 100%;
	}

	#navigation ul li div.subNav ul li a, #navigation ul li div.subNav ul li a:visited {
		font-size: 12px;
	}

	#navigation ul li div.sub {
		position: static;
		top: auto;
		left: auto;
		display:none;
		height: auto;
		width: 100%;
	}

	#navigation ul li div.subNav {
		background-color: #ffffff;
		border: 0px;
		margin: 0px;
		padding: 0px;
		position: relative;
		top: auto;
		left: auto;
		width:100%;
	}

	#navigation ul li div.subNav div.wrapper-inner {
		border: 0px;
		padding: 0px;
		width: 100%;
	}

	#navigation ul li div.subNav ul {
		background-color: #ffffff;
		border: 0px;
		position: relative;
		top: 0px;
	}

	#navigation ul li div.subNav ul li {
		font-size: 0.8em;
		margin: 0px;
		max-width:100%;
		width: 100%;
	}

	#navigation ul li div.subNav ul li a.view-all {
		position: relative;
		width: 100%;
	}

	#navigation ul li div#subProducts div.subNav ul li a.menufirst, #navigation ul li div#subProducts div.subNav ul {
		max-height: none;
	}

	#navigation ul li div#subProducts div.subNav ul li a.menufirst, #navigation ul li div#subProducts div.subNav ul li {
		width: 100%;
	}

	#navigation ul li div.subNav ul li img {
		display: none;
	}	
	
	.closed{
		display:none;
	}
	.open{
		display:block !important;	
	}

	#featured-products div.product-summary-container {
		margin-right: 2%;
		width: 32%;
	}
	#featured-products div.product-summary-container:nth-child(3n+3) {
		margin-right: 0px;
	}

	#footer-right {
		float: left;
		margin-top: 20px;
		width: 50%;
	}

	#footer-right ul#social {
		float: left;
		padding-left: 0px;
	}

	form fieldset div.radio-image span.recommended {
		font-size: 0.8em;
	}

	/*.deliveryOption span {
		float: right;
		width: 93%;
	}*/

	#sliderhome .wrapper-inner-large {
		display: none;
	}

	#sliderhome li div.backgroundImage {
		width: 100%;
	}

	p, ul li, ol li, .cookiesTable {
		font-size: 0.9em;
	}

	/*.swiper-slide div.backgroundImage, .swiper-slide div.textarea {
		width:50%;
	}*/
	
	.swiper-slide div.textarea {
		padding:30px;
	}

	/* #categorytext {
		display:none;
	} 
	.myCategorySwiper {
		width:100%;
	}*/

	#category-banner-text p {
        font-size: 4cqi;
    }

	.swiper-slide div.textarea ul {
		font-size:5.5cqi;
	}

	#category-icons h2 {
		font-size:1em;
	}

	#SwiperCategoryIcons {
		align-items: center;
		display: flex !important;
		justify-content: space-evenly;
		margin: 0 auto;
		padding: 12px 0px;
		width: 90%;
	}
	#SwiperCategoryIcons .swiper-slide  {
		background-color:#87fdd3;
		height: 100% !important;
	}
	#category-icons {
		display: none;
	}
	.category-icon {
		margin: 0 auto;
	}
	#SwiperCategoryIcons .swiper-slide img {
		height: 100%;
		width: auto;
	}
	.category-icon span {
		font-size: 1.5cqi;
	}

}


/*Large Tablet Sized */
@media (min-width: 768px) and (max-width: 1024px) {
	/*--------------- Structure --------------*/
	/*----------------------------------------*/
	
	#wrap{
		padding-left:1%;
		padding-right:1%;
		width:98%;
	}
	

	#header_graphic{
		z-index:600;
	}
	#header-search {
		float: right;
		padding-top: 15px;
	}

	#header-left {
		width: 40%;
	}

	#header-right {
		float: right;
		padding-top: 15px;
	}

	.divBasketSnapshot {
		padding-bottom: 0px;
		padding-left: 50px;
	}


	#navigation {
		width:100%;
	}
	#navigation ul li a, #navigation ul li a:visited {	
		padding-left: 2%;
		padding-right: 2%;
	}

	#centerc{
		margin-left:25%;
		width:75%;
	}
	#centerc-2col {
		margin-left: 25%;
		width: 75%;
	}

	#leftc{
		margin-left:-100%;
		padding-right:2%;
		width: 23%;
	}
	
	#menu ul li a, #menu ul li a:visited {

		height:auto;
		padding-left: 2%;
		width: 98%;
	}
	#menu ul li ul li a, #menu ul li ul li a:visited{
		padding-left: 6%;
		width: 94%;
	}
	#menu ul li ul li ul li a, #menu ul li ul li ul li a:visited{
		padding-left: 10%;
		width: 90%;
	}	
	.menu_header {
		padding-left: 2%;
		width: 98%;
	}
	
	/*--------------- Bespoke --------------*/
	/*----------------------------------------*/
	
	#homebox-left, #homebox-center, #homebox-right {
		padding-left: 2%;
		padding-right: 2%;
		width: 29%;
	}

	#sliderhome li div.textarea {
		min-height: 350px;
		position: absolute;
		width:57%;
	}
	#sliderhome li div.textarea:after {
		left: 75%;
	}

	#sliderhome li div.textarea h2 {
		font-size: 1.2em;
		line-height:1.6em;
	}

	#sitesearch {
		position: absolute;
		right: 22%;
		top: 10px;
		margin-top: 0px;
		z-index: 1200;
		width: 35%;
	}

	/* #category-banner-text {
		width: 50%;
	}

	#category-banner-text:after {
	    left: 75%;
	} */

	#category-banner-text p {
		color: #ffffff;
		/*font-size: 0.9em;*/
		line-height: 1.5em;
	}

	.product-summary-container ul div.summary-tick {
		width: 20px;
		margin-bottom: 40px;
	}

	#templates div.product-summary-container {
		width: 32%;
	}

	#templates div.container-0, #templates div.container-1, #templates div.container-3, #templates div.container-4 {
	 	margin-right: 2%;
	}

	#templates div.container-2, #templates div.container-5 {
	 	margin-right: 0px !important;
	}

	#hometext p {
		font-size: 0.9em;
	}

	#footer-right {
		flex-direction: row;
		justify-content: start;
	}

	#footer-right ul#social {
  		justify-content: flex-start;
	}

	/*.product-summary-container {
		margin-right: 2%;
		width: 49%;
	}

	.product-summary-container:nth-of-type(even), #all-products div.product-summary-container:nth-of-type(4n) {
		margin-right: 0px;
	}

	#all-products div.product-summary-container:nth-of-type(odd) {
		margin-right: 2%;
	}*/

	

}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
	#header-left {
		padding-top: 0px;
		width: 40%;
	}
	#sliderhome li div.textarea {
		width: 55%;
	}
	#sliderhome li div.textarea:after {
		left: 81%;
	}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){

	.Template4colColumn {
		width: 50%;
		margin-bottom: 16px;
	}

	#category-banner-text p {
        font-size: 5cqi;
    }

	.swiper-slide div.textarea, .swiper-slide div.backgroundImage {
		width: 50%;
	}

	.swiper-slide div.textarea ul {
        font-size: 6cqi;
    }

}


/*Small Tablet Sized */
@media (max-width: 767px) {
	/*--------------- Structure --------------*/
	/*----------------------------------------*/
	
	.hideOnSmallTablet{
		display:none;
	}
	.showOnSmallTablet{
		display:block;
	}
	
	.displayTableRow {
		display: none;
	}
	.hideTableRow {
		display:table-row;
	}
	
	#wrap{
		padding-left:2%;
		padding-right:2%;
		width:96%;
	}
	
	#header-left {
		width: 48%;
	}

	#header-search {
		float: right;
		padding-top: 15px;
	}

	#header-right {
		position: absolute;
		left: 0px;
		width: 100%;
	}
	
	#header_graphic{
		z-index:700;
	}
	
	#nav-icon {
		margin-right: 3%;
	}
	
		
	#centerc{
		display: block;
		float:none;
		margin-left:0px;
		width:100%;
	}
	
	#centerc-2col {
		display: block;
		float: none;
		margin-left: 0px;
		width: 100%;;
	}

	#leftc{
		float:none;
		margin-left:0px;
		padding-right:0px;
		width: 100%;
	}
	#foot{
		width:100%;
	}
	#footerleft{
		float:none;
		width:100%;
	}
	#footerleft ul{
		position:static;
	}

	#foot-links {
		width: 100%;
	}

	#foot-links ul {
		padding-left: 0px;
		padding-right: 15px;
	}
	#footerright{
		float:none;
		width:100%;
	}
	
	#footer-right {
		justify-content: end;
	}
	
	label{
		float:none;
	}
	.submitButton {
		margin-left:0px;
		margin-bottom:24px;
	}
	
	.contactInputLarge {
		max-width:326px;
		padding-left:2%;
		padding-right:2%;
		width:95%;
	}
	
	/*--------------- Bespoke --------------*/
	/*----------------------------------------*/

	#navigation ul li#nav-products a.navBorder:after, #navigation ul li#nav-1 a.navBorder:after, #navigation ul li#nav-2 a.navBorder:after, #navigation ul li#nav-3 a.navBorder:after, 
	#navigation ul li#nav-4 a.navBorder:after, #navigation ul li#nav-5 a.navBorder:after, #navigation ul li#nav-6 a.navBorder:after, #navigation ul li#nav-7 a.navBorder:after {
		display: none;
	}
	
	#map-wrap, #map-placeholder, #map-wrap{ 
		height:400px;
	}
	
	.divBasketSnapshot {
		padding-left: 83px;
		padding-bottom: 0px;
	}

	#sliderhome .wrapper-inner-large {
		height: 100%;
		width: 100%;
	}

	#sliderhome li div.textarea  {
		height: 100%;
		width: 20%;
	}

	#sliderhome li div.textarea:after {
		left: 40%;
		width: 250px;
	}

	#sliderhome li div.textarea h2 {
		font-size: 1.6em;
	}

	#sliderhome li div.textarea p {
		display: none;
	}


	#home-slider-wrapper .bx-controls {
		display: none;
	}

	#productForm, #additional-text {
		margin-right: 0px;
		width: 100%;
	}

	#productFormBasket {
		width: 100%
	}
	#artworkSubmit {
		margin-top: 25px;
		margin-bottom: 15px;
	}

	#mobilehead, #mobilesearch, #mobilebasket {
		display: block;
	}

	#mobilehead {
		position: absolute;
		right: 36px;
		width: 162px;
		z-index: 2000;
	}

	#mobilesearch, #mobilebasket, #mobilelogin {
		float: left;
		margin-right: 20px;
		width: 34px;
	}

	#sitesearch {
		display: none;
		position: absolute;
		margin-top: 0px;
		right: 20%;
		top: 13px;
		width: 100%;
		max-width: 480px;
		z-index: 1000;
	}

	#sitesearch input[type=submit] {
		background-color: #ffffff;
		width: 15%;
	}
	#sitesearch input[type=text] {
		background-color: #ffffff;
		width: 85%;
	}

	#wrapper-navigation {
		height: 0px;
		position: absolute;
		top: 24px;
	}

	#navigation ul {
		top: 55px;
	}


	#foot div.col-3 {
		margin-right: 2%;
		width: 48%;
	}

	#footer-right {
		float: left;
		margin-top: 20px;
		width: 100%;
		justify-content: flex-start;
	}

	#footer-right ul {
		float: left;
	}


	#hometext p {
		font-size: 0.9em;
	}

	p {
		font-size: 0.9em;
	}

	ul li, ol li {
		font-size: 0.9em;
	}

	.newsitem {
		margin-right: 2%;
		width: 49%;
	}
	.newsitem-2 {
		margin-right: 0px;
	}
	.newsitem-3 {
		margin-right: 2%;
	}

	.newsitem:nth-of-type(n+3){
		margin-right: 2%;
	}

	.newsitem:nth-of-type(even){
		margin-right: 0px;
	}

	.product-summary-container {
		margin-right: 2%;
		width: 49%;
	}

	#all-products div.container-0, #all-products div.container-2, #filterResults div.container-0, #filterResults div.container-2, #templates div.container-0, #templates div.container-2, #templates div.container-4 {
		margin-right: 2%;
	}

	#all-products div.container-1, #all-products div.container-3, #filterResults div.container-1, #filterResults div.container-3, #templates div.container-1, #templates div.container-3, #templates div.container-5 {
		margin-right: 0px !important;
	}



	#home-slider-wrapper {
		display: none;
		margin-bottom: 0px;
	}

	.swiper-slide div.textarea, #categorytext, #category-banner-text {
		width: 100%;
	}
	.swiper-slide div.textarea {
		container-type: normal;
		height: 100%;
	}

	.swiper-slide div.backgroundImage {
		display:none;
	}

	.swiper-slide div.textarea h2 {
		margin-top:0px;
	}

	/* #category-banner-text:after {
	    left: 55%;
	} */

	#category-banner {
		height:100%;
	}
	#category-banner-text {
		container-type: normal;
	}
	#category-banner-text h1 {
		font-size: 2.6em;
	}
	#category-banner-text p {
        font-size: 1em;
    }

	.swiper-slide div.textarea ul {
        font-size: 4.5cqi;
    }

	
	.order-col2 {
		width:100%;	
	}
	
	.members-card {
		margin-bottom:2%;
		width:49%;
	}
	.members-card:nth-child(2n) {
		margin-right:0px !important;
	}

	.Template4colColumn {
		width: 50%;
		margin-bottom: 16px;
	}

	#contactformContainer .col-2 {
		clear: both;
		float:none;
		margin-right:0px;
		width:100%;
	}
	#contactformContainer {
		display: block;
	}
	#contactUsContent {
		order: 2;
	}
	#contactUsForm {
		order: 1;
	}
	
	/*--------------- Basket -------------*/
	/*----------------------------------------*/
	
	div.tableBasket div.basketHeading {
		display: none;
	}
	div.tableBasket div.productRow {
		background-color: #f3f7fb;
		border-bottom: 0px;
		margin-bottom: 10px;
		padding: 8px;
		position: relative;
		/*width: 96.5%;*/
	}
	div.tableBasket div.tdProductImage {
		min-height: 100px; /*set height to style without image */
		width:15%;
	}
	div.tableBasket div.tdProductName {
		width:75%;
	}
	div.productRow div.removeButton {
		clear: none;
		display: block;
		padding: 0px;
		padding-right: 8px;
		position: absolute;
		right: 0;
		text-align: center;
		width: 25px;
	}
	.remove {
		background-color: #FF0033;
		background-image: none;
		padding-left: 0px;
		width: 25px;
	}
	div.tableBasket div.basketPrice, div.tableBasket div.basketQty, div.tableBasket div.basketSubTotal{
		text-align: left;
		width: 80%;
	}
	div.tableBasket div.basketQty label {
		float: left;
		padding-top: 3px;
		width: 40px;
	}
	.inputQty {
		float: left;
	}
 	div.couponRow div.basketCol3 {
		width: 50%;
	}
	div#coupon-box div.basketCol2 {
		padding-right: 0px;
		width: 87%;
	}
	div#update-box {
		background-color: #ffffff;
		padding-bottom: 0px;
		padding-top: 0px;
	}
	#basketUpdate {
		padding: 0px;
		width: 100%;
		margin-left: 0px;
	}
	.update {
		width: 129px;
	}
	div.totalRow div.basketCol3 {
		width: 75%;
	}
	.totalRowMargin {
		margin-left: 40%;
	}
	#basketCheckout {
		width: 330px;
	}
	
	#lookup-label {
		display:none;
	}

	#lookup-label-guest {
		display:none;
	}

	.swiper {
		display:none;
	}
	#SwiperCategoryIcons  {
		display:block;
	}

	#category-icons h2 {
		font-size:0.8em;
	}
	.category-icon span {
		font-size: 1.8cqi;
	}
}

@media (max-width: 639px) {
	#banners p {
		font-size: 0.9em;
	}

	.Template4colColumn {
		width: 100%;
		margin-bottom: 16px;
	}

	#category-icons .col-3 {
		width:49%;	
	}
	#category-icon1, #category-icon2 {
		margin-bottom:12px;
	}
	#category-icon2 {
		margin-right:0px !important;
	}

	.category-icon span {
		font-size: 2.4cqi;
	}
	
	#footer-right {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	#footer-right ul#social {
  		justify-content: flex-start;
	}
}

/*Mobile Sized */
@media (max-width: 480px) {
 	/*--------------- Structure --------------*/
	/*----------------------------------------*/
	
	.hideOnPhone{
		display:none;
	}
	.showOnPhone{
		display:block;
	}
	
	#footerleft ul li {
		display:block;
	}
	#footerright ul li {
		display:block;
	}
	
	img.ImgFloatRightNoBorder, img.ImgFloatLeftNoBorder, img.ImgFloatNoneNoBorder, img.alignRight, img.alignLeft{
		float:none;
		display:block;
		margin:0px;
		margin-bottom:12px;
	}
	
	#wrapper-header {
		height: 64px;
		padding-top: 0px;
	}
	#wrapper-navigation {
		top: 18px;
	}
	#header-left {
		float:left;
		width: 50%;
	}
	#header-right {
		float:right;
	}

	#mobilehead {
		top: 19px;
		width: 126px;
	}
	#mobilesearch, #mobilebasket, #mobilelogin {
		margin-right: 14px;
		width: 28px;
	}

	#nav-icon {
		height: 29px;
		width: 32px;
	}

	#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
		top: 13px;
	}
	#nav-icon span:nth-child(4) {
	    top: 26px;
	}
	#content-container {
		padding-top: 66px;
	}
	#navigation ul {
		top: 48px;
	}

	#sitesearch {
		margin-top: 0px;
		right: 0;
		top: 13px;
		width: 100%;
		max-width: 480px;
		z-index: 1000;
	}

	#sitesearch input[type=submit] {
		background-color: #ffffff;
		width: 10%;
	}
	#sitesearch input[type=text] {
		background-color: #ffffff;
		width: 60%;
	}
		
	#header_graphic{
		z-index:800;
	}
		
	/*#navigation{	
		top:-40px;
	}*/

	/*#navigation ul {
		top: 57px;
	}*/


	iframe {
		width: 100%;
	}
	
	/*--------------- Bespoke --------------*/
	/*----------------------------------------*/

	#sliderhome li div.textarea  {
		display: none;
	}

	#sliderhome .wrapper-inner-large {
		background: none;
	}

	/*#hometext p {
		font-size: 1em;
	}*/

	.product-summary-container a.more-details, .product-summary-container a.more-details:hover, .product-summary-container a.more-details:visited {
		font-size: 0.9em;
	}

	#featured-products div.product-summary-container {
		margin-right: 2%;
		width: 49%;
	}
	#featured-products div.product-summary-container:nth-child(2n+2) {
		margin-right: 0px;
	}

	#featured-products div.product-summary-container:nth-child(3n+3) {
		margin-right: 0px;
	}

	#featured-products div.product-summary-container:nth-child(odd) {
		margin-right: 2%;
	}

	#featured-products div.product-summary-container:nth-child(even) {
		margin-right: 0px;
	}
	
	#map-wrap, #map-placeholder, #map-wrap{ 
		height:300px;
	}
	
	#stockistCheckboxContainer div div{
		clear:both;
		float:none;
		width:100%;
	}
	#stockistCheckboxContainer label{
		width:90%;
	}
	
	.stockist1, .stockist2, .stockist3{
		clear:both;
		float:none;
		height:auto;
		width:100%;
	}	
	
	#gallery a, #gallery a:visited{
		margin-right: 1%;
		margin-bottom: 1%;
		max-width:185px;
		width:48%;
	}

	.newsitem {
		float:none;
		height:auto !important;
		margin: 0 auto !important;
		margin-bottom: 18px !important;
		max-width: 380px;
		width:100%;
	}

	/*.newsitem:nth-of-type(n+3), .newsitem:nth-of-type(even) {
		margin: 0 auto;
	}*/

	.newsdate{
		left:auto;
		right:0px;
	}


	#foot div.col-3 {
		margin-right: 0px;
		width: 100%;
	}

	#foot div.col-3 ul {
		padding-top: 10px;
		padding-left: 0px;
	}

	#footer-right ul {
		padding-left: 0px;
	}

	

	form fieldset div.radio-image-options {
		margin-right: 1%;
		margin-right: 1%;
		width: 48%;
	}

	/*form fieldset div.radio-image-options:nth-of-type(even){
		margin-right: 0px;
	}*/

	form fieldset div.radio-image-options div.radio-image {
		box-sizing: border-box;
		margin: 0 auto;
		margin-bottom: 15px;
		max-width: 204px;
		width: 100%;
	}

	form fieldset div.deliveryOption  {
		margin-bottom: 10px;
		width: 48%;
	}

	

	#category-banner-image img.ImgFloatRightNoBorder {
		margin-bottom: 0px;
	}

	#category-banner-text p {
        font-size: 0.8em;
    }

	#sliderhome li div.textarea h2 {
		font-size: 1.2em;
	}

	.CategoriesResults .product-summary-container {
		margin-right:0px;
		width:100%;
	}
	
	.members-card {
		margin-right:0px !important;
		width:100%;
	}

	.category-icon span {
		font-size: 2.8cqi;
	}

	#contactform .contactInputSmall {
        padding-right: 2%;
        padding-left: 2%;
        min-width: 94%;
        width: 94%;
    }

	
	/*--------------- Basket -------------*/
	/*----------------------------------------*/
	div.tableBasket div.tdProductImage {
		width: 28%;
	}
	div.tableBasket div.tdProductName {
		width: 58%;
	}
	div.tableBasket div.basketPrice, div.tableBasket div.basketQty, div.tableBasket div.basketSubTotal {
		float: right;
		width: 69%;
	}
	div.couponRow div.basketCol6 {
		width: 20%;
	}
	div#update-box {
		padding: 0px;
		width: 100%;
	}
	.update {
		font-size: 14px;
		height: 34px;
		padding: 0px;
		width: 100%;
	}
	div#coupon-box div.basketCol2 {
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
	}
	div#coupon-box div.basketCol2 label {
		float: left;
		margin-right: 1%;
		padding-top: 5px;
		text-align: left;
		width: 26%;
	}
	div#coupon-box div.basketCol2 input[type="text"] {
		float: left;
		margin-right: 0px;
		width: 65%;
	}
	.addButton {
		font-size: 14px;
		height: 34px;
		margin-left: 0px;
		margin-top: 15px;
		width: 100%;
	}
	div.totalRow div.basketCol3 {
		width: 70%;
	}
	div.totalRow div.basketCol6 {
		width: 27%;
	}
	#backToShop {
		padding: 0px;
		width: 100%;
	}
	.shopBack {
		font-size: 14px;
		height: 25px;
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
	}
	#basketCheckout {
		padding: 0px;
		width: 100%;
	}
	.checkout {
		font-size: 14px;
		height: 25px;
		width: 96%;
	}

	.product-description {
		margin-right: 0px;
		width: 100%;
	}
	.product-image {
		width: 100%;
	}
	.product-image img {
		margin: 0 auto;
	}

	#mobile-product-description {
		display: block;
		float: left;
		margin-top: 25px;
	}

	#mobile-product-description:hover {
		cursor: pointer;
	}

	#product-description-text {
		border: 1px solid #344353;
		display: none;
		float: left;
		padding: 2%;
	}
	.text-padding {
		padding-bottom: 30px;
		padding-top: 25px;
	}

	#mobile-product-description span {
		display: block;
		position: absolute;
		height: 3px;
		width: 25px;
		background: #ffffff;
		opacity: 1;
		right: 2%;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#mobile-product-description span {
		top: 26px;
	}

	#mobile-product-description span:nth-child(2) {
	  top: 26px;
	  -webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	#mobile-product-description.open span:nth-child(2) {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	
}

/* small mobile fix */
@media (max-width: 345px) {
	div#coupon-box div.basketCol2 label {
		float: left;
		margin-right: 0px;
		padding-top: 5px;
		text-align: left;
		width: 100%;
	}
	div#coupon-box div.basketCol2 input[type="text"] {
		float: left;
		margin-right: 0px;
		padding-left: 3%;
		padding-right: 3%;
		width: 93%;
	}

	#wrapper-header {
		height: 62px;
		padding-top: 0px;
	}
	#wrapper-navigation {
		top: 18px;
	}

	#mobilehead {
		top: 19px;
		width: 126px;
	}
	#mobilesearch, #mobilebasket, #mobilelogin {
		margin-right: 14px;
		width: 28px;
	}

	#nav-icon {
		height: 29px;
		width: 32px;
	}

	#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
		top: 13px;
	}
	#nav-icon span:nth-child(4) {
	    top: 26px;
	}
	#content-container {
		padding-top: 62px;
	}
	#navigation ul {
		top: 46px;
	}

	#sitesearch {
		top: 62px;
	}
}