/* CSS Document */
/* NEW LAYOUT CSS TO BE USED */

/* ERROR PAGE */
#errorPage {
	background-color: #8FD7F2 !important;
	background-image: url('../images/web/grass.svg');
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100%;
	height: 100vh;
	padding: 0;
	text-align: center;
}

#errorPage h1 {
	color: #FFFFFF;
	font-size: 52px;
	font-weight: bold;
	margin: 20% 0 20px 0;
	text-shadow: 1px 1px 1px #000000;
}
#errorPage p {
	font-size: 18px;
	margin: 0 0 20px 0;
}
#errorPage .btn {
	border-radius: 0;
	font-size: 18px;
	margin: 0 10px;
}

#altLogo {
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	z-index: 1000;
}
#altLogo a { display: inline-block; }
#altLogo img {
	height: 120px;
	margin: 0 auto;
}

/*
#fence {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 5%;
  width: 100%;
}
#fencePanels {
  display: flex;
  min-height: 270px;
}
.fencePanel {
  background-image: url('../images/web/fence-panel.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  flex: 1 1 auto;
  position: relative;
  width: 32px;
  -webkit-transition: transform 0.5s linear;
  transition: transform 0.5s linear;
  transform-style: preserve-3D;
}

.fencePanel.loose {
  transform: rotate(9deg);
  transform-origin: bottom right;
}

.fencePanel.flyaway {
	animation-duration: 2s;
	animation-name: flyaway;
	animation-timing-function: linear;
	left: 0;
	visibility: hidden;
}
*/

.cloud {
	animation-name: cloud;
	animation-duration: 36s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	position: absolute;
	top: 20px;
	left: -25%;
	max-width: 15%;
}

#cloud2 { animation-delay: 6s; top: 50px; }
#cloud3 { animation-delay: 12s; }
#cloud4 { animation-delay: 18s; top: 50px; }
#cloud5 { animation-delay: 24s; }
#cloud6 { animation-delay: 30s; top: 50px; }

.leaf1, .leaf2,
.leaf3, .leaf4,
.leaf5, .leaf6 {
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	position: absolute;
	left: -50px;
}

.leaf1 {
	animation-name: wind1;
	top: 25%;
}
.leaf2 {
	animation-name: wind2;
	animation-delay: 2s;
	top: 35%;
}
.leaf3 {
	animation-name: wind3;
	animation-delay: 4s;
	top: 50%;
}
.leaf4 {
	animation-name: wind4;
	animation-delay: 6s;
	top: 75%;
}

@keyframes wind1 {
  0% {
  	left:-100px;
  	top: 25%;
  	transform: rotate(25deg);
  }
  25% {
  	left:25%;
  	top: 35%;
  	transform: rotate(70deg);
  }
  50% {
  	left:50%;
  	top: 30%;
  	transform: rotate(115deg);
  }
  75% {
  	left:75%;
  	top: 25%; 
  	transform: rotate(165deg);
  }
  100% {
  	left:105%;
  	top: 20%;
  	transform: rotate(150deg);
  }
}
@keyframes wind2 {
  0% {
  	left:-100px;
  	top: 35%;
  	transform: rotate(25deg);
  }
  25% {
  	left:25%;
  	top: 45%;
  	transform: rotate(70deg);
  }
  50% {
  	left:50%;
  	top: 40%;
  	transform: rotate(115deg);
  }
  75% {
  	left:75%;
  	top: 35%; 
  	transform: rotate(165deg);
  }
  100% {
  	left:105%;
  	top: 30%;
  	transform: rotate(150deg);
  }
}
@keyframes wind3 {
  0% {
  	left:-100px;
  	top: 50%;
  	transform: rotate(25deg);
  }
  25% {
  	left:25%;
  	top: 65%;
  	transform: rotate(70deg);
  }
  50% {
  	left:50%;
  	top: 60%;
  	transform: rotate(115deg);
  }
  75% {
  	left:75%;
  	top: 55%; 
  	transform: rotate(165deg);
  }
  100% {
  	left:105%;
  	top: 50%;
  	transform: rotate(150deg);
  }
}

@keyframes wind4 {
  0% {
  	left:-100px;
  	top: 75%;
  	transform: rotate(25deg);
  }
  25% {
  	left:25%;
  	top: 85%;
  	transform: rotate(70deg);
  }
  50% {
  	left:50%;
  	top: 80%;
  	transform: rotate(115deg);
  }
  75% {
  	left:75%;
  	top: 75%; 
  	transform: rotate(165deg);
  }
  100% {
  	left:105%;
  	top: 70%;
  	transform: rotate(150deg);
  }
}

@keyframes cloud {
	from {
		left: -25%;
	}
	to {
		left: 110%;
	}
}

/*
@keyframes flyaway {
  0% {
  	left:0;
  	top: 0;
  	transform: rotate(25deg);
  	visibility: visible;
  }
  25% {
  	left:25%;
  	top: -20px;
  	transform: rotate(40deg);
  }
  50% {
  	left:50%;
  	top: -30px;
  	transform: rotate(30deg);
  }
  75% {
  	left:75%;
  	top: -10px; 
  	transform: rotate(25deg);
  }
  100% {
  	left:150%;
  	top: 0;
  	transform: rotate(20deg);
  }
}
*/


@media (max-width: 767px) {

	#altLogo img { height: 60px; }
	#errorPage h1 { font-size: 21px; }
	#errorPage p { font-size: 14px; }
	#errorPage .btn {
		font-size: 13px;
		padding: 5px 10px;
	}


}
@media (max-height: 600px) {

	#altLogo img { height: 60px; }
	#errorPage h1 { font-size: 21px; margin-top: 7.5%; }
	#errorPage p { font-size: 14px; }
	#errorPage .btn {
		font-size: 13px;
		padding: 5px 10px;
	}


}


/* MAIN STYLES */
body { position: relative; }

header { border-bottom: 1px solid #0f7953; }

.holidayMessage {
	background: #747E1E;
	padding: 10px 20px;
	text-align: center;
}
.holidayMessage p {
	color: #FFFFFF;
	margin: 0;
}
.preHeaderWarning {
	background: #000;
	padding: 10px 20px;
	text-align: center;
}
.preHeaderWarning p {
	color: yellow;
	margin: 0;
}
.preHeaderWarning p a { color: yellow; }

.noPadLeft { padding-left: 0; }
.noPadLeftRight { padding: 0; }
.noPadRight { padding-right: 0; }

.modal-header {
	background: #0f7953;
	padding: 15px 20px;
}
.modal-header h3 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}
.close,
.close:hover,
.close:focus { color: #FFFFFF; }

.modal-body {
    max-height: 500px;
    overflow-y: scroll;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


#sitePages, #productPage { padding: 10px 0 30px 0; }
#siteBreadcrumbs { background: transparent; }

.breadcrumb {
	border-radius: 0;
	margin: 0;
	padding: 10px 0;
}
.breadcrumb li { color: #333333; }
.breadcrumb li a { color: #0f7953; }

.panel { background: transparent; }

.formLeft { padding-left: 0; }
.formRight { padding-right: 0; }
.formFull { padding: 0; }

#resetPasswordSection { display: none; }


#siteLogo { padding: 10px 0; }
#siteLogo img {
	height: 80px;
	transition: all .2s ease-in-out;
}

#siteSearch { padding: 25px 0; }
#siteSearch .clearSearchBox {
	color: #ABABAB;
	cursor: pointer;
	display: none;
	font-size: 16px;
	position: absolute;
	top: 14px;
	right: 60px;
	z-index: 100;
}
#siteSearch .form-control {
	height: 50px;
	font-size: 16px;
	transition: all .2s ease-in-out;
}
#siteSearch .btn {
	font-size: 18px;
	height: 50px;
	padding: 6px 15px;
}

.searchResults {
	background: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	position: absolute;
	width: 100%;
	z-index: 10000;
}
.productSearchResults { border-bottom: 1px solid #CCCCCC; }

.productSearchResults table,
.productSearchResults p { margin: 0; }
.productSearchResults p a {
	color: #005447;
	font-weight: bold;
}

.actionItems {
	float: right;
	height: 100px;
	margin: 0;
	padding: 10px 0;
	width: 100%;
	transition: all .2s ease-in-out;
}
.actionItems li {
	float: left;
	list-style: none;
	text-align: center;
	width: 33.33333333%;
}

/*
#actionItems li.store,
#actionItems li.account {
	border-right: 1px solid #dddddd;
}
*/

.actionItems li a {
	color: #333333;
    display: inline-block;
    position: relative;
	text-decoration: none;
}
.actionItems li a:focus {
    outline: #dddddd dotted 2px !important;
    outline-offset: 1px;
}
.actionItems li i {
	color: #0e7953;
	font-size: 36px;
	transition: all .2s ease-in-out;
}
.actionItems li p {
	font-weight: bold;
	line-height: 18px;
	margin: 5px 0 0 0;
}
.actionItems li p span {
	font-size: 13px;
	font-weight: normal;
}
.actionItems li p span a { color: #0e7953; }
.actionItems li p span.badge { margin-right: 5px; }


#actionItems {
	float: right;
	height: 100px;
	margin: 0;
	padding: 10px 0;
	width: 100%;
	transition: all .2s ease-in-out;
}
#actionItems li {
	float: left;
	list-style: none;
	text-align: center;
	width: 33.33333333%;
}

/*
#actionItems li.store,
#actionItems li.account {
	border-right: 1px solid #dddddd;
}
*/

#actionItems li a {
	color: #333333;
    display: inline-block;
    position: relative;
	text-decoration: none;
}
#actionItems li a:focus {
    outline: #dddddd dotted 2px !important;
    outline-offset: 1px;
}
#actionItems li i {
	color: #0e7953;
	font-size: 36px;
	transition: all .2s ease-in-out;
}
#actionItems li p {
	font-weight: bold;
	line-height: 18px;
	margin: 5px 0 0 0;
}
#actionItems li p span {
	font-size: 13px;
	font-weight: normal;
}
#actionItems li p span a { color: #0e7953; }
#actionItems li p span.badge { margin-right: 5px; }

.mainMenuNav {
	background: #0e7953;
	height: 41px;
	width: 100%;
}
.mainMenuNav.tradeAccount { background: #428bca; }

.mainMenuNavigation {
	display: flex;
	position: relative;
	margin: 0;
	padding: 0;
}

.mainMenuNavigation > li {
	flex: 1 1 auto;
	list-style: none;
	text-align: center;
}

.mainMenuNavigation > li:last-child > a:hover,
.mainMenuNavigation > li:last-child > a:focus {
	background-color: #FFFFFF;
	color: #0e7953;
}

/*
.tradeAccount .mainMenuNavigation > li:last-child > a:hover,
.tradeAccount .mainMenuNavigation > li:last-child > a:focus {
	color: #FFFFFF;
}
*/

.mainMenuNavigation > li > a {
	color: #FFFFFF;
	display: block;
	font-size: 15px;
	padding: 10px 15px;
	text-decoration: none;
	transition: all .2s ease;
}


@media (min-width: 992px) and (max-width: 1199px) {

	/*

	.mainMenuNav .nav > li { width: 21.5%; }
	.mainMenuNav .nav > li:last-child { width: 14%; }
	.mainMenuNav .nav > li > a { padding: 10px 12px; }

	.mainMenuNav .dropdown-menu {
		max-width: 970px !important;
		width: 970px !important;
	}
	.mainMenuNav .nav > li:nth-child(2) .dropdown-menu { left: -208.55px !important; }
	.mainMenuNav .nav > li:nth-child(3) .dropdown-menu { left: -417.1px !important; }
	.mainMenuNav .nav > li:nth-child(4) .dropdown-menu { left: -625.65px !important; }

	*/

}

@media (min-width: 768px) and (max-width: 991px) {

	.categoryItems p:first-child { font-size: 13px; }

}



.hotlinks {
	padding: 10px 0;
	text-align: center;
	transition: all .2s ease-in-out;
}
.hotLinkItem { display: inline-block; }
.hotlinksIcon { float: left; }
.hotlinksText,
.hotlinksTextAlt { float: left; }

.hotlinksText { padding-top: 5px; }
.hotlinksTextAlt { padding-top: 12px; }

.hotlinks img {
	height: 40px;
	margin-right: 5px;
	transition: all .2s ease-in-out;
}
.hotlinks p {
	color: #999999;
	font-size: 13px;
	line-height: 16px;
	margin: 0;
	text-align: center;
}
.hotlinks p strong {
	color: #333333;
	font-size: 18px;
	transition: all .2s ease-in-out;
}
.hotlinks p strong span.green { color: #005447; }


.hotlinks iframe { margin: auto; }
#trustpilotHotlink {
	margin: 10px 0;
	transition: all .2s ease-in-out;
}


section { padding: 30px 0; }
#homepageCategories {  }
#popularProducts, #socialNetworks { padding-bottom: 0; }


.categoryItems .imageHolder {
	overflow: hidden;
	position: relative;
}
.categoryItems .imageHolder img {
	-webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.categoryItems .imageOverlay {
  background: rgb(0 0 0 / 65%);
  height: 50px;
	position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.categoryItems .imageOverlay .btn {
	background: transparent;
	border-color: #FFFFFF;
	border-radius: 0;
	color: #FFFFFF;
	margin: 8px auto 0 auto;
}

.categoryItems:hover .imageHolder img{
	transform: scale(1.15);
    -webkit-transform: scale(1.15);
}

.categoryItems:hover .btn {
		background: #FFFFFF;
    color: #005447;
}

.categoryItems p strong { color: #005447; }
.categoryItems p:last-child { margin-bottom: 0; }


#homepageContent {
	background: rgba(0,84,70,0.9);
	padding: 30px 0;
	text-align: center;
}

@media (min-width: 992px) {

	#homepageContent .container { width: 970px; }

}

#homepageContent h1 {
	color: #FFFFFF;
	font-size: 52px;
	font-weight: bold;
	margin: 0 0 20px 0;
}
#homepageContent h2 {
	border-top-style: double;
	border-bottom-style: double;
	color: #FFFFFF;
	font-size: 26px;
	margin: 0 0 20px 0;
	padding: 15px 20px;
}
#homepageContent p {
	color: #FFFFFF;
	font-size: 16px;
	text-align: justify;
	margin: 0 0 20px 0;
}
#homepageContent p:last-child { margin-bottom: 0; }

.sectionHeading {
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
	position: relative;
	text-align: center;
}
.sectionHeading hr {
	border: 0;
	border-bottom: 2px solid #005447;
	margin: 0;
	position: absolute;
	top: 19px;
	left: 0;
	width: 100%;
}
.sectionHeading .title {
	background: #fafafa;
	color: #005447;
	display: block;
	font-size: 21px;
	font-weight: bold;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	width: 320px;
}

#prevPopular,
#nextPopular,
#prevPost,
#nextPost,
#prevRelated,
#nextRelated {
	color: #005447;
	cursor: pointer;
	line-height: 32px;
	position: absolute;
	top: 30px;
	transition: all .2s ease-in-out;
}

#prevPopular span,
#prevPost span,
#prevRelated span {
	float: left;
	margin-left: 5px;
}
#nextPopular span,
#nextPost span,
#nextRelated span {
	float: right;
	margin-right: 5px;
}

.leftArrow {
	font-size: 32px;
	float: left;
}
.rightArrow {
	font-size: 32px;
	float: right;
}
#prevPopular,
#prevPost,
#prevRelated {
	float: left;
	left: 10px;
}
#nextPopular,
#nextPost,
#nextRelated {
	float: right;
	right: 10px;
}
#prevPopular:hover,
#nextPopular:hover,
#prevPost:hover,
#nextPost:hover,
#prevRelated:hover,
#nextRelated:hover { color: #333333; }

.col-1-fifth {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 20%;
}

.popularProduct a { text-decoration: none; }

.popularItem {
	background: #005447;
	border: 1px solid #0e7953;
	position: relative;
}
.productThumbnail {
	background: #FFFFFF;
	border: 1px solid #dddddd;
	height: 384px;
	margin-bottom: 30px;
	position: relative;
}

.popularItem .imageHolder {
	height: 160px;
	overflow: hidden;
}

.productThumbnail .imageHolder {
	border-bottom: 1px solid #dddddd;
	height: 200px;
	overflow: hidden;
}
.popularItem .imageHolder img,
.productThumbnail .imageHolder img {
	-webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.popularItem:hover .imageHolder img,
.productThumbnail:hover .imageHolder img {
	transform: scale(1.15);
    -webkit-transform: scale(1.15);
}

.priceTag, .specialTag {
    background: #0e7953;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 10px;
}

.productThumbnailDetails {
	padding: 10px;
	text-align: center;
}
.productThumbnailDetails .alert {
	margin: 5px 0 0 0;
	padding: 5px 15px;
}

.productName {
	color: #005447;
	height: 50px;
	margin-bottom: 6px !important;
}
.productName a {
	color: #005447;
	text-decoration: none;
}
.productCode {
	color: #333333;
	font-size: 12px;
	line-height: 125%;
	margin: 0 !important;
}
.productOptions { color: #333333; }

.popularItemDetails {
	align-items: center;
	display: flex;
	height: 60px;
	padding: 5px 10px;
	justify-content: center;
	text-align: center;
}
.popularItemDetails p {
	color: #FFFFFF;
	line-height: 125%;
	margin: 0;
}

.productQty { margin-bottom: 10px; }

.productPrice,
.productPricesFrom {
	color: #CC3333;
	font-size: 14px;
	font-weight: bold;
	line-height: 125%;
	text-align: left;
}

.productPrice span,
.productPricesFrom span {
	color: #333333;
	font-size: 13px;
	font-weight: normal;
}

div.pagination strong,
div.pagination a {
	background: #005447;
	border: 1px solid #005447;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    padding: 6px 12px;
    text-align: center;
}
div.pagination a {
	background: transparent;
	color: #005447;
	margin: 0;
}
div.pagination a:hover,
div.pagination a:active {
	background-color: #005447;
	border-color: #005447;
}

#productImage {
	border: 1px solid #dddddd;
	margin-bottom: 10px;
	position: relative;
}
#productImage p {
	background: rgba(255,255,255,0.8);
	display: block;
	padding: 5px 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
}
#relatedItemsBtn {
	border-radius: 0;
	font-size: 26px;
	font-weight: bold;
	line-height: 125%;
	white-space: unset;
	width: 100%;
}

#productDetails {

}
#productDetails h1 {
	color: #0f7953;
    font-size: 26px;
    font-weight: bold;
    margin: 0 0 10px 0;
}
#productDetails p {
    font-size: 15px;
    margin: 0 0 10px 0;
    line-height: 125%;
}
.wasPrice {
	color: #CC3333;
	font-size: 16px;
}
.savePrice {
	color: #86c232;
	font-size: 16px;
	margin-left: 5px;
}

#productPrice {
	color: #0f7953;
    font-size: 24px !important;
    font-weight: bold;
    margin: 0;
}
#productPrice .vatOption {
	color: #333333;
	font-size: 16px;
	font-weight: normal;
}

#sizeOptions,
#colourOptions {
	border: 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#sizeOptions input[type=radio],
#colourOptions input[type=radio] {
	position: absolute;
	left: -10000px;
}
#sizeOptions input[type=radio] + label,
#colourOptions input[type=radio] + label {
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-weight: normal;
	float: left;
	margin: 0 10px 10px 0;
	text-indent: -10000;
}
#sizeOptions input[type=radio] + label {
	background-color: #333333;
	padding: 10px 15px;
}
#sizeOptions input[type=radio]:checked + label { background-color: #0f7953; }

#colourOptions input[type=radio] + label {
	background-size: cover;
	background-repeat: no-repeat;
	border: 1px solid #333333;
	border-radius: 50%;
	height: 52px;
	width: 52px;
}
#colourOptions input[type=radio] + label i { font-size: 21px; }
#colourOptions input[type=radio]:checked + label span {
	background-image: url('../images/web/radio-image-checked.png');
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	width: 50px;
}


.basketFlexItem {
	border-bottom: 1px solid #dddddd;
	display: flex;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.basketFlexItem .basketItemImage {
	display: flex;
	width: 20%;
}
.basketFlexItem .basketItemDetail {
	display: flex;
	flex-direction: column;
	padding: 0 15px;
	width: 65%;
}
.basketFlexItem .basketItemProductQuantity {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.basketFlexItem .basketItemPricing {
	display: flex;
	flex-direction: column;
	width: 15%;
}

#productDetails .input-group .input-group-addon,
#relatedItemsModal .input-group .input-group-addon,
.productQty .input-group .input-group-addon,
.basketFlexItem .input-group .input-group-addon {
    background: transparent;
    border: 0;
    padding: 0;
}
#productDetails .form-control,
#relatedItemsModal .form-control,
.productQty .form-control,
.basketFlexItem .form-control { text-align: center; }
#productDetails .input-group .btn,
#relatedItemsModal .input-group .btn,
.productQty .input-group .btn,
.basketFlexItem .input-group .btn {
    background: transparent;
    border-radius: 0;
    color: #000000;
    padding: 6px 5px;
}

#addToBasketBtn, #makeEnquiryBtn {
	border-radius: 0;
	float: right;
}

#branchStockLevels .table {
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin: 0 0 5px 0;
}
#branchStockLevels .table > thead > tr > th {
	border-bottom: 0;
	color: #0f7953;
	padding: 4px 4px 8px 4px;
}
#branchStockLevels .table > tbody > tr > td { border-top: 0; padding: 2px 4px; }

#stockTimeStamp { font-size: 13px !important; margin-bottom: 5px !important; }
#refreshStockLevels {
	border-bottom: 1px dotted #333333;
	cursor: pointer;
	float: right;
}
#refreshStockLevels:focus,
#refreshStockLevels:hover { color: #777777; }
#refreshStockLevels i { margin-left: 5px; }

#stockNotes { color: #777777; font-size: 13px !important; }


.relatedOutOfStockMessage {
	font-size: 12px;
	line-height: 125%;
}

.relatedItem { margin-bottom: 10px; }
.relatedItem p strong span {
	color: #0f7953;
	font-size: 18px;
}

.sectionHeading.popular { margin-bottom: 30px; }
.sectionHeading.related { margin-bottom: 0; }

#relatedProducts {
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
}
#relatedProducts.slick-initialized {
	visibility: visible;
	opacity: 1;	
}

#relatedProducts .productThumbnail ,
#relatedProducts .productThumbnail .imageHolder { height: auto; }
#relatedProducts .productName { margin-bottom: 15px !important; }
#relatedProducts .productPrice {
	position: unset;
	text-align: center;
}
#relatedProducts .productActionBtn {
	margin-top: 0;
	position: unset;
	width: 100%;
}

.productThumbnail .wasPrice,
.productThumbnail .savePrice { font-size: 14px; }


#productDetailTabs .nav-tabs > li > a {
	color: #0f7953;
	font-size: 16px;
	font-weight: bold;
	padding: 15px 20px;
}
#productDetailTabs .nav-tabs > li > a h4 { margin: 0; }

#emptyBasket { margin-bottom: 15px; }
#emptyBasket img {
	float: left;
	width: 40px;
}
#emptyBasket p {
	font-size: 21px;
	float: left;
	margin: 12px 0 0 10px !important;
}

.emptyBasket { margin-bottom: 15px; }
.emptyBasket img {
	float: left;
	width: 40px;
}
.emptyBasket p {
	font-size: 21px;
	float: left;
	margin: 12px 0 0 10px !important;
}

.basketItem {
	border-bottom: 1px solid #dddddd;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.basketItemImage img { border: 1px solid #dddddd; }
.basketItemDetail p.productHeading {
	color: #0f7953;
	font-size: 18px;
	margin-bottom: 5px !important;
}

.basketItemPricing { text-align: right; }
.basketItemLineTotal {
	line-height: 140% !important;
	margin: 0 !important;
}
.basketItemLineTotal span {
	color: #0f7953;
	font-size: 26px;
}

.basketItemTotalText,
.basketItemTotalValue { text-align: right; }
.basketItemTotalText p,
.basketItemTotalValue p { font-size: 18px; }
.basketItemTotalText p span,
.basketItemTotalValue p span { color: #0f7953; }

#basketActions {
	border-top: 1px solid #dddddd;
	padding-top: 10px;
}

#basketModal .modal-body { padding-bottom: 5px; }

#basketModal .basketItemImage { padding-right: 0; }
#basketModal .basketItemDetail { line-height: 125%;}
#basketModal .basketItemDetail p:first-child { font-size: 14px; }
#basketModal .basketItemDetail p:nth-child(2) { margin-bottom: 5px !important; }
#basketModal .basketItemDetail p:last-child { margin-bottom: 0 !important; }
#basketModal .basketItemPricing { line-height: 125%; }
#basketModal .basketItemPricing p:first-child { margin-bottom: 25px !important; }
#basketModal .basketItemLineTotal span { font-size: 18px; }
#basketModal .basketItemTotalText p, 
#basketModal .basketItemTotalValue p { font-size: 14px; margin-bottom: 5px !important;  }

#updatedQuantities {
	color: red;
	display: none;
	text-align: right; }

/* Footer Styles */

.blogItem {
	background: #FFFFFF;
	border: 1px solid #dddddd;
	position: relative; }
#sitePages .blogItem { margin-bottom: 30px; }

.postedDate {
	background: rgba(255, 255, 255, 0.8);
	color: #005447;
	display: block;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: 10px;
	right: 0;
	padding: 5px;
	z-index: 10;
}

.blogImage {
	overflow: hidden;
	position: relative; }

.blogDetails { padding: 10px 10px 0 10px; }
#blogPostsSlider .blogDetails { height: 200px; }

#sitePages .blogDetails p.blogTitle {
	/*
	align-items: center;
	display: flex;
	*/
	height: 36px;
	overflow: hidden; }

#blogPostsSlider .blogDetails p.blogDescription { height: 100px; }
#sitePages .blogDetails p.blogDescription { height: 100px; }

.blogDetails p a { color: #005447; }
#sitePages .blogDetails p.last { text-align: right; }
#sitePages .blogDetails p a { text-decoration: none; }

.sidebarHeading {
	color: #005447;
	font-size: 16px; }
.sidebarListItems {
	margin: 0;
	padding: 0; }
.sidebarListItems li {
	color: #777;
	list-style: none;
	margin-bottom: 5px; }
.sidebarListItems li:last-child { margin-bottom: 0; }

#newsletterSignup {
	background: #737e1e;
	padding: 20px 0;
}
#newsletterSignup p {
	color: #FFFFFF;
	font-size: 28px;
	margin: 0;
	text-align: center;
}
#newsletterSignup .form-control {
	height: 40px;
	font-size: 16px;
}
#newsletterSignup .btn {
	font-size: 16px;
	font-weight: bold;
	height: 40px;
	padding: 6px 15px;
	width: 120px;
}

.footerNav { background: #86c232; }

.footerNavigation {
	display: flex;
	height: 41px;
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
}

.footerNavigation > li {
	flex: 1 1 auto;
	list-style: none;
	text-align: center;
}
.footerNavigation> li > a {
	color: #FFFFFF;
    display: block;
    font-size: 15px;
    padding: 10px 15px;
    text-decoration: none;
    transition: all .2s ease;
}
.footerNavigation> li > a:focus,
.footerNavigation> li > a:hover {
	background: #FFFFFF;
	color: #86c232;
}

footer { padding: 20px 0; }

.paymentIcons { margin-bottom: 10px; }
.paymentIcons img {
	float: left;
	height: 32px;
	margin-right: 10px;
}

#astra-seal { float: left; }
#astra-seal a { display: block; }
#safebuyLogo {
	float: right;
	height: 70px;
	margin-top: 10px;
	margin-right: 10px;
}
#bmfLogo {
	float: right;
	height: 70px;
	margin-left: 5px;
}

.copyright p {
	margin: 0;
	text-align: center;
}

#backToCheckout {
	border: 2px solid #ccc;
	border-radius: 4px;
	background-color: #666666; 
	position: fixed;
	bottom: 60px;
	left: 20px;
	padding: 5px 10px;
	transition: all .2s ease;
}
#backToCheckout:hover { background-color: #333333; }
#backToCheckout i {
	color: #FFFFFF;
	font-size: 21px;
	float: left;
	margin-right: 5px;
}
#backToCheckout span {
	color: #FFFFFF;
	float: left;
}

.pulse { animation: pulse 3s infinite; }
@keyframes pulse {
  0% {
  	transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}


#productNotification .alert { margin: 10px 0; }


.postcodeCalculatorSection {
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
	padding: 19px;
	margin-bottom: 20px;
	width: 48.5%;
}
.postcodeCalculatorSection .form-control {
	height: 50px;
 	font-size: 16px;
}
.postcodeCalculatorSection .btn {
	font-weight: bold;
	padding: 6px 20px;
	height: 50px;
}
.postcodeCalculatorSection p { margin: 10px 0 0 0 !important; }


/* Responsive Styles */

@media (min-width: 1200px) {

	.productPrice,
	.productPricesFrom {
		margin: 0 !important;
		position: absolute;
		left: 10px;
		bottom: 15px;
		width: 110px;
	}

	#relatedProducts .productPrice {
		left: unset;
		bottom: unset;
		margin-bottom: 10px !important;
		width: unset;
	}
	
	.productPrice span { display: block; }
	#relatedProducts .productPrice span { display: inline; }
	.productActionBtn {
		position: absolute;
		right: 10px;
		bottom: 15px;
	}

}

@media (min-width: 992px) and (max-width: 1199px) {

	.productName { height: 55px; }

	.popularItem .imageHolder { height: 128px; }

	#sitePages .blogDetails p.blogTitle { height: 56px; }

	#blogPostsSlider .blogDetails { height: 190px; }
	#blogPostsSlider .blogDetails p.blogDescription {
		height: 90px;
		line-height: 120%; }

	#sitePages .blogDetails p.blogDescription { height: 130px; }

	.productThumbnail .imageHolder { height: 160px; }

	.productPrice, .productPricesFrom {
		font-size: 13px;
		text-align: center;
	}
	.productPrice span, .productPricesFrom span { font-size: 12px; }


	#newsletterSignup p { font-size: 24px; }

}

@media (min-width: 992px) {

	#prevPost, #nextPost { display: none; }

	.addHeight { height: 100px; }

	.mainMenuNavigation > li > a:focus,
	.mainMenuNavigation > li > a:hover {
		background-color: #FFFFFF;
		color: #0e7953;
	}
	.tradeAccount .mainMenuNavigation > li a:focus,
	.tradeAccount .mainMenuNavigation > li a:hover { color: #428bca; }

	body.sticky { padding-top: 50px; }

	#mainMenu.sticky {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1000;
	}

	.mainMenuNavigation .megamenu {
		background-color: #FFFFFF;
		box-shadow: 0 0 1px #000000;
		display: none;
		grid-template-columns: 1fr, 1fr, 1fr;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 41px;
		left: 0;
		z-index: 1000;
		width: 100%;
	}
	.mainMenuNavigation .megamenu.show { display: grid !important; }

	.mainMenuNavigation .megamenu .megamenuItems { text-align: left; }
	.megamenuItems .megamenuItemsHolder { padding: 0 15px; }

	.megamenuItems .megamenuItemsHolder p.heading {
		color: #0f7953;
		font-size: 16px;
		font-weight: bold;
	}

	.mainMenuNavigation .megamenu .megamenuItems ul {
		margin: 0 0 15px 0;
		padding: 0;
	}
	.mainMenuNavigation .megamenu .megamenuItems ul li {
		list-style: none;
		min-height: 40px;
		margin: 0 0 5px 0;
		padding: 0;
	}
	.mainMenuNavigation .megamenu .megamenuItems ul li img {
		margin-right: 15px;
		width: 50px;
	}

	/* MENU 1 */
	#megamenu0 .megamenuItems:nth-child(1) {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 4;
	}
	
	#megamenu0 .megamenuItems:nth-child(2),
	#megamenu0 .megamenuItems:nth-child(3),
	#megamenu0 .megamenuItems:nth-child(4) {
		grid-column-start: 2;
		grid-column-end: 3;
	}

	#megamenu0 .megamenuItems:nth-child(2) {
		grid-row-start: 1;
		grid-row-end: 2;
	}
	#megamenu0 .megamenuItems:nth-child(3) {
		grid-row-start: 2;
		grid-row-end: 3;
	}
	#megamenu0 .megamenuItems:nth-child(4) {
		grid-row-start: 3;
		grid-row-end: 4;
	}
	#megamenu0 .megamenuItems:nth-child(5) {
		grid-column-start: 3;
		grid-column-end: 4;
		grid-row-start: 1;
		grid-row-end: 4;
	}

	/* MENU 2 */
	#megamenu1 .megamenuItems:nth-child(1) {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 3;
	}

	#megamenu1 .megamenuItems:nth-child(2),
	#megamenu1 .megamenuItems:nth-child(3) {
		grid-column-start: 2;
		grid-column-end: 3;
	}
	
	#megamenu1 .megamenuItems:nth-child(2) {
		grid-row-start: 1;
		grid-row-end: 2;
	}
	#megamenu1 .megamenuItems:nth-child(3) {
		grid-row-start: 2;
		grid-row-end: 3;
	}
	#megamenu1 .megamenuItems:nth-child(4) {
		grid-column-start: 3;
		grid-column-end: 4;
		grid-row-start: 1;
		grid-row-end: 3;
	}

	/* MENU 3 */
	#megamenu2 .megamenuItems:nth-child(1) {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 3;
	}

	#megamenu2 .megamenuItems:nth-child(2),
	#megamenu2 .megamenuItems:nth-child(3) {
		grid-column-start: 2;
		grid-column-end: 3;
	}
	
	#megamenu2 .megamenuItems:nth-child(2) {
		grid-row-start: 1;
		grid-row-end: 2;
	}
	#megamenu2 .megamenuItems:nth-child(3) {
		grid-row-start: 2;
		grid-row-end: 3;
	}
	#megamenu2 .megamenuItems:nth-child(4) {
		grid-column-start: 3;
		grid-column-end: 4;
		grid-row-start: 1;
		grid-row-end: 3;
	}

	
	/* MENU 4 */
	#megamenu3 .productItem { padding: 0 15px; }

	#megamenu3 .productItem:nth-child(1),
	#megamenu3 .productItem:nth-child(2),
	#megamenu3 .productItem:nth-child(3),
	#megamenu3 .productItem:nth-child(4) {
		grid-row-start: 1;
		grid-row-end: 2;
	}

	#megamenu3 .productItem:nth-child(1) {
		grid-column-start: 1;
		grid-column-end: 2;
	}
	#megamenu3 .productItem:nth-child(2) {
		grid-column-start: 2;
		grid-column-end: 3;
	}
	#megamenu3 .productItem:nth-child(3) {
		grid-column-start: 3;
		grid-column-end: 4;
	}
	#megamenu3 .productItem:nth-child(4) {
		grid-column-start: 4;
		grid-column-end: 5;
	}



	/*
	.megamenuItems {
		flex-basis: calc(100% / 3);
	  height: 200px;
	  display: flex;
	}
	.megamenuItems .megamenuItemsHolder {
		display: relative;
	  flex: 1;
	  margin: 2px;
	  display: flex;
	  background-color: #C9F4FF;
	}
	.megamenuItems:nth-child(1) .megamenuItemsHolder {
	  display: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: calc(200% - 4px);
	  background-color: #FFB4FF;
	}
	*/

	/*
	.megamenuItems:nth-child(2),
	.megamenuItems:nth-child(3),
	.megamenuItems:nth-child(4) { flex-basis: 100%; }
	.megamenuItems:nth-child(5) { margin-left: calc((100% / 3) + 2px); }
	*/


	/*
	.megamenu > div { flex: 1 100%; }
	*/

	/*
	.mainMenuNavigation .megamenu li {
		list-style: none;
		text-align: center;
	}
	.mainMenuNavigation .megamenu li a {
		color: #333333;
		display: block;
		padding: 15px;
		text-align: center;
		width: 100%;
		text-decoration: none;
		transition: all .2s ease;
	}
	.mainMenuNavigation .megamenu li a:focus,
	.mainMenuNavigation .megamenu li a:hover { color: #0e7953; }

	.tradeAccount .mainMenuNavigation .megamenu li a:focus,
	.tradeAccount .mainMenuNavigation .megamenu li a:hover { color: #428bca; }
	*/

	.categoryItems .imageOverlay .btn:hover {
		background: #FFFFFF;
		color: #005447;
	}
	.categoryItems p:first-child { font-size: 16px; }

}

@media (max-width: 991px) {

	body { padding-top: 81px; }

	#mobileHeader {
		background: #FFFFFF;
		border-bottom: 1px solid #dddddd;
		display: flex;
		justify-content: space-between;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1000;
	}
	#mobileHeader .row {
		display: flex;
		width: 100%;
	}

	.actionItems {
		display: flex;
		justify-content: space-around;
		float: none; }
	.actionItems li {
		float: none;
		width: unset !important;
	}

	#actionItems {
		display: flex;
		justify-content: space-around;
		float: none; }
	#actionItems li {
		float: none;
		width: unset !important;
	}

	.searchResults {
		left:  15px;
		right: 15px;
		width: unset;
	}

	.mobileActions,
	#siteLogoMobile { width: 33.33333333%; }

	/*
	#actionItems li.store {
		border-right: 0;
		border-left: 1px solid #eee;
	}
	*/
	.actionItems li .dropdown-menu li { width: 100%; }
	.actionItems li .dropdown-menu li a {
		padding: 5px 10px;
		width: 100%;
	}
	#actionItems li .dropdown-menu li { width: 100%; }
	#actionItems li .dropdown-menu li a {
		padding: 5px 10px;
		width: 100%;
	}

	.mainMenuNav {
		display: none;
		height: auto;
	}

	.mainMenuNav .container { width: 100%; }
	.mainMenuNavigation { flex-wrap: wrap; }
	.mainMenuNavigation > li {
		flex-basis: 100%;
		border-bottom: 1px solid #FFFFFF;
	}
	.mainMenuNavigation > li > a {
		font-size: 14px;
		padding: 5px 15px;
	}
	.mainMenuNavigation > li > a:focus,
	.mainMenuNavigation > li > a:hover,
	.mainMenuNavigation > li > a.open {
		background-color: #005447;
		color: #FFFFFF;
	}

	.mainMenuNavigation .megamenu {
		background-color: #FFFFFF;
		display: none;
		flex-wrap: wrap;
		margin: 0;
		padding: 0;
	}
	.mainMenuNavigation .megamenu.show { display: flex !important; }

	.mainMenuNavigation .megamenu .megamenuItems {
		padding: 10px 0;
		text-align: left;
		width: 100%;
	}
	.megamenuItems .megamenuItemsHolder p.heading {
		color: #0f7953;
		font-size: 16px;
		font-weight: bold;
		margin: 0 15px 10px 15px;
	}

	.mainMenuNavigation .megamenu ul {
		display: flex;
		flex-wrap: wrap;
		margin: 0;
		padding: 0;
	}
	.mainMenuNavigation .megamenu li {
		align-items: center;
		display: flex;
		flex-basis: 50%;
		list-style: none;
		margin: 0 0 5px 0;
		min-height: 30px;
		padding: 0 15px;
	}
	.mainMenuNavigation .megamenu ul li img {
		margin-right: 15px;
		height: 60px;
	}
	.mainMenuNavigation .megamenu li a {
	    display: block;
	    font-size: 14px;
	    padding: 5px 15px;
	    transition: all .2s ease;
	    width: 100%;
	}

	#mobileSearch {
	    background: white;
	    border-bottom: 1px solid #dddddd;
	    padding: 5px 15px;
	    position: relative;
	}
	#mobileSearch .clearSearchBox {
		color: #ABABAB;
		cursor: pointer;
		display: none;
		font-size: 14px;
		position: absolute;
		top: 7px;
		right: 52px;
		z-index: 100;
	}

	/*
	.categoryItems.slick-current .imageOverlay {
		-webkit-transform: translateY(0%);
	    transform: translateY(0%);
	}
	*/
	.categoryItems p { margin-bottom: 0; }
	
	.categoryItems .imageOverlay {
		top: unset;
		height: 40px;
		-webkit-transform: unset;
    	transform: unset;
	}
	.categoryItems .imageHolder img { width: 100%; }
	/*
	.categoryItems .imageOverlay .btn {
		font-size: 13px;
		margin: 5px 0 0 0;
		left: unset;
		padding: 5px 10px;
		position: relative;
		overflow: hidden;
		-webkit-transition-duration: 0.4s;
  	transition-duration: 0.4s;
		top: unset;
		width: 80%;
    overflow: hidden;
	}
	.categoryItems .imageOverlay .btn:after {
		  content: "";
		  background: #90EE90;
		  display: block;
		  position: absolute;
		  padding-top: 300%;
		  padding-left: 350%;
		  margin-left: -20px!important;
		  margin-top: -120%;
		  opacity: 0;
		  transition: all 0.8s
		}

		.categoryItems .imageOverlay .btn:active:after {
		  padding: 0;
		  margin: 0;
		  opacity: 1;
		  transition: 0s
		}
	

	.categoryItems .imageOverlay .btn:hover {
		background: initial;
		color: #FFFFFF;
	*/

	.postcodeCalculatorSection { width: 100%; }
	.postcodeCalculatorSection .form-control,
	.postcodeCalculatorSection .btn { height: 40px; }

}

@media (min-width: 768px) and (max-width: 991px) {

	#siteLogoMobile { padding: 10px 0; }
	#siteLogoMobile img {
		height: 60px;
		margin: 0 auto;
		transition: all .2s ease-in-out;
	}
	.actionItems {
		height: 80px;
		padding: 14px 0;
	}
	.actionItems li { width: 50%; }
	.actionItems li p { margin-top: 0; }

	.actionItems li .dropdown-menu {
		left: -15%;
		min-width: 60%;
		width: 80%;
	}

	#actionItems {
		height: 80px;
		padding: 14px 0;
	}
	#actionItems li { width: 50%; }
	#actionItems li p { margin-top: 0; }

	#actionItems li .dropdown-menu {
		left: -15%;
		min-width: 60%;
		width: 80%;
	}

	.cartItemsMobile {
		color: #FFFFFF;
		position: absolute;
		font-size: 13px;
		top: 5px;
		left: 10px;
		text-align: center;
		width: 26px;
	}

	.hotlinks { padding: 10px 0 2px 0; }
	.hotlinks img { height: 30px; }
	.hotlinksText { padding-top: 0; }
	.hotlinksTextAlt { padding-top: 6px; }
	.hotlinks p {
		font-size: 12px;
		line-height: 15px;
	}
	.hotlinks p strong { font-size: 16px; }
	#trustpilotHotlink { margin: 4px 0; }

	#homepageContent .container .row { margin: 0; }
	#homepageContent h1 {
		font-size: 36px;
		margin-bottom: 10px;
	}
	#homepageContent h2 {
		font-size: 21px;
		margin-bottom: 10px;
	}
	#homepageContent p {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.blogDetails p.blogDescription {
		height: auto;
		line-height: 120%;
	}

	#trustpilotTestimonials { margin-bottom: 20px; }

	#tradeRegistrationText { margin-top: 20px; }

	#loginReset .formLeft { padding-right: 0; }
	#loginReset .formRight { padding-left: 0; }
	#loginReset .btn {
		font-size: 13px;
		padding: 5px 10px;
	}

	#blogSidebar { clear: both; }

	#productDetails h1 { font-size: 21px; }
	#productDetails p { font-size: 14px; }

	#sizeOptions, #colourOptions {
		margin-bottom: 5px;
		padding-bottom: 5px;
	}
	#sizeOptions input[type=radio] + label {
		font-size: 13px;
		padding: 5px 10px;
		margin-bottom: 5px;
	}
	#colourOptions input[type=radio] + label {
		height: 36px;
		width: 36px;
		margin-bottom: 5px;
	}
	#colourOptions input[type=radio]:checked + label span {
		height: 34px;
		width: 34px;
	}
	#productPrice { font-size: 21px !important; }
	#productPrice .vatOption { font-size: 14px; }

	#productNotification { margin-top: 10px; }
	#productNotification .alert {
		margin-bottom: 10px;
		padding: 10px 20px;
	}

	.productThumbnail { height: 350px; }
	.productThumbnail .imageHolder { height: 160px; }

	.productPrice, .productPricesFrom {
		font-size: 13px;
		text-align: center;
	}
	.productPrice span, .productPricesFrom span { font-size: 12px; }

	#relatedProducts .productName {
		line-height: 120%; 
		margin-bottom: 10px !important;
	}

	.basketItemDetail p:first-child { font-size: 15px; }
	.basket_delete { display: none; }
	.basketItemLineTotal span { font-size: 21px; }
	.basketItemTotalText p, .basketItemTotalValue p { font-size: 15px; }

	#contactPageContent {
		border-top: 1px solid #dddddd;
		padding-top: 10px;
	}

	#newsletterSignup p {
		font-size: 21px;
		margin-bottom: 10px;
	}
	.footerNav .container { width: 100%; }


}

@media (max-width: 767px) {
	
	/*
	#hotlinksSlider {
		opacity: 0;
		visibility: hidden;
		transition: opacity 1s ease;
		-webkit-transition: opacity 1s ease;
	}
	#hotlinksSlider.slick-initialized {
		visibility: visible;
		opacity: 1;	
	}
	*/

	.hotlink2, .hotlink3 { display: none; }

	#sitePages .blogImage img { width: 100%; }
	#blogSidebar { clear: both; }

	#regPersonalInfo .formLeft,
	#regSecurityInfo .formLeft,
	#regAddressInfo .formLeft,
	.contactus_form .formLeft { padding-right: 0; }
	#regPersonalInfo .formRight,
	#regSecurityInfo .formRight,
	#regAddressInfo .formRight,
	.contactus_form .formRight { padding-left: 0; }

}

@media (min-width: 480px) and (max-width: 767px) {

	#siteLogoMobile { padding: 10px 0; }
	#siteLogoMobile img {
		height: 60px;
		margin: 0 auto;
		transition: all .2s ease-in-out;
	}
	.actionItems {
		height: 80px;
		padding: 14px 0;
	}
	.actionItems li { width: 50%; }
	.actionItems li p { margin-top: 0; }

	.actionItems li .dropdown-menu {
		left: -25%;
		min-width: 65%;
		width: 100%;
	}


	#actionItems {
		height: 80px;
		padding: 14px 0;
	}
	#actionItems li { width: 50%; }
	#actionItems li p { margin-top: 0; }

	#actionItems li .dropdown-menu {
		left: -25%;
		min-width: 65%;
		width: 100%;
	}

	.cartItemsMobile {
		color: #FFFFFF;
		position: absolute;
		font-size: 12px;
		top: 6px;
		left: 10px;
		text-align: center;
		width: 26px;
	}

	#homepageContent .container .row { margin: 0; }
	#homepageContent h1 {
		font-size: 26px;
		margin-bottom: 10px;
	}
	#homepageContent h2 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	#homepageContent p {
		font-size: 14px;
		margin-bottom: 10px;
	}
	#trustpilotTestimonials,
	#facebookPosts { margin-bottom: 20px; }

	#tradeRegistrationText { margin-top: 20px; }

	#loginReset .formLeft { padding-right: 0; }
	#loginReset .formRight { padding-left: 0; }
	#loginReset .btn {
		font-size: 13px;
		padding: 5px 10px;
	}

	#mainImage { margin: 0 auto; }
	#productDetails h1 { font-size: 21px; }
	#productDetails p { font-size: 14px; }

	#sizeOptions, #colourOptions {
		margin-bottom: 5px;
		padding-bottom: 5px;
	}
	#sizeOptions input[type=radio] + label {
		font-size: 13px;
		padding: 5px 10px;
		margin-bottom: 5px;
	}
	#colourOptions input[type=radio] + label {
		height: 36px;
		width: 36px;
		margin-bottom: 5px;
	}
	#colourOptions input[type=radio]:checked + label span {
		height: 34px;
		width: 34px;
	}
	#productPrice { font-size: 21px !important; }
	#productPrice .vatOption { font-size: 14px; }

	#productNotification { margin-top: 10px; }
	#productNotification .alert {
		margin-bottom: 10px;
		padding: 10px 20px;
	}

	.productThumbnail .imageHolder { height: 150px; }
	.productOptions {
		font-size: 13px;
		margin-bottom: 10px;
	}
	.productPrice, .productPricesFrom {
		font-size: 13px;
		text-align: center;
	}
	.productPrice span, .productPricesFrom span { font-size: 12px; }
	.productPricesFrom span { display: block; }

	#relatedProducts .productName {
		line-height: 120%; 
		margin-bottom: 10px !important;
	}

	#productDetailTabs .nav-tabs > li > a { padding: 10px 15px; }
	#productDetailTabs .nav-tabs > li > a h4 { font-size: 16px; }

	#basketModal .basketItemPricing p:first-child { margin-bottom: 10px !important; }
	#basketModal .btn {
		font-size: 13px;
		padding: 5px 10px;
	}

	#basketPage .basketItemDetail p:first-child { font-size: 15px; }
	#basketPage .basketItem .input-group { margin-bottom: 10px }

	#basketPage .basketItem .btn-info { width: 100%; }
	.basket_delete { display: none; }

	#continueShopping .btn,
	#proceedCheckout .btn {
		font-size: 13px;
		padding: 5px 10px;
	}

	#basketPage .basketDelete { float: right; }
	#basketPage .basketItemPricing {
		margin-top: 10px;
		text-align: unset;
	}
	#basketPage .basketItemPricing p { float: left; }
	#basketPage .basketItemLineTotal { float: right !important; }

	#basketPage .basketItemTotalText p, .basketItemTotalValue p { font-size: 15px; }

	#newsletterSignup p {
		font-size: 21px;
		margin-bottom: 10px;
	}
	.footerNav .container { width: 100%; }
	footer { text-align: center; }

}

@media (min-width: 581px) and (max-width: 767px) {

	#categoryItem1, #categoryItem2 { margin-bottom: 30px; }
	#categoryItem3 { clear: left; }

	#blogPostsSlider .blogDetails { height: 210px; }
	#blogPostsSlider .blogDetails p.blogDescription {
		height: auto;
		line-height: 120%;
	}

	.basketFlexItem { display: block; }
	.basketFlexItem .basketItemImage {
		display: block;
		float: left;
		margin-bottom: 10px;
		width: 30%;
	}
	.basketFlexItem .basketItemDetail {
		display: block;
		padding-right: 0;
		float: left;
		width: 70%;
	}

	.basketFlexItem .quantitySelect { width: 180px; }

	#basketPage .basketItemPricing {
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
	}
	.basketFlexItem .basketItemLineTotal { line-height: 125% !important; }
	.basketFlexItem .basketItemLineTotal span { font-size: initial; }


}

@media (min-width: 480px) and (max-width: 580px) {

	#categoryItem1, #categoryItem2 { margin-bottom: 30px; }
	#categoryItem3 { clear: left; }


	.basketFlexItem { flex-direction: column; }
	.basketFlexItem .basketItemImage {
		margin-bottom: 10px;
		justify-content: center;
		width: 100%;
	}
	.basketFlexItem .basketItemDetail { width: 100%; }
	#basketPage .basketItemDetail p { text-align: center; }

	.basketFlexItem .basketItemProductQuantity { flex-direction: column; }
	.basketFlexItem .basketItemProductQuantity .btn-info { margin: 5px 0; }

	.basket_delete { display: inline-block; }

	#basketPage .basketItemPricing {
		flex-direction: row;
		justify-content: space-around;
		width: 100%;
	}
	.basketFlexItem .basketItemLineTotal { line-height: 125% !important; }
	.basketFlexItem .basketItemLineTotal span { font-size: initial; }

	.relatedItemsText { margin-top: 20px; }

}

@media (min-width: 376px) and (max-width: 580px) {

	.categoryItems p { font-size: 13.5px; }

}

@media (min-width: 375px) and (max-width: 479px) {

	#relatedProducts .productName {
		height: 62px !important;
		font-size: 13px;
	}

}

@media (min-width: 414px) and (max-width: 479px) {

	.popularItem .imageHolder { height: 140px; }
	#categoryItem1, #categoryItem2 { margin-bottom: 30px; }
	#categoryItem3 { clear: left; }

}
@media (min-width: 376px) and (max-width: 413px) {

	.categoryItems { width: 100%; }
	#categoryItem1, #categoryItem2, #categoryItem3 { margin-bottom: 30px; }
	.popularItem .imageHolder { height: 110px; }

}
@media(max-width: 375px) {

	.categoryItems { width: 100%; }
	#categoryItem1, #categoryItem2, #categoryItem3 { margin-bottom: 30px; }
	.popularItem .imageHolder { height: auto; }
	.popularItem .imageHolder img { width: 100%; }

}

@media (max-width: 479px) {

	body { padding-top: 71px; }

	#mobileLeft { padding-right: 0; }
	#mobileRight { padding-left: 0; }
	#siteLogoMobile { padding: 10px 0; }
	#siteLogoMobile img {
		height: 50px;
		margin: 0 auto;
		transition: all .2s ease-in-out;
	}

	.actionItems {
		height: 70px;
		padding: 12px 0;
	}
	.actionItems li { width: 50%; }
	.actionItems li i { font-size: 28px; }
	.actionItems li p { margin-top: 0; }
	.actionItems li p span { font-size: 11px; }

	.actionItems li .dropdown-menu {
		left: -30%;
		min-width: 65%;
		width: 100%;
	}


	#actionItems {
		height: 70px;
		padding: 12px 0;
	}
	#actionItems li { width: 50%; }
	#actionItems li i { font-size: 28px; }
	#actionItems li p { margin-top: 0; }
	#actionItems li p span { font-size: 11px; }

	#actionItems li .dropdown-menu {
		left: -30%;
		min-width: 65%;
		width: 100%;
	}

	.cartItemsMobile {
		color: #FFFFFF;
		position: absolute;
		font-size: 11px;
		top: 3px;
		left: 10px;
		text-align: center;
		width: 19px;
	}

	.mainMenuNavigation .megamenu li { flex-basis: 100%; }

	.hotlinks { padding: 10px 0 2px 0; }
	.hotlinks img { height: 30px; }
	.hotlinksText { padding-top: 0; }
	.hotlinksTextAlt { padding-top: 6px; }
	.hotlinks p {
		font-size: 12px;
		line-height: 15px;
	}
	.hotlinks p strong { font-size: 16px; }
	#trustpilotHotlink { margin: 4px 0; }

	.categoryItems p:last-child { line-height: 120%; }

	#homepageContent { padding: 20px 0; }
	#homepageContent .container .row { margin: 0; }
	#homepageContent h1 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	#homepageContent h2 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	#homepageContent p {
		font-size: 14px;
		line-height: 120%;
		margin-bottom: 10px;
		text-align: center;
	}

	#popularProducts, #socialNetworks { padding-top: 20px; }
	
	.popularItemDetails { height: 70px; }
	.popularItemDetails p { line-height: 120%; }

	#trustpilotTestimonials,
	#facebookPosts { margin-bottom: 20px; }

	#tradeRegistrationText { margin-top: 20px; }

	#loginReset .formLeft { padding-right: 0; }
	#loginReset .formRight { padding-left: 0; }
	#loginReset .btn {
		font-size: 13px;
		padding: 5px 10px;
	}

	.productItem { width: 100%; }
	.productItem .imageHolder img { margin: 0 auto; }
	.productName { height: 35px; }
	.productOptions {
		font-size: 13px;
		margin-bottom: 5px !important;
	}
	.productPrice, .productPricesFrom {
		font-size: 13px;
		text-align: center;
		margin-bottom: 5px !important;
	}
	.productPrice span, .productPricesFrom span { font-size: 12px; }


	#productDetails h1 { font-size: 21px; }
	#productDetails p { font-size: 14px; }
	#sizeOptions, #colourOptions {
		margin-bottom: 5px;
		padding-bottom: 5px;
	}
	#sizeOptions input[type=radio] + label {
		font-size: 13px;
		padding: 5px 10px;
		margin: 0 5px 5px 0;
	}
	#colourOptions input[type=radio] + label {
		height: 36px;
		width: 36px;
		margin-bottom: 5px;
	}
	#colourOptions input[type=radio]:checked + label span {
		height: 34px;
		width: 34px;
	}
	#productPrice { font-size: 21px !important; }
	#productPrice .vatOption { font-size: 14px; }

	#productNotification { margin-top: 10px; }
	#productNotification .alert {
		margin-bottom: 10px;
		padding: 10px 20px;
	}

	#outOfStockLeadtimes p span { display: block; }

	.sectionHeading .title {
		font-size: 18px;
		width: 280px; }

	.relatedItemsText {
		line-height: 120%;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}
	#relatedProducts .productName {
		line-height: 120%; 
		margin-bottom: 10px !important;
	}
	#relatedProducts .productActionBtn { margin-top: 0; }

	#productDetailTabs .nav-tabs > li {
	    text-align: center;
	    margin-bottom: 0;
	    width: 100%;
	}
	#productDetailTabs .nav-tabs > li > a {
		border: 0;
		color: #333333;
		padding: 10px 15px;
	}
	#productDetailTabs .nav-tabs > li.active > a { color: #005447; }
	#productDetailTabs .nav-tabs > li > a h4 { font-size: 16px; }

	#basketModal p { font-size: 12px; }
	#basketModal #emptyBasket p { font-size: 18px !important; }
	#basketModal .emptyBasket p { font-size: 18px !important; }
	#basketModal .basketItemPricing {
		margin: 0;
		padding-left: 0;
	}
	#basketModal .basketItemDetail p:first-child {
		font-size: 13px;
		line-height: 120%;
	}
	#basketModal .basketItemPricing p:first-child { margin-bottom: 10px !important; }
	#basketModal .basketItemTotalText p, #basketModal .basketItemTotalValue p { font-size: 12px; }
	#basketModal .btn {
		font-size: 13px;
		padding: 5px 10px;
	}
	#basketModal .btn.btn-warning {
		float: left;
		margin: 0;
		width: 60%;
	}
	#basketModal .btn.btn-info {
		float: right;
		margin: 0;
		width: 35%;
	}
	#basketModal .btn.btn-success {
		clear: both;
		margin: 10px 0 0 0;
		width: 100%;
	}

	.basketFlexItem { flex-direction: column; }
	.basketFlexItem .basketItemImage {
		margin-bottom: 10px;
		justify-content: center;
		width: 100%;
	}
	.basketFlexItem .basketItemDetail { width: 100%; }
	#basketPage .basketItemDetail p { text-align: center; }

	.basketFlexItem .basketItemProductQuantity { flex-direction: column; }
	.basketFlexItem .basketItemProductQuantity .btn-info { margin: 5px 0; }

	.basket_delete { display: inline-block; }

	#basketPage .basketItemPricing {
		flex-direction: row;
		justify-content: space-around;
		width: 100%;
	}
	.basketFlexItem .basketItemLineTotal { line-height: 125% !important; }
	.basketFlexItem .basketItemLineTotal span { font-size: initial; }

	

	#basketPage .basketItemDetail p:first-child { font-size: 15px; }
	#basketPage .basketItem .input-group { margin-bottom: 10px }
	#basketPage .basketItem .btn,
	#continueShopping .btn,
	#proceedCheckout .btn {
		font-size: 13px;
		padding: 5px 10px;
	}
	.basketDelete { float: right; }
	#basketPage .basketItemPricing {
		margin-top: 10px;
		text-align: unset;
	}
	#basketPage .basketItemPricing p { float: left; }
	#basketPage .basketItemLineTotal { float: right !important; }

	.basketItemLineTotal span { font-size: 16px; }
	.basketItemTotalText p, .basketItemTotalValue p { font-size: 14px; }


	.blogImage { height: auto; }
	.blogDetails p.blogDescription { line-height: 120%; }

	#newsletterSignup p {
		font-size: 18px;
		margin-bottom: 10px;
	}
	#newsletterSignup .form-control { font-size: 14px; }
	#newsletterSignup .btn {
		font-size: 14px;
		width: 100px;
	}

	.footerNav .container { width: 100%; }
	.footerNavigation {
		flex-wrap: wrap;
		height: auto;
	}
	.footerNavigation > li {
		flex-basis: 100%;
		border-bottom: 1px solid #FFFFFF;
	}
	.footerNavigation > li > a {
		font-size: 14px;
		padding: 5px 15px;
	}
	footer { text-align: center; }


}