:root {
  --light-green:#8dc8ce;
  --dark-green:#13686e;
  --green:#1b919d;
  --grey:#555555;
  --light-grey:#f0f0f4;
  --dark-grey:#333;
  --orange:#ca3808;
  --light-orange:#e25323;
  --pale-grey:#e9e9e9;
  --turquoise:#99ffff;
	--blue:#336699;
	--red:#c02f28;
  --dark-blue:#192030;
  --medium-blue:#244362;
  --light-blue:#357ba6;
  --pale-blue:lightblue;
  --white:#efefef;
  --charcoal:#333;
  --turquoise-light:#46cad9;
  --turquoise-lighter:#b8fcfc;
  --turquoise-lighter2:#82eaf6;
  --orange-off:peru;
  --maroon:#773a54;
}

* {padding: 0; margin: 0; border:0}
.general ol,.general ul,.content ul,#searchResults a,footer div.col a,input,select,textarea,article,aside,div,figure,form,h1,h2,h3,h4,h5,p,header,main,nav,section,span,nav,nav ul,nav ul li, nav ul li a,header #in a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;position:relative;float:left;display:inline-block;width:100%;max-width:100%}
html, body {height: 100%;}

body{
	display: flex;flex-direction: column;
	font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
	font-size:15px;font-weight:400;line-height:22px;color:var(--grey)
}
main,article{display:block;width:100%;}

main {
    flex: 1 0 auto;
    float: left;
    padding: 20px 0;
}

#pastOrder h3{margin-top:20px;font-size:18px}


img{max-width:100%}
table {border-collapse: collapse;border-spacing: 0;width:100%;}
td,th{padding:8px;vertical-align:top;border:1px #ddd solid;text-align:left}
th{background:#F8F8F8}
td img{float:none !important; height:auto !important;}
td ul{margin:0 !important}
hr{margin-bottom:25px !important;border-bottom:1px #ccc dotted  !important}
h1,h2,h3{font-weight:500;font-size:22px;margin-bottom:10px;var(--dark-grey)}
a{text-decoration:none;width:auto;transition:0.3s;color:var(--dark-grey)}
a:hover{color:var(--orange)}

button,.btn{display:block;transition:.4s;cursor:pointer;color:white;background:var(--orange);padding:0 20px;height:46px;line-height:46px;font-weight:600;border-radius:6px;}
button:hover,.btn:hover{background:var(--dark-green);color:#fff}
button.icon{padding-left:55px !important;}
button.icon i{left:18px;font-size:22px;position:absolute;top:0px;line-height:46px}

ul.general {padding: 0 20px 20px 30px}
input{outline:none}

.container {display:block;width:1500px;margin: auto; float: none;max-width:100% !important;padding:0 10px;}
.container-1250 {width:1250px;padding:0 25px}
.container-l {width:1550px;padding:0}
.cp{padding:0 25px}

header{padding-top:16px;display:block;width:100%;margin: auto; float: left;max-width:100% !important;}

header .inner{display: flex;justify-content: space-between;}

header a.logo {
    float: left;
    display: block;
    width: 460px;
    position: relative;
    max-width: 100%;
    min-height: 72px;
	margin-top:40px
}
.h-sprite{background:url(../images/sprites/header.jpg) no-repeat; }

header a.logo span.logo{width:99px;height:72px;}

header a.logo span.copy {
	position:absolute;float:none;color:var(--green);
	font-family: "Outfit", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	width: auto;transition:.3s;
}

header a.logo:hover span.copy {color:var(--dark-green)}

header a.logo span.name{
    top: 11px;
    left: 110px;
    font-size: 42px;
	font-weight: 400;
	letter-spacing: -1px;
}

header a.logo span.name span{float:none;position:relative;display:inline;left:auto;top:auto;bottom:auto;letter-spacing: 1px;padding-left: 1px;}

header a.logo span.strap {
    bottom: -2px;
    left: 110px;
    font-size: 14px;
    font-weight: 600;
}

header .mid{width:520px}
header .uj{width:18px;height:16px;line-height:16px;background-position:top -29px left -98px;margin-right:10px}
header .fb{width:19px;height:19px;line-height:16px;background-position:top -26px left -117px;display:block;float:right;position:relative;top:-3px}
header .yt{width:22px;height:15px;line-height:16px;background-position:top -28px left -136px;margin:0px 0 0 10px;display:block;float:right;position:relative;top:-1px}

header .top a.c{color:var(--grey)}
header .top .c{
    height: 16px;
    line-height: 14px;
    width: auto;
    font-size: 13px;
	float:left
}

header .dot {
	aspect-ratio: 1 / 1;
    width:7px;
    background:var(--green);
	border-radius:50%;
	margin:3px 12px 0 12px;
}

a.wa:hover i, header a.wa:hover{color:var(--orange) !important}
a.wa i{position:relative;margin-right:10px;color:var(--green);font-size:26px;transition:.3s;}
a.wa span{width:auto;transition:.3s;}

footer a.wa{top:-10px}
footer a.wa i{margin:0;color:lime;font-size:34px}

header a.wa {
    display: flex;
    align-items: center;
    height: 26px;
    width: 230px;
    align-items: center;
    position: absolute;
    top: 0px;
    z-index: 10;
    left: 2px;
}

header #in a:hover{background:var(--orange)}
header #in a i{position:relative;left:-15px;font-size:18px}
header #in a{
	display: flex;align-items:center;height:50px;padding-left:30px;border-bottom:1px #efefef solid;width:100%;box-sizing: border-box;webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;color:#fff
}

header #in {
	display:none;
    z-index: 2;
    top: 32px;
    background:var(--green);
	position:absolute;float:none;right:0;

}

header .account{padding:0 30px 0 27px;
	display: flex;
    align-items: center;
   
}

header .account i:first-of-type {
    left: -12px;
    position: relative;
}

header .account i:last-of-type{right:-20px}

#quickAdd button {
    float: left;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

#quickAdd {
    width: 600px;
    text-align: left;
}

#quickAdd .discounts{
	margin-top:30px
}

.contactpage main .lnks a:hover{color:var(--orange)}
.contactpage main .lnks a{
	color:var(--grey);
	font-size:16px;margin-bottom:20px;display:block;float:left;width:100%}

.contactpage main .phoneLink{font-size:18px;font-weight:700;}

.contactpage main .outer{display: flex;margin-top:10px}
.contactpage main .r{width:570px;display: flex;}
.contactpage main .l{flex:1;margin-right:5%}

.contactpage main .r .le{flex:1;margin-right:5%}

.contactpage main .r .ri{width:235px}
.contactpage main .r img{width:100%}

.contactpage main .sm a{font-size:28px;margin-right:20px;}

.contactpage main .sm a.lnkWaIcon{color:var(--green) }
.contactpage main .sm a.lnkFbIcon{font-size:26px;color:var(--blue)}
.contactpage main .sm a.lnkYtIcon{color:var(--red)}
.contactpage main .sm a.lnkIgIcon{color:#cc3399}
.contactpage main .sm a:hover{color:var(--grey)}


.contactpage main .sm{
	margin-top:24px;
	
}


.contactpage main .frmContact textarea,
.contactpage main .frmContact input{background:var(--light-grey) !important;border-radius:20px !important;border:none !important; padding:0 15px !important;font-family: "Open Sans", sans-serif;}

.contactpage main .frmContact textarea{padding:15px !important;resize: none;overflow: hidden;height:150px;}

.contactpage main .frmContact button{float:left;font-size:16px;font-weight:400;}

.frmContact input::-webkit-input-placeholder{color:var(--grey) !important }
.frmContact input:-moz-placeholder{color:var(--grey) !important }
.frmContact input::-moz-placeholder{color:var(--grey) !important }
.frmContact input:-ms-input-placeholder{color:var(--grey) !important }	
.frmContact input::placeholder{color:var(--grey) !important }	
.frmContact textarea::placeholder{color:var(--grey) !important;height:150px;}	

.frmContact input:focus::-webkit-input-placeholder{color:transparent !important }
.frmContact input:focus :-moz-placeholder{color:transparent !important }
.frmContact input:focus ::-moz-placeholder{color:transparent !important }
.frmContact input:focus :-ms-input-placeholder{color:transparent !important }	
.frmContact input:focus ::placeholder{color:transparent !important }
.frmContact textarea:focus::placeholder{color:transparent !important }	

.frmContact label{position:absolute;float:none;top:-4px;right:15px;font-size:11px;color:#666;display:none;z-index:100}

.frmContact .field-wrap span.field-msg {
    top: 25px;
    right: 18px;
}

textarea:focus:-ms-input-placeholder { font-weight:400;color:transparent; } /* IE 10+ */

input:-webkit-autofill {
    background-color: background:var(--light-grey) !important;
    box-shadow: 0 0 0px 1000px  background:var(--light-grey) inset !important;
    -webkit-box-shadow: 0 0 0px 1000px  background:var(--light-grey) inset !important;
}

.contactpage main .frmContact .fields {
    display: grid;
    grid-template-columns: repeat(3, 31.33%);
    justify-content: space-between;
}

#switchWrap {
    position: absolute;
    float: none;
    top: 0;
    right: 200px;
    width: auto;
    display: flex;
    align-items: center;
    display: none;
}

/* The switch - the box around the slider */
#switchWrap .lbl{
	height:33px;line-height:33px;font-size:15px;cursor:pointer;
}

#switchWrap .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-right:10px
}

/* Hide default HTML checkbox */
#switchWrap .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
#switchWrap .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

#switchWrap .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

#switchWrap input:checked + .slider {
  background-color: #2196F3;
}

#switchWrap input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

#switchWrap input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
#switchWrap .slider.round {
  border-radius: 34px;
}

#switchWrap .slider.round:before {
  border-radius: 50%;
}

.spOOS{color:#fff;position:absolute;bottom:70px;left:0px;float:none;padding:5px;background:#ca3808;}
.searchWrap{margin-top:45px;display: flex;}

.searchWrap .inner{border:1px var(--green) solid;display: flex;border-radius:6px;overflow:hidden}

.searchWrap select{width:120px;border:none;height:44px;padding:0 0 0 10px}

.searchWrap input{flex:1;height:44px !important;border:none !important;}

.searchWrap button{float:right;margin-left:10px;}
.searchWrap span{display:inline;float:none;width:auto}
.searchWrap i{display:none}


#searchResults{width:1000px}

#searchResults .inner{
	display: grid;
	grid-template-columns: repeat(5, 19%);
	row-gap:20px;
	column-gap:1.25%;
	
}

#searchResults a img {height:70px;border:5px #fff solid}

#searchResults a:hover {background:#efefef;color:#333}
#searchResults h2 {margin-bottom:20px}

#searchResults a {
    padding: 15px;
    background:#f8f8f8;
    border: 1px #efefef solid;
	color:#336699;
	border-radius:8px
}

#frmResetPassword {
    width: 500px;
    margin: auto;
    float: none;
    display: block;
	padding:30px
}

header .r{width:220px}

header .r button span{display:inline;float:none;width:auto}
header .r button {
    position: absolute;
    float: none;
    top: -15px;
    right: 0px;
    background: var(--dark-grey);
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
}

header .basket {
    position: absolute;
    float: none;
    width: auto;
    right: 1px;
    top: 70px;
}

#basketDetailsDT {
    text-align: right;
    width: auto;
    float: right;
    margin: 4px 0 0 10px;
}

#basketWrap:hover #basketDetailsDT,#basketWrap:hover #basketDetailsDT span{color:var(--green) !important}
#basketDetailsDT span{display:inline;float:none;width:auto;color:#333}
#basketWrap:hover #basketItems{background:var(--grey)}
#basketWrap:hover i{color:var(--green)}

.itemsWrap{width:35px;}
.itemsWrap i{position:absolute;float:none;top:-2px;left:0px;font-size:30px;color:var(--dark-grey);transition:.3s;}

.itemsWrap #basketItems {
    color: #fff;
    transition: .3s;
    text-align: center;
    height: 22px;
    line-height: 22px;
    width: 22px;
    position: absolute;
    float: none;
    top: -5px;
    left: 16px;
    font-size: 12px;
    border-radius: 30px;
    background: var(--orange);
}

#basketWrap{
	color:var(--grey);font-size:13px;font-weight:600;
}

nav{height:52px;line-height:52px;background:var(--green);margin-top:25px}
nav .wrap{display:flex}

nav .wrap a:hover{background:var(--dark-green)}
nav .wrap a{
	color:#fff;border-right:1px var(--dark-green)solid;height:100%;flex:1;font-weight:600;font-size:16px
}

nav#desktop .mobile{display:none}
nav#desktop  .wrap a.sub,nav#desktop .wrap span.lnk{display:none}
nav .wrap a span{
	border-right:1px var(--light-green)solid;display: flex;
	align-items: center;
	justify-content: center;height:100%;
}

nav .wrap a:nth-of-type(3){flex:none;}
nav .wrap a:nth-of-type(3) span{padding:0 25px}
nav .wrap a:first-of-type{border-left:1px var(--dark-green)solid;flex:none;}
nav .wrap a:first-of-type span{border-left:1px var(--light-green)solid;padding:0 25px}

header div.sub .container{height:44px}
header div.sub {height:44px;background:var(--light-grey);}
header div.sub .wrap{display: flex;justify-content: space-between;padding:0 25px;height:100%;align-items:center}
header div.sub a,header div.sub span.lnk{font-size:14px;color:var(--grey);}
header div.sub span.lnk{display:inline;float:none;width:auto;cursor:pointer;transition:.3s;}
header div.sub a:hover,header div.sub span.lnk:hover{color:var(--dark-green)}}

nav .dropWrap{position:relative;float:none;width:auto;z-index:1000;max-width:none}

nav .drop{display:none;position:absolute;float:none;top:48px;left:-10px;background:#cc6600;max-width:none;width:210px}
nav .drop a{line-height:22px; float:left;border-bottom:1px #fff solid;padding:10px;;width:100%;box-sizing: border-box;webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
nav .drop a:hover{background:#ff9933}

.pageWrap{display:flex}

#basketMessage,#message{padding:0 0 15px 0}

#basketMessage img{width:80px}
#message p,#basketMessage p{font-size:16px;padding:10px}

#message .inner{padding:0 20px}

#message i.close,
#basketMessage i.close {
   
    top: 5px;
    right: 4px;
    color: #fff;
}


.left-col .colItems h3{margin:5px 0 0;font-size:17px;text-align:center;transition:.3s;}
.left-col .colItems a{display:block;float:left;margin-top:25px}
.left-col .colItems a:hover h3{color:var(--orange)}
.left-col .colItems a img{transition:.6s;}
.left-col .colItems a:hover img{border-radius:10px;opacity:0.8}
.left-col {
    width: 268px;
    min-height: 100px;
    /* box-shadow: #ddd 0px 0px 4px 0px; */margin-right:20px
}

.left-col h2 i.close{display:none}

.product .left-col{margin-right:30px}

.left-col .catWrap span i{font-size:16px}

.left-col .catWrap span,.left-col .catWrap a,.left-col .catWrap h2{
	display: flex;
    align-items: center;height:45px;margin-bottom:0
	
}

.left-col .catWrap span,
.left-col .catWrap h2{
	justify-content: space-between;height:46px;
}
.left-col .catWrap a:hover{background:var(--pale-grey)}

.left-col .catWrap a {
    height: auto;
    float: left;
    width: 100%;
    padding: 10px 17px;
    color: var(--dark-grey);
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: var(--pale-grey);
    box-sizing: border-box;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.left-col .catWrap .heading {
    padding: 12px 17px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    height: auto;
    background: var(--dark-green);
}

.home-sprite {
    background: url(../images/sprites/home.jpg) no-repeat;
}

.btn-flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:10px 15px;
	height:auto;
	line-height:initial;
}
.howto-child .productWrap .right .btn{
	float:left;
	width:65px;
	margin-top:20px;
}

.reviews {
	margin:20px 0;
    text-align: center;
    padding: 30px 10px 0;background:#efefef;
}

.reviews .speech {
    color:var(--green);
    font-size: 60px;
    top: -13px;
    position: relative;
}

.reviews .date{color:#666;font-size:12px;font-weight:600;padding: 2px 0;}

.reviews .name {
    font-size: 16px;
    font-weight: 800;
    top: -5px;
}

.reviews .r {width:75%;text-align:left;padding:2px 0 0}

.reviews a {
	float:left;
	display: flex;
    align-items: center;
	justify-content:center;
	width:100%;margin-bottom:20px
}

.reviews h4 {
    color: var(--dark-blue);
    font-size: 19px;
    margin: 5px 0 20px;
}

.reviews .grid {
    grid-template-columns: repeat(4, 23.5%);
    row-gap: 32px;
	column-gap:2%;
}


.reviews div.outer {
	text-align:left;background:#fff;min-height:150px;border-radius:8px;padding:20px 20px;  color: var(--charcoal);
}

.reviews p{font-size:16px;line-height:22px}

.reviews .g {
    width: 20px;
    height: 20px;
    position: absolute;
    float: none;
    top: 18px;
    right: 15px;
    background: url(../images/logos/google.jpg);
}

.reviews .circle {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
    font-size: 20px;
    margin-right: 10px;
    top: -8px;
    left: -5px;
}

.reviews #reviewsInner div:nth-child(8n+1) .circle{background:var(--orange)}
.reviews #reviewsInner div:nth-child(8n+2) .circle{background:var(--light-blue)}
.reviews #reviewsInner div:nth-child(8n+3) .circle{background:var(--maroon)}
.reviews #reviewsInner div:nth-child(8n+4) .circle{background:var(--green)}
.reviews #reviewsInner div:nth-child(8n+5) .circle{background:var(--blue)}
.reviews #reviewsInner div:nth-child(8n+6) .circle{background:darkseagreen}
.reviews #reviewsInner div:nth-child(8n+7) .circle{background:var(--turquoise-light)}
.reviews #reviewsInner div:nth-child(8n+8) .circle{background:var(--orange-off)}


.reviews .stars{margin-bottom:10px}
.reviews .stars i{color:#f6bb06}

.reviews .outer{
	border-radius:4px;margin-bottom:25px;text-align:center !important;
   /*  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; */
}

.reviews .p,.reviews .stars { text-align:center;}
.reviews .r {
    width: 100%;
    text-align:center;
    padding: 2px 0 0;
}


a.videos .home-sprite {
    float: none;
    border: 1px #fff solid;
    background-position: top -109px left 0;
    width: 268px;
    height: 167px;
    margin: auto;
}

a.videos{text-align:center; font-weight: 600 !important;display:block;width:100%}

a.videos h2 {
    font-size: 18px;
	transition:.3s;
    margin: 15px 0 6px;
}

a.videos * {
    box-sizing: border-box;webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;
	transition:.3s;
   
}

a.videos:hover .home-sprite{border:1px var(--orange) solid;}
a.videos:hover .sub{color:var(--dark-grey);}
a.videos:hover h2{color:var(--orange);}
a.videos .sub{color:var(--orange);transition:.3s;}

a.chat {
    width: 100%;
    display: block;
    float: left;
    background: #febba0;
    margin: 18px 0;
}

a.chat:hover{opacity:0.9;}

a.chat img{width:100%;float:left;}

a.chat h3 {
    color: var(--orange);
    font-size: 20px;
    text-align: center;
    padding: 5px 10px;
    line-height: 26px;
}

#mobVideos 

.bgGrey a{color:var(--orange)}

.bgGrey {
    background: var(--light-grey);
}

span.register{color:var(--orange);display:inline;float:none;width:auto;cursor:pointer;transition:.3s;}
.aboutShort h2{font-size:20px;margin-bottom:14px;line-height:26px;font-weight:600;}

.aboutShort .btn{font-size:14px;font-weight:700;width:auto;float:left}
.aboutShort .btn i{font-size:11px;}

.aboutShort p{margin-bottom:20px;font-size:16px;line-height:24px}
.aboutShort p:last-of-type{margin-bottom:25px;}
.aboutShort{
	padding:25px 27px;border-radius:8px
}

.main{min-height:100px;float:right;flex:1}

.showcase{margin-top:20px;}

.homepage .showcase .h2Wrap{ margin-bottom: 20px;}
.homepage .showcase {
    margin: 0 0 0 0;
    padding: 20px 4px 20px;
    border-bottom: 1px #efefef solid;
}

.homepage .sckilns {border:none}
.homepage .showcase .direction {
  
    top: -5px;
}

.homepage .showcase .all {

    right: 110px;
    top: 3px;
}

.hWrap{margin-bottom:20px;border-bottom:1px var(--pale-grey) solid;height:34px;}
.general h1,.showcase h1,.showcase h2,.showcase .h2{height:36px;border-bottom:3px var(--green) solid;width:auto;margin-right:30px;}

.showcase .h2{font-size:22px;color:var(--dark-grey)}

.all, .navSpan{
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    text-decoration: underline;
    width: auto;
    transition: .3s;
    cursor: pointer;
    position: absolute;
  
    top: -3px;
}

.all:hover{
	color:var(--orange);
}

.all {

    right: 80px;
   
}

.showCategories{
		display:none;
	}

.showcase .direction button:hover{background:var(--orange);color:#fff}
.showcase .direction button{
	border:1px var(--orange) solid;
	height:32px;
	width:32px;
	display: flex;
    align-items: center;justify-content:center;
	font-size:16px;cursor:pointer;color:var(--orange);
	background:#fff;float:left;padding:0;line-height:initial
}

.showcase .direction button:first-of-type{border-right:none;border-radius:4px 0 0 4px}
.showcase .direction button:last-of-type{border-radius:0 4px 4px 0}

.showcase .direction {
    width: auto;
    float: right;
    top: -10px;
}

/* .rangesWrap{min-height:240px}  */
.ranges .row {
	justify-content: space-between;
	display:none;grid-template-columns: repeat(5, 17%);
	row-gap:20px;
}

.ranges .row:first-of-type {
    display: grid;

}

.ranges .item:hover .img-wrap img{border-color:var(--orange)}
.ranges .item:hover h3 {color:var(--orange)}
.ranges .item {
    width: 100%;
	
}

.ranges a .img-wrap i{
	font-size:18px;color:#fff
}

.ranges a .img-wrap span.circle:hover {background:var(--orange)}

.videos .ranges a .img-wrap span.circle {display:none}
.ranges a .img-wrap span.circle {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    background: teal;
    justify-content: center;
    border: 1px #fff solid;
    transition: .4s;
    position: absolute;
    float: none;
    bottom: 12px;
    right: 6px;
}


.ranges a .img-wrap span.OOS i {
    font-size: 24px;
    margin-top: 5px;
}
.ranges a .img-wrap span.OOS {
    position: absolute;
    float: none;
    top: 10%;
    left: 10%;
    line-height: inherit;
    font-size: 11px;
    color: #fff;
    padding: 7px 4px;
    background: var(--orange);
    line-height: 14px;
    width: 80%;
	text-align:center;display:none
}

.paintspage-child .ranges a .img-wrap span.OOS,
.paints .ranges a .img-wrap span.OOS,
.clearglazes .ranges a .img-wrap span.OOS,
.firedcolours .ranges a .img-wrap span.OOS{display:none}

.ranges a .img-wrap {
    transition: .3s;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    min-height: 150px;
    max-height: 230px;
    display: flex;
    align-items: center;
}

.ranges img {
  transition:.3s; width: 100%;border:2px #fff solid;box-sizing: border-box;webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;
}

.ranges h3 {
    font-size: 15px;
    text-align: center;
    color:var(--dark-grey);
    font-weight: 600;transition:.3s;
}

.ranges .price {
   color:var(--dark-grey);
}

.productCategory .ranges .row{
    grid-template-columns: repeat(7, 13%);
}
.productCategory .ranges .row:first-of-type,
.productCategory .ranges .row:nth-of-type(2),
.productCategory .ranges .row:nth-of-type(3)
{
    display: grid;

}

.productCategory .categoryParent{background:var(--green);color:#fff !important;border-color:var(--green) !important}
.productCategory .categoryParent:hover{background:var(--orange) !important;border-color:var(--orange) !important}
.productCategory .left-col .active{background:var(--light-grey);}
.productCategory .showcase {
    margin-top: 10px;
}

.coursemain .all {
    width: 180px;
    right: 0;
    position: relative;
    top:11px;
}

.coursemain h2{font-size:20px !important;line-height:26px}
.coursemain .section{display:flex;margin:20px 0 10px}
.coursemain img{width:100%}
.coursemain .imgl .l{width:200px;margin-right:30px}
.coursemain .imgr .r {
    width: 432px;
    margin-left: 30px;
    padding-top: 10px;
}
.coursemain .imgl .r{flex:1}
.coursemain .imgr .l{flex:1}
.coursemain .last ul{margin:15px 0}

.coursemain ul{list-style:none}
.coursemain ul i{position:absolute;left:0;top:2.5px;color:var(--green)}

.coursemain ul li {
    margin-bottom: 10px;
    font-size: 16px;
    position: relative;
    padding-left: 25px;
}

.coursemain .hWrap {
    margin-top: 3px;
   
}

.coursemain #courses a{border-radius:8px;display:block;padding:10px;border:1px var(--dark-green) solid;box-sizing: border-box;webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.coursemain #courses a:hover{border-color:var(--orange)}
.coursemain #courses a span{color:var(--dark-green)}
.coursemain #courses a:hover span{border-color:var(--orange)}
.coursemain #courses a span{transition:.3s;}
.coursemain #courses{
	display: grid;
	grid-template-columns: repeat(4, 23%);
	justify-content: space-between;
	row-gap:20px;
	text-align:center
}

.reassurance div{border-right:1px var(--light-green) solid;padding-top:6px}

.reassurance div:first-of-type{cursor:pointer}

.reassurance div:first-of-type *{transition:.3s}

.reassurance div:first-of-type:hover *{color:var(--turquoise)}

.reassurance div:last-of-type{border-right:none}

.reassurance p{line-height:24px}
.reassurance i{font-size:24px}
.reassurance h4 {
    margin: 13px 0 10px;
    font-size: 16px;
}
.reassurance a{color:#fff !important;}

.reassurance{
	background:var(--green);
	border-radius:8px;
	display: grid;
	grid-template-columns: repeat(4, 25%);
	color:#fff !important;
	text-align:center;
	padding:20px 0;
	margin:25px 0 40px;
}

.confirmation .wrap .r {
    width: 400px;
    float: none;
    margin-top: 5px;
}

.confirmation h1 i {color:teal;font-size:30px}
.confirmation .details {padding-left:44px;}
.confirmation .details h3,.confirmation .details h2{font-size:18px;font-weight:600;margin-bottom:15px}
.confirmation .details h3{margin-bottom:5px}
.confirmation .details h2 span{display:inline;float:none;width:auto;font-weight:400;}
.confirmation .details h2:last-of-type{margin-bottom:5px}
.confirmation .details p{margin-bottom:15px}
.confirmation .details p.msg{font-size:16px;}
.confirmation .details a{color:#336699;line-height:30px}
.confirmation .addresses{padding-top:20px;border-top:1px #efefef solid}
.confirmation .addresses div{width:48%;}
.confirmation .addresses div:last-of-type{float:right;}

#mobileViewCats a{display:block;width:100%;text-align:center}
#mobileViewCats a span{transition:.3s;border:1px #fff solid;float:none;height:118px;width:118px;background:url(../images/sprites/home-mobile2.jpg)}
#mobileViewCats a:hover span{border-color:var(--orange)}
#mobileViewCats a:hover{color:var(--orange)}
#mobileViewCats a.paints span{background-position:top 0 center}
#mobileViewCats a.bisque span{background-position:top -118px center}
#mobileViewCats a.moulds span{background-position:top -236px center}
#mobileViewCats a.tools span{background-position:top -354px center}
#mobileViewCats a.brushes span{background-position:top -472px center}
#mobileViewCats a.kilns span{background-position:top -590px center}
#mobileViewCats a.slip span{background-position:top -708px center}
#mobileViewCats a.accessories span{background-position:top -826px center}
#mobileViewCats a.offers span{background-position:top -944px center}
#mobileViewCats a.clearance span{background-position:top -1062px center}

#mobileViewCats h2 {font-size:15px;margin:0;line-height:18px}
#mobileViewCats {
	display:none;
}

.product .h{min-height:20px;width:auto;display: flex;align-items: center;margin-top:15px}
.product .pricing strong{font-size:16px}
.product .pricing{margin:10px 0;width:auto;clear:left}

.product .pricing span span{display:inline;float:none;width:auto}
.product .pricing span.originalPricing{margin:5px 0}
.product .pricing span.originalPricing *{font-size:15px !important}
.product .pricing strong.sm{font-size:15px}
.product .pricing span.discountedPricing span{color:var(--dark-green)}
.product .pricing span.discountedPricing{width:auto;margin-top:12px;border-radius:4px;padding:11px 13px;border:1px #ddd solid}

.product .pricing span.originalPricing span{text-decoration: line-through;}

.product .available{display:block}
.product .showcase{margin-top:26px;}

.product h1{font-size:24px;margin-bottom:5px;color:var(--dark-grey)}

.product .code{font-size:20px;}

.product .br{border-right:1px #333 solid;margin-right:17px;padding-right:17px}
.product .stock i{font-size:20px;}
.product .stock{color:var(--green);}
.product .OOS{color:var(--orange);}

.product .icons{margin-top:25px}
.product .icons span i{transition:.3s;color:var(--green);font-size:20px}
.product .icons span:hover i,.product .icons span:hover{color:var(--orange)}
.product .icons span{
	width:25%;
	display: flex;
	align-items: center;
	cursor:pointer;
	transition:.3s;
}

.stock-notify-request{border-radius:4px;margin-top:10px;padding:15px 25px 25px;border:1px #efefef solid;background:#f8f8f8}
.stock-notify-request .fwl{width:48%}
.stock-notify-request .fwta {width:100%}
.stock-notify-request .heading{margin-bottom:15px}
.stock-notify-request button{font-weight:400;font-size:16px}

.kiln-extras .inner{
	display:grid;
	grid-template-columns: repeat(3, 32%);
	row-gap: 5px;
	column-gap:2%;
}

.kiln-extras .col2 {
  grid-column: span 2; /* spans across 2 columns */
}

.kiln-text-extras h2{
	margin-top:20px;font-size:20px
}

.discounting span.register span{
	font-weight:600;display:inline;float:none;width:auto;cursor:pointer
}

.discounting .trade-q:hover {color:var(--green)}
.discounting .trade-q {
    font-size: 24px;
    cursor: pointer;
    margin-left: 20px;
    top: 3px;
    transition:.3s;
    position: relative;
}

.discounting .discounts table{width:520px;max-width:100%;margin-top:10px}

.cbox{border:1px #efefef solid;margin-top:25px}

.cbox h2 {
    font-size: 14px;
    border-bottom: 1px #efefef solid;
    padding: 8px 18px;
    color: var(--green);
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center;;margin:0
}

.cbox h2 i{font-size:16px}

.cbox .inner {
    padding: 15px 18px;
}

.cbox .inner p:last-of-type{padding:0}

.atb{margin:15px 0 25px;}
.atb select{margin-right:10px;height:46px;line-height:46px;border-radius:4px}
.atb .sizes{width:100px;}
.atb .qty{width:60px;}
.atb button{border-radius:4px;padding:0 23px;font-size:15px}

/* .product .pricing,
.product .available, */


.productWrap {
    display: flex;
}
/* .kilns-child .productWrap {
    display: block;
} */

.kilns-child table{
    width: 100% !important;
}

.kilns-child td:first-of-type,.kilns-child th:first-of-type {
   
    width: 30%;
	text-align:center
}

.kilns-child td:last-of-type,.kilns-child th:last-of-type {
   
    width: 70%;
	text-align:center
}

.productWrap .left .imgWrap {margin-bottom:25px}
.productWrap .left img {width:100%}

.productWrap .left {
    width: 400px;
    min-height: 100px;
    margin-right: 35px;
}

.productWrap .right {
    min-height: 100px;
    flex: 1;
   
}

.videos-child .productWrap h1{margin-bottom:25px;padding-top:20px;border-top:1px #efefef solid}
.videos-child .productWrap iframe{width:700px;height:500px;max-width:100%}
.videos-child .productWrap {
    display:block}
}


.main {
    min-height: 100px;
    float: right;
    flex: 1;
}

.sitemap{margin-bottom:0px}
.sitemap h1{margin:30px 0 25px}
.sitemap h2{font-size:18px;color:#c43023;margin:0 0 5px}
.sitemap .cols a{padding-right:10px;color:#333}
.sitemap .cols{
	display: grid;
	grid-template-columns: repeat(4, 25%);
	row-gap:5px;
	margin-bottom:20px
}

.cookie-container {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color:teal;
        color: #fff;
        padding: 15px 20px;
        text-align: center;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
        z-index: 999;
    }

.cookie-btn {
    background-color: #333;
    color: #fff;
    border: none;
    font-size: 16px;
    cursor: pointer;
    margin: auto;
	font-weight:500;
}

#hero {
    background: url(../images/sprites/sprite-home.jpg);
    width: 100%;
    height: 494px;
    background-position: top 0  center;
}

.general2{padding-top:30px;margin-bottom:40px}
.general2 .inner{margin-bottom:40px}
.general2 h1{font-weight:600;margin-bottom:20px;display: flex;align-items: center;width:auto}
.general2 h1 i{font-size:28px;color:#c43023}

.general2 p{line-height:24px;margin-bottom:25px}

.confirmation {
    padding-top:0;
}

.account-options h1{margin:30px 0 !important;text-align:center;color:#333}
.account-options h1 i {
    color: #333;
    margin-right: 10px;
}
.account-options .buttons {
    width: 400px;
    margin: 40px auto;
    float: none;
    display: block;
    padding: 40px;
    border: 1px #efefef solid;
    border-radius: 4px;
	    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);
    box-shadow: 0 0 20px rgba(0,0,0,.1);
}

.account-options .buttons button:first-of-type{background:teal}
.account-options .buttons button:last-of-type{background:#336699;margin-bottom:0}
.account-options .buttons button:hover {background:#333}
.account-options .buttons button {
    padding: 15px;
    margin-bottom: 30px;
    width: 100%;
    font-size: 18px;
    text-align: center;
	border-radius:4px
}


.btn-wrap{text-align:center;margin-top:20px}

.btn-wrap button{margin:auto;float:none}

.pop span.h2{font-size:20px;font-weight:600;color:#fff;background:var(--orange);height:50px; display: flex;
    align-items: center;
    justify-content: center;
	border-radius:6px 6px 0 0;
	margin-bottom:10px
}

.pop h2{font-size:20px;font-weight:600;}
.pop button{float:none;margin:auto;display:block}
.pop i.close {z-index:1200;position:absolute;float:none;top:-20px;right:-21px;color:#999;font-size:20px;cursor:pointer}

.pop {
    display: none;
    border-radius: 6px;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2);
    background-color: #fff;
    float: none;
    padding: 25px;
    z-index: 5100;
    position: absolute;
    float: none;
    top: 50px;
    margin-right: auto;
    margin-left: auto;
    left: 0;
    right: 0;
    width: 400px;
    text-align: center;
	max-width:96%
}

.pop form{background:#F8F8F8;padding:20px;padding-bottom:28px;border-radius:4px;}

.pop button{border-radius:4px;font-size:18px;    height: 44px;line-height: 44px;}


#enquiry{
	width:700px
}

#enquiry span.h2 {

    background: var(--green);
  
}

#popEnquiry .field-wrap{width:100%}

#popEnquiry button {
    padding: 0 27px 0 27px;
    text-align: center;
    font-weight: 400;
}
#popEnquiry button i {
    position: relative;
    right: -10px;
    line-height: inherit;
    top: -1px;
    font-size: 16px;
}

#editProfile,#loginRegister{width:700px;}
#editProfile{margin-right:auto;margin-left:auto;left:0;right:0;width:600px}
#loginRegister button,#editProfile button,#newClass button{padding:0 32px;top:5px}

#loginRegister span.register{margin-top:20px;display:block}
#loginRegister .closeOpen{margin-top:20px;cursor:pointer}
#loginRegister .checkAndLabel{margin:10px 0}

#loginRegister .checkAndLabel div{align-items:center}
#loginRegister .checkAndLabel label{text-align:left;margin:0}

#successReset, #success {
    text-align: center;
    margin-bottom: 10px;
    font-weight: 600;
    color: green;
    font-size: 20px;
}

#messageLarge{width:800px;padding:25px 35px}
#messageLarge h2 i{font-size:24px;color:var(--dark-green)}
#messageLarge h2{margin-bottom:20px;font-size:22px}
#messageLarge h3{font-size:18px;margin-bottom:5px}
#messageLarge ul{padding:10px 0 20px 20px;}
#messageLarge p{
	text-align:left;
    line-height: 24px;
    font-size: 16px;
	margin-bottom:15px
}

#messageLarge img {border-radius:8px;margin-top:10px}
#messageLarge .del-info{text-align:left;}
#messageLarge i.close {

    right: -31px;
  
}

#pop-bg{display:none;background:#000;opacity:0.3;position: absolute;z-index:5000;height:100%;width:100%}

.general .inner{padding-bottom:40px}

.general a{color:#336699}

.general ol, .general ul, main ul {
    box-sizing: border-box;
    display: block !important;
    padding-left: 20px;
    float: left;
    margin-bottom: 20px;
}

.general ol, .general ul, main ul {
    box-sizing: border-box;
    display: block !important;
    padding-left: 30px;
    margin-bottom: 20px;
}

.general ul{margin-bottom:20px;float:left;padding-left:20px;box-sizing: border-box;webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.general a{font-weight:600;}

.general h2 {
    font-weight: 600;
    font-size: 16px;
	color: var(--green);
    margin-bottom: 10px;
}
.general h3{font-size:16px;margin-bottom:3px;color:#333}
.general p{font-size:15px;line-height:22px;margin-bottom:15px}

.basketItems .cells{display: flex;align-items: center;justify-content: center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px #efefef solid;text-align:center}
.basketItems .cells span{width:auto;float:none}
.basketItems .img {
    flex: 0 0 60px;
    padding: 3px;
    border: 1px #efefef solid;
}
.basketItems .th{background:#F8F8F8;border:1px #efefef solid;padding:5px 0;font-weight:600;}
.basketItems .th .img{border:none}
.basketItems .img img{width:100%;float:left}
.basketItems .item{flex:1;padding:0 20px;text-align:left;font-weight:600;}
.basketItems .item span:hover {color:#333}
.basketItems .item span {
	transition:.3s;
    display: flex;
    align-items: center;
    padding-top: 5px;
    font-size: 13px;
    color:#336699;cursor:pointer;font-weight:400;
}
.basketItems .item span i {
    font-size: 16px;
    padding-top: 2px;
}
.basketItems .price{flex:0 0 100px}
.basketItems .qty{flex:0 0 100px}
.basketItems .qty select{width:70px;float:none}
.basketItems .linePrice{flex:0 0 100px;font-weight:600;}
.basketItems .add{flex:0 0 220px;text-align:center}
.basketItems .add button{border-radius:0;font-size:14px;padding:0 15px;height:40px;line-height:40px;margin:auto}

.basketItems .grandTotals .img {border:none}

.basketItems .grandTotals .qty,.basketItems .grandTotals .linePrice {
   font-weight:600;font-size:18px
}

.basketItems .checkAndLabel{width:100%;margin:6px 0;padding-left:10px;}
.basketItems .checkAndLabel a{color:#336699;font-weight:600;}
.basketItems .checkAndLabel a:hover{color:var(--red);}
.basketItems .terms span,.errorFont{
  font-size: 12px;
    color: red;
}

#errorsAbove{text-align:center;padding:10px 15px; border-radius:4px;border:1px red solid;display:none;margin-top:20px;font-size:15px}

.checkout h1{margin-bottom:18px}
.checkout h1 i{color:#c43023;font-size:26px;}
.checkout .wrap{display: flex;}

.checkout .wrap .l {
    flex: 1;
    float: none;
    width: auto;
    padding: 9px 60px 0 0;
}

.checkout .wrap .l .checkAndLabel{margin-top:10px}
.checkout .wrap .r h2{font-size:17px;margin-bottom:11px;color:var(--dark-grey)}
.checkout .wrap .r {
    width: 400px;
    float: none;
}

.checkout .basketItems .item{padding:0 10px}

.checkout .basketItems .grandTotal *{font-weight:700;font-size:15px}
.checkout .basketItems .discount{border:none;padding-bottom:0;}
.checkout .basketItems .discountApply form{display:flex}
.checkout .basketItems .discountApply input{width:150px;margin-right:10px;height:32px;line-height:32px;flex:1}
.checkout .basketItems .discountApply{padding-left:10px;}
.checkout .basketItems .discountApply .btn {
    font-size: 14px;
    border-radius:2px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;margin-right:10px;
	background:lightseagreen
}

.checkout .basketItems{font-size:14px}
.checkout .basketItems .qty {
    flex: 0 0 50px;
}
.checkout .basketItems .linePrice {
    flex: 0 0 70px;
}

.checkout .basketItems .deliveryOptions{
	padding-right:10px
}

.checkout .basketItems .deliveryOptions .item {
    width: 100px;
    flex: 0;
}
.checkout .basketItems .deliveryOptions select {
   flex:1;
   height: 32px;
   line-height: 32px;
}

.checkout .basketItems .deliveryWeightExceeded span{width:100% !important;}
.checkout .basketItems .deliveryWeightExceeded span.linePrice{color:red;text-align:left;padding:0 10px}
.checkout .basketItems .deliveryWeightExceeded a {
	color:#336699;
    float: left;
    padding: 0 10px;
}

.checkout .basketItems .deliveryWeightExceeded {
	display:block;
}

.checkout .basketItems .courierOptions{
   margin-bottom:10px;
}

button.checkout {
    float: right;
    font-size: 22px;
    font-weight: 500;
    border-radius: 4px;
    height: 54px;
    line-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 330px;
}

button.checkout i {

    font-size: 18px;position:absolute;right:20px;

}

.checkout button.checkout{width:100%}
.checkout button.cardless{background:var(--blue);}
.checkout button.cardless:hover{background:var(--green);}

span.or-cardless{margin-top:10px;text-align:center}

.checkout #frmBilling{display:none}
.checkout .btm{
   margin:30px 0;
   padding:0 10px
}

.checkout .basketItems .th {

    height: 40px;
    line-height: 40px;
}

.checkout  #shippingWrap{margin-bottom:30px}
.checkout  .hWrap .checkAndLabel {
	width:auto;
    margin-top: 6px;
}

.checkout  .hWrap .checkAndLabel label {
    min-height: 30px;
    font-size: 16px;
    padding-top: 5px;
}

.checkout  .hWrap .checkAndLabel input{
    float: left;
    height: 30px;
    width: 30px;
    margin:0 8px;
}

#spinner {
    position: absolute;
    float: none;
    bottom: -130px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    text-align: center;
	display:none
}

#spinner img{height:auto;margin:auto;border-radius:40px}

#loading{position:absolute;float:none;top:0px;left:0px;height:100%;display:none;z-index:10000}

#loading img {
    height: auto;
    margin: auto;
    width: 80px; 
}

#loading .bg{height:100%;background:#000;opacity:.8}

#loading .inner {
    position: absolute;
    float: none;
    top: 200px;
    left: 0px;
    color: #fff;
    text-align: center;
    padding: 40px;
    z-index: 1;
}

#menu-phone, nav.mobile,#search-mobile{display:none}
p{margin-bottom:10px;line-height:21px;font-size:15px}

#slider{margin:auto;max-width:100%;float:none;display:block;/* height:450px; */}
#slider .slide{width:100%;height:100%;text-align:center;color:#fff;/* background:url(../images/sprites/sprite-home.jpg */)}

/* #slider .slide1{background-position:top 0 center}
#slider .slide2{background-position:top -529px center}
#slider .slide3{background-position:top -1059px center} */

#slider .slide p{font-size:34px;font-weight:700;line-height:42px;color:#fff}
/* .bx-wrapper,.bxslider,.bxslider ul{height:450px !important} */
.bx-wrapper bx-viewport{background:#C3CF21 !important;}
.bx-wrapper .bx-viewport {left:0 !important;box-shadow:none !important;border:none !important;}

.bx-wrapper {margin:0 auto !important;}
.bx-wrapper li{margin:0 !important;height:100%}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {float:none;width:auto;}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position:absolute;bottom:15px !important;width:100%;}
.bx-wrapper .bx-pager.bx-default-pager a {width:15px !important;height:15px !important;margin:0 7px;-moz-border-radius:50% !important;-webkit-border-radius:50% !important;border-radius:50% !important;background:#fff !important}
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:var(--green) !important}

.bx-controls{margin-top:10px}
.bx-wrapper .bx-pager.bx-default-pager{text-align:left;padding-left:10px;} 

.breadcrumbs{margin-bottom:15px;}
.breadcrumbs ul{ list-style-type: none; float:none;padding-left:0}
.breadcrumbs *{width:auto;font-size:13px;}
.breadcrumbs span.chevrons{margin:0 7px;}
.breadcrumbs span.name{color:var(--green)}
.breadcrumbs a:hover{color:var(--orange)}

.fifty{width:50%}
.fifty img{max-width:100%;float:right;}


.btnWrap{position:absolute;float:none;bottom:25px;left:40px;line-height:inherit;font-size:22px;color:#666;width:auto;}

.btnWrapWide{text-align:center;padding:40px 0 }
.btnWrapWide .btn{margin:auto;float:none}

.h1Wrap{padding:15px 20px 8px;text-align:center}
.h1Wrap h1{color:#fff;font-weight:500;font-size:30px;line-height:38px;margin-bottom:2px}

.general .btn{margin-top:10px}

.general .copy{padding:40px 50px;}


footer{color:#fff;background:#333;}
footer .logo{width:79px;height:57px;background-position:top -72px left 0;position:absolute;float:none;top:0px;left:0px;}

footer .copyright{text-align:center;font-size:13px;margin-bottom:20px}

footer h3 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 5px;
    color:var(--light-orange);
}

footer *{font-size:14px}
footer .inner{padding:50px 0 30px;display: flex;justify-content: space-between;}

footer div.col:first-of-type{width:317px;padding-left:100px;} 
footer div.col:last-of-type{width:200px;text-align:center} 

footer div.col:nth-of-type(2){width:100px;}

footer div.col:nth-of-type(3){width:192px;text-align:center;}
footer div.col:nth-of-type(3) span{text-align:center;}
footer .cards{margin-top:20px;width:192px;height:72px;background-position:top -130px left 0;float:none}

footer div.secure{cursor:pointer}
footer div.secure:hover span{color:var(--orange)}
footer div.secure span{transition:.3s;}
footer div.col:nth-of-type(4){width:165px;text-align:center;}

footer div.col a{color:#fff;margin-bottom:10px;width:100%;}

footer div.col a:last-of-type{margin-bottom:0}

footer div.col a:hover{color:var(--light-orange)}

footer div.col div{display: flex;justify-content: space-between;padding:25px 30px}

footer div.col a.lnkFbIcon{font-size:34px;width:auto}
footer div.col a.lnkYtIcon{font-size:34px;width:auto}

footer div.col a.lnkPhoneIcon {
    padding-left: 25px;
}

footer div.col a.lnkEmailIcon{padding-left:25px}

footer div.col a.lnkPhoneIcon i,footer div.col a.lnkEmailIcon i{position:absolute;float:none;top:1px;left:0;line-height:inherit;}

footer div.col a.lnkEmailIcon i{top:1px;}

.grecaptcha-badge { 
    visibility: hidden;
}

.hide{display:none !important}
.pointer{cursor:pointer}
.right{float:right !important}

input[type="text"],input[type="password"],input[type="file"],select{height:40px;line-height:40px;padding:0 10px;border:1px #ddd solid;background:#fff}
.field-wrap{width:48%;margin-bottom:20px}
.field-wrap .mr{margin-right:15px}
.field-wrap .checkWrap{margin-top:10px}
.fwl{width:100%}
.fws{width:48%}
.fwxs{width:80px;margin-right:10px}
.fws:last-of-type{float:right;}
.smallSel{width:120px}
.smallSel select{width:50px;margin-right:2px;padding:0 5px}
.smallSel select:last-of-type{margin-right:0}
.field-wrap textarea,.field-wrap input[type="text"]{border-radius:4px}
.field-wrap label{float:left;margin-bottom:3px;padding-left:1px;}
.field-wrap span:first-of-type{margin-bottom:4px;}
.field-wrap span.field-msg{position:absolute;float:none;top:26px;right:3px;width:auto;font-size:12px;color:red;line-height:12px;margin:0}
.field-wrap:nth-of-type(even){float:right;}
label.main{font-weight:600;}

::-webkit-input-placeholder{color:#999;font-weight:400;font-size:14px}
:-moz-placeholder{color:#999;opacity:1;font-weight:400;font-size:14px}
::-moz-placeholder{color:#999;opacity:1;font-weight:400;font-size:14px}
:-ms-input-placeholder{color:#999;font-weight:400;font-size:14px}	
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
textarea:focus::-webkit-input-placeholder { font-weight:400;color:transparent; }
textarea:focus:-moz-placeholder { font-weight:400;color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder {font-weight:400; color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { font-weight:400;color:transparent; } /* IE 10+ */
textarea { border: 1px #ddd solid;min-height: 100px;padding: 10px;}

.checkWrap .checkAndLabel {margin-bottom:5px}

.checkAndLabel div{
    display: flex;
    float: left;	
}

form table input[type="checkbox"] {
  
    height: 20px;
    width: 20px;
}
.checkAndLabel input, form table input[type="checkbox"] {
    float: left;
    height: 20px;
    width: 20px;
	margin-right:6px
}

.checkAndLabel label {
    flex:1;
    font-size: 14px;
    color: #555;
}


.xdsoft_datetimepicker{width:auto;}

.general img{
	height:auto !important;margin-left:0 !important;margin-right:0 !important;
	object-fit: contain; /* or 'cover' depending on your layout needs */
  align-self: flex-start; /* or center, etc. to control alignment */
  flex-shrink: 0;
  flex-grow: 0;
}

.flex img{width:200px !important;height:auto !important;margin-right:30px !important; }
.flex .r{flex:1}
.flex{
	display: flex;
}

.starterkits .intro{margin-bottom:5px}
.starterkits .flex{padding:20px;border-top:1px #efefef solid !important}
.starterkits h2{font-size:20px}

.starterkits .flex button i {font-size:14px}
.starterkits .flex button {
    width: 150px;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    align-items: center;
}

.general .hWrap {
    height: 46px;
}

.general h1 {
    line-height: 36px; height: 46px;
}

@media only screen and (max-width: 1520px) {
	.general{padding:0 25px;}
	
	.homepage .main {
		padding-right:7px
	}
	
	footer .inner{padding:50px 15px 30px;}
}

@media only screen and (max-width: 1300px) {
	 
	header{padding-top:0}
	header a.logo {
		width: 272px;
		margin-top: 10px; 
	}
	
	.searchWrap {
		margin-top: 0;
		top: 30px;
	}
	
	header a.logo span.name {
		font-size: 32px;
		line-height: 30px;
		top:0;
	}
	
	header a.wa,
	header .mid .top,
	#basketDetailsDT .yb
	{
		display:none
	}
	
	header a.logo span.strap {
		width: 200px;
		bottom:-15px
	}
	
	
	header .r {
		width: 180px;
		top: 16px;
	}
	
	header .basket {
	
		top: 50px;
	}
	
	.reassurance {
		grid-template-columns: repeat(2, 50%);
		margin: 15px 0 20px;
		padding:0;border-radius:0;
	}
	
	.reassurance div{padding:20px 0 10px}
	.reassurance div:first-of-type,.reassurance div:nth-of-type(2){
		border-bottom: 1px var(--light-green) solid;

	}
	
	.reassurance div:nth-of-type(2){
		border-right:none;
	}
	
	.discounting .discounts table {
		width: 100%;
	}
	
	.product .container{padding:0 20px}
	
	.productWrap .left {
		width: 300px;

	}
	
	.contactpage main .le{margin-bottom:30px}
	.contactpage main .r {
		width:270px;
		display: block;
	}
	
	.kiln-extras .inner{
		
		grid-template-columns: repeat(2, 49%);
		
		column-gap:2%;
	}
	
}

@media only screen and (max-width: 1200px) {
	
	header a.wa {
    top: 40px;
    left: 0;
    right: -100px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

	nav .wrap{display:none;position:absolute;float:none;top:0px;left:0px;z-index:2;background:var(--dark-green);}

	nav .wrap a:hover{background:var(--green)}
	nav .wrap a{border-right:none !important;border-left:none !important;width:100%;display:block;padding:0 !important;float:left;color:#fff;text-align:center;border-bottom:1px #efefef solid}
	nav .wrap span{border-right:none !important;border-left:none !important;display:block;padding:0 !important;text-align:center}
	
	.mobile {
		display: block;
		width: 80px;
		float: none;
		cursor: pointer;
		top:13px;
	}
	
	.mobile span {
		width: auto;
		font-size: 16px;
		line-height: 27px;
		height: 26px;
		font-weight: 600;
		padding-left:30px;
	}
	
	.mobile i {
		font-size: 24px;
		position: absolute;
		left: 0;
		top: 0;
		line-height: inherit;
		color:#fff
	}
	
	.mobile span span {
		padding: 0;
		display: inline;
		float: none;
		width: auto;
		color:#fff
	}
	
	nav#desktop #menu-phone {
		display: block;
		width: 80px;
		z-index: 3;
		top: 12px;
		left: 10px;
	}

	nav#desktop  .wrap a.sub{display:block}
	header div.sub{display:none}
	
	header .mid{top: 82px;z-index:2;position:absolute;float:none;right:0;left:0;margin-left:auto;margin-right:auto;}
	
	.searchWrap {
		margin-top: 0;
	}
	
	.searchWrap select,
	.searchWrap input
	{
		line-height: 40px;
		height: 40px !important;
	}
	
	.searchWrap button:hover{border-color:var(--dark-green)}
	.searchWrap button
	{
		line-height: 42px;
		height: 42px !important;border: 1px #993300 solid;
	} 
	
	.coursemain .section p:last-of-type{margin:0}
	.coursemain .section {
		display: flex;
		margin: 5px 0;
	}
	
	.coursemain  .img3{display:none}
	.coursemain .other img{width:auto}
	.coursemain .other {display:block}
	.coursemain .other div {
		width:100% !important;margin:0 0 20px 0 !important;
	}
	
	footer .inner{display:block}
	footer div.col{
		margin-right:50px
	}
	
	footer div.col:last-of-type {
		width:100% !important;margin:30px 0 0 0;
	}
	
	footer div.col:nth-of-type(4) {
		margin-right: 0;
		width: 192px;
		padding-top: 20px;
	}
}


@media only screen and (max-width: 1100px) {
	
	.ranges .row{
		
		grid-template-columns: repeat(4, 24%);
		
	}
	
	.homepage .ranges .row {
	
		grid-template-columns: repeat(5, 17%);
		
	}
	
	.ranges h3 {
		font-size: 13px;
		line-height:17px;
		font-weight:400;
	}
	
	.general .pageWrap {
		padding:0 5px;
	}
	
}

@media only screen and (max-width: 1050px) {
	.product .left-col {
		display:none
	}
	
	#searchResults {
		width:94%;
	}
}

@media only screen and (max-width: 950px) {
	.left-col {
		display: none;
		z-index: 1;
		background: #fff;
		position:absolute;width:100%
	}
	
	.showCategories {
		right: 160px;
		display: block;
		text-decoration: none;
		color: #336699;
		font-weight: 500;
	}
	
		.left-col h2 i.close{display:block;cursor:pointer;transition:.3s;font-size:22px}
	.left-col h2 i.fa-list{
		display:none
	}
	
	.general .hWrap {
		height: auto;
	}
	
	.general h1 {
		line-height: normal;
		height: auto;
		border: none;
		
		PADDING: 5px 0;
	}
	
	main {
		padding: 12px 0;
	}
	
		
	.aboutShort{
		text-align:center;margin-bottom:30px
	}
	
	.contactpage main .hWrap{margin-top:10px}

	.aboutShort button{margin:0 auto;float:none}
	
	#mobileViewCats {
		display: grid;
		margin: 5px 0 20px;
		grid-template-columns: repeat(6, 118px);
		row-gap:10px;justify-content: space-between;
	}
	
	.homepage .main {
		padding-right:0
	}
}



@media only screen and (max-width: 900px) {
	header .mid {
		margin-right: 0;
	}
	
	.ranges .row {
		grid-template-columns: repeat(3, 32%);
	}
	
	.ranges .row ,.productCategory .ranges .row {
		grid-template-columns: repeat(5, 19%);
	}
	
	.checkout .wrap {
    display: block;
}
	
	.checkout .wrap .r, .checkout .wrap .l {
		width: 100%;
		padding: 0;
	}
	
	.confirmation .details {
		padding-left:0;
	}
	
	.contactpage main .outer {
		display: block;
	}
	
	.contactpage main .le{margin-bottom:30px}
	.contactpage main .r {
		width:100%;
		display: flex;
		margin-top:30px
	}
	
}

@media only screen and (max-width:800px) {
	
	header a.wa {display:none}
	
	footer div.inner {text-align:center;padding:30px 0}
	
	footer div.col:first-of-type {
		width: 317px;
		padding:70px 0 20px 0;
	}
	
	footer div.col a.lnkEmailIcon,footer div.col a.lnkPhoneIcon {
		width: auto;
		margin: auto;
		float: none;
	}

	footer div.col {
		margin-right:0 !important;
		text-align:center;
		
		width: 100% !important;
	}
	
	footer div.col:nth-of-type(2) {
		width: 100%;
	}
	
	footer div.col:nth-of-type(3) {
		margin:30px 0 10px 
	}
	
	footer div.col:nth-of-type(4) {
		margin:auto;
		width: 192px !important;
		float:none
	}
	
	footer div.col div {
		padding:15px 30px 0
	}
	
	footer .logo {
		width: 79px;
		height: 57px;
		background-position: top -72px left 0;
		position: absolute;
		float: none;
		
		right:0;left:0;margin-left:auto;margin-right:auto;
	}
	
	#mobileViewCats {
		grid-template-columns: repeat(5, 118px);
	}
	
	footer a.lnkPhoneIcon{margin-top:20px !important}
	
	.productWrap {
		display: block;
	
	}
	.productWrap .left .imgWrap img{max-width:300px}
	
	.productWrap .left .imgWrap {
		display: flex;
		justify-content: center;
		padding: 10px;
		border: 1px #efefef solid;
		background: #f8f8f8;
		border-radius: 4px;
	}
	
	.productWrap .left {
		width: 100%;margin:0 0 30px 0;
	}
	
	.product .showcase {
		margin-top: 20px;
	}
	
	#searchResults .inner {
		grid-template-columns: repeat(4,23%);
		column-gap: 2.66%;
	}
	
	#loginRegister{width:96%;}
	
	
	
	.showCategories {
		right: auto;
		top: 53px;
		left: 2px;
	
	}
	
	
	.productCategory .hWrap {
		margin-bottom: 9px;
		border-bottom: none; 
		height: 80px;
	}
}
	
	

@media only screen and (max-width:700px) {
	.product .icons span {
		width:50%;
		margin:0 0 15px 0;
	
	}
	
	.starterkits .flex {
		padding: 20px 0;
		
	}
}

@media only screen and (max-width:650px) {
	
	.stock-notify-request .fwl {
		width:100%;
	}
	
	#loginRegister .field-wrap{width:100%;}
	
	#loginRegister .checkAndLabel {
    margin-top: 10px;
}
	
	header .container {
		padding: 0 5px;
	}
	
	header input {padding-left:5px !important}
	
	::-webkit-input-placeholder{font-size:12px}
	:-moz-placeholder{font-size:12px}
	::-moz-placeholder{font-size:12px}
	:-ms-input-placeholder{font-size:12px}	
	
	header .mid {
		width: 360px;
	} 
	
	.searchWrap select{font-size:12px;padding-left:5px;width:103px}
	
	.searchWrap span{display:none}
	
	.searchWrap i {
		display: block;
		font-size: 16px;
	}
	
	.searchWrap button {
		padding:0 13px;margin-left: 4px;
	}
	
	#mobileViewCats {
		grid-template-columns: repeat(4, 118px);
	}
	
	 .ranges a .img-wrap {
		min-height: 100px;
	}
	
	.product .pricing {
		margin: 10px 0;
	}
	
	.product .available {
		width: 100%;
	}
	
	.product .stock {
		
			border-right:none;
			margin-right:0;
			padding-right:0;
		
	}
	
	.confirmation .addresses div {
		width:100%;
	}
}

@media only screen and (max-width:580px) {
	#mobileViewCats {
		grid-template-columns: repeat(3, 118px);
	}
	
	#mobileViewCats a.clearance {
		display:none;
	}

	.reassurance {
		margin-bottom:12px
	}
	
	.ranges .row{
		grid-template-columns: repeat(4, 24%);
	}
	
	.coursemain .section{display:block;}
	.coursemain .intro div{width:100%;margin:0 !important}
	.coursemain .intro img{width:250px}
	
	.coursemain .intro .r {width:300px;padding-top:20px;margin:auto;float:none}
	.coursemain .intro ul,.coursemain .intro li{padding:0}
	.coursemain .intro ul i {
		position: relative;
		left: -7px;
		top: 0;
		color: var(--green);
	}
	
	.coursemain .intro .l {
		width: 100%;
		padding-top: 40px;
	}
	
	.coursemain .intro {
		text-align:center;
	}
	
	.coursemain h2 {
		font-size: 18px !important;line-height:24px
	}
	
	.coursemain .all {
		width: 100%;
		float: left;
		display: block;
		/* margin-bottom: 20px; */
	}
	
	.hWrap {

		border-bottom: none; 
		height: auto;
	}
	
	
	.checkout  .hWrap .checkAndLabel input {
		
		margin-left:0;
	}
	.general h1, .showcase h1, .showcase h2, .showcase .h2 {
		height: auto;
		border-bottom: 3px var(--green) solid;
		width: 100%;
		margin-right:0;
		padding-bottom:13px;
		margin-bottom:10px;
		
	}
	
	.h2Wrap{margin-bottom:10px;}
	
	.showcase .direction {

		top:0;
	}
	
	.all {
		
		top: 53px;
		
	}
	
	.homepage .showcase .all {
		right:auto;
		top: 48px;
		left:1px
	}
	
	.homepage .showcase {

		border-bottom: none;
	}
	
	.homepage .showcase h2 {
		
		border-bottom: 1px #efefef solid;
		
		margin-bottom: 10px;
	}
	
	.homepage .showcase .direction {
		top: -51px;
	}
	
	.basketItems .cells {
		font-size: 13px;
	}
	
	.basketItems .item {
		line-height: 18px;
	}
	
	.basketItems .qty select {
		width: 40px;
		float: none;
		font-size: 12px;
		padding: 0 5px;
	}
	
	.basketItems .price {
		flex: 0 0 50px;
	}
	
	.basketItems .linePrice {
		flex: 0 0 50px;
		
	}
	
	.basketItems .qty {
		flex: 0 0 70px;
	}
	
	.basketItems .img {
		flex: 0 0 30px;
		padding: 0;
		
	}
	
	.basketItems .grandTotals .item,
	.basketItems .grandTotals .price,
	.basketItems .grandTotals .img {
		display:none
	}
	
	.basketItems .grandTotals .qty {flex:1;text-align:right}
	.basketItems .grandTotals .linePrice {
		flex: 0 0 100px;
		font-weight: 600;text-align:right
	}
	
	button.checkout i {
		
		right: 20px;
		position: absolute;
	}
	
	button.checkout {
		
		font-size: 18px;
		
		width: 100%;
	
		justify-content: center;
	
	}
	
	.your-basket main .container {
		padding: 0 15px;
	}
	
	.hWrap {
		margin-bottom: 9px;
	
	}
	
	
	.contactpage main .r {
		
		display:block;

	}
	
	.starterkits .flex img {width:100% !important;margin-bottom:20px}
	.starterkits .flex {
		display:block
		
	}

}

@media only screen and (max-width:550px) {
	.contactpage main .frmContact .fields {
	
		grid-template-columns: repeat(2, 48.5%);
	
	}
}
@media only screen and (max-width:540px) {
	
	.homepage .ranges .row {
		grid-template-columns: repeat(4, 23%);
	}

}
@media only screen and (max-width:500px) {
	header a.logo span.logo {
		width: 71px;
		height: 50px;
	}
	
	.h-sprite {
		background: url(../images/sprites/header-mobile.jpg) no-repeat;
	}
	
	header .inner {
		display:block
	}
	
	header a.logo span.name,header a.logo span.strap {
		left: 80px;
	
	}

	header .r {position:absolute;float:none;top:0px;right:0px;width:100%}
	
	header .r button {
		top:110px;z-index:2;background: var(--green);
	} 
	
	header #in {
		top: 160px;
	}
	
	header .account i:first-of-type {
		left: -7px;
		font-size:22px
	}
	
	header .account i:last-of-type {
    right: -5px;
}
	
	header .account {
		padding: 0 10px 0 0px;
		
	}
	
	header .basket {
		top:40px;
	}
	
	header .mid {
		margin-right: 0;
	}
	
	nav#desktop #search-mobile {
		display:block;
		width: 100px;
		position:absolute;float:none;right:0;left:0;margin-left:auto;margin-right:auto;
	}
	header .mid {
		width: 100%;
		top: 142px;
		display: none;
	}
	
	nav#desktop #account span i{top:1px}
	nav#desktop #account span{width:100px}
	/* nav#desktop #account {
		display:block;
		width: 113px;
		position:absolute;float:none;top:12px;right:0;;
	} */
	
	nav#desktop #account span span {
		display: block;
		position: absolute;
		top: -4px;
		font-size: 14px;
		line-height: 18px;
		width:auto;
	}
	
	.reassurance {
		grid-template-columns: repeat(1, 100%);
	}
	
	.reassurance div{
		border-right:none !important;
	}
	
	.reassurance div:nth-of-type(3) {
		border-bottom: 1px var(--light-green) solid;
	}
	
	
		
}

@media only screen and (max-width:470px) {
	
	.mobile span span {
		
		display: none;
		
	}

	
	nav#desktop #search-mobile {
		width: 20px;
		left: -40%;
	}

	.showcase h1,.showcase h2 {
		font-size:16px
	}
	
	.homepage .showcase h2 {
		font-size:18px
	}
	
	.productCategory .ranges .row {
		grid-template-columns: repeat(3, 32%);
	}
	
	.homepage .ranges .row {
		grid-template-columns: repeat(3, 30%);
	}

	.atb button {
		width: 100%;
		margin-top: 20px !important;
		float: left;
		box-sizing: border-box;webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;
	}
	
	.pop{width:94%;}
	
	.productWrap .left .imgWrap {
	
		padding:0;
		border:none;
		background: #fff;
		border-radius: 0;
	}
	
	.checkout .field-wrap {
		width: 100%;
		margin-bottom: 10px;
	}
	
	
	.contactpage main .frmContact .fields {
	
		grid-template-columns: repeat(1,100%);
	
	}
	
	.contactpage main .frmContact button {
	
		width: 100%;
	}
	
	.contactpage main .frmContact textarea, .contactpage main .frmContact input {
		
		border-radius: 4px !important; 
	
	}
	
	.frmContact label {
		
		right: 5px;
		
	}
	
	.frmContact .field-wrap span.field-msg {
		
		right: 5px;
	}

}

@media only screen and (max-width:430px) {
	.kiln-extras .inner{
		
		grid-template-columns: repeat(1, 100%);
		
		column-gap:0;
	}
	
	.kiln-extras .col2 {
		grid-column: span 1;
	}
}

@media only screen and (max-width:400px) {
	.rangesWrap {
		
		min-height:initial;
	}
	
	#mobileViewCats a span {
		width: 100px;
	}
	
	#mobileViewCats {
		grid-template-columns: repeat(3, 33.33%);
	}
	
	.checkout .field-wrap {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.checkout .field-wrap label {
		margin-bottom: 1px;
		font-size: 13px;
	}
	
	.delivery-address .checkout{
		padding: 0 15px;
	}
	
	.checkout button.checkout {
		
		padding:0 15px;
		
	}
	
	.checkout .btm {
		padding:0;
	}

	header .basket {
		top: 10px;
	}
	
	header .r button span,
	nav#desktop #search-mobile span span {
		display:none
	}
	
	header .account {
		padding: 0 10px 0 10px;
	}

	header .account i:first-of-type {
		left: 0;
	}
	
	nav#desktop #search-mobile{
		width: 30px;
	}
	
	header a.logo span.strap {
		width: 185px;
	}
	
	.product .icons span {
		width:100%;
	
	
	}
	
	.contactpage main h1{
		font-size:18px;
	
		
		border-bottom: 2px var(--green) solid;
		
		padding-bottom: 10px;
		margin-bottom: 5px;
	}

}

@media only screen and (max-width:350px) {
	#mobileViewCats a span {
		width: 90px;
	}
	
	
	
}
@media only screen and (max-width:320px) {
	header a.logo span.name {
		font-size: 26px;
	}
	
	header a.logo span.strap {
		font-size: 12px;width:100%;left:0;text-align:center
	}
	
	nav#desktop #menu-phone span span,
	nav#desktop #account span span{
		display:none
	}
	
	nav#desktop #menu-phone,
	nav#desktop #account{
		width: 30px;
	}
	
	#mobileViewCats {
		grid-template-columns: repeat(2, 50%);
	}
	
	#mobileViewCats a span {
		width: 100px;
	}
	td, th {
		padding: 4px;
		font-size:14px
	}
	
	.your-basket .basketItems .img {
		display:none
	}
	
	button.checkout {
		font-size: 16px;
		padding: 0 15px;
		justify-content:space-between
	}
	
	button.checkout i {
		right: 0;
		position: relative;
	}
	
	.basketItems .cells {
		font-size: 11px;
	}
	
	.basketItems .item {
		
		padding: 0 5px;
		
	}
	
	.basketItems .qty {
		flex: 0 0 50px;
	}
	
	.pop h2 {
		font-size: 14px;
	}
	
	.all, .navSpan {
	
		font-size: 12px;
	
	}
}

@media only screen and (max-width:300px) {
	header .container {
		padding: 0 5px;
	}
	
	.contactpage main .emailLink {
		font-size: 13px;
		
	}
	
	.homepage .showcase .direction {
		top: 0;
	}
	
	nav#desktop #search-mobile {

		left: -50%;
	}
}
@media only screen and (max-width:260px) {
	.your-basket main .container {
		padding: 0 5px;
	}
	
	button.checkout i{display:none}
	button.checkout {
		font-size: 15px;
		padding: 0;
		justify-content: center;
	}
	
	header a.logo span.strap,
	header a.logo span.name {
		display:none
	}
	
	header a.logo {
		min-height:initial;
	}
	
	nav {
		margin-top: 10px;
	}
	
	header .r button {
		top: 73px;
		
	}
	
	header .basket {
		top: 22px;
	}
	
	header #in {
    top: 130px;
}
}