.editOn .dynamicMsgPanel {
	position:unset;
}

.categoryBrowse {
	display:grid;
	gap: 20px;
}

@media (min-width:1201px) {
	.categoryBrowse {grid-template-columns:repeat(5, 1fr);}
}
@media (min-width:933px) and (max-width:1200px) {
	.categoryBrowse {grid-template-columns:repeat(4, 1fr);}
}
@media (min-width:641px) and (max-width:932px) {
	.categoryBrowse {grid-template-columns:repeat(3, 1fr);}
}
@media (min-width:451px) and (max-width:640px) {
	.categoryBrowse {grid-template-columns:repeat(2, 1fr);}
}
@media (max-width:450px) {
	.categoryBrowse {grid-template-columns:repeat(1, 1fr);}
	.categoryBox {max-width: 240px;margin: auto;}
}
.categoryBox {
	text-align:center;
	min-width:0;
}
.carouselContainer {
  padding: 0 20px;
  position: relative;
  min-width:0;
}

.imageContain {
	border: 1px solid var(--light-grey);
	overflow: hidden;
	
}
.categoryBox .imageContain img {
	transition:all ease 0.5s;
}
.categoryBox .imageContain:hover img {
	scale: 1.1;
}


/************ currency converter ****************/





/************ dynamic carts ****************/

/** minicart summary **/

.dynMinicartWrapper p {
	text-align:right;
	font-size:11px;
	font-weight:700;
}
.topRight .dynMinicartSummary div{
	text-align:left;
}
.dynMinicartLink {
	text-align:right;
	display:inline-block;
	position:relative;
}
.dynMinicart__qty {
	text-decoration:none;
	color: var(--black);
	position: absolute;
	right: -5px;
	top: -10px;
	font-size: 0.75rem;
	z-index: 10;
	background-color: var(--yellow);
	width: 25px;
	line-height: 25px;
	border-radius:50%;
	text-align:center;
}
.dynMinicart__items {
	padding-top: 5px;
	display: block;
}
.dynMinicartSummary {
	padding:10px;
	box-shadow: 0px 3px 8px #00000067;
	width:490px;	
	position:absolute;
	top:39px;
	right:0;
	background:#fff;
	z-index: 300;
	display:none;
	color:#000;
}
.dynMinicartSummary table {
	width:100%;
	border-collapse: collapse;
	border-left:5px solid #EDF0EE;
	border-right:5px solid #EDF0EE;
	border-bottom:5px solid #EDF0EE;
	margin-bottom:16px;
}
.dynMinicartSummary td {
	font-size:10px;
	background:#EDF0EE;
	padding:5px 2.5px;
	border-bottom: 1px solid #6F7671;
}
.dynMinicartSummary td:last-child {
	text-align:right;
}
.minicartImage {
	width:40px;
}
.itemName {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 30ch;
	font-weight:700;
}
.dynMinicartSummary__gst {
	display:grid;
	grid-template-columns:repeat(2,1fr);
	column-gap:16px;
	font-size:10px;
	border-bottom:1px solid #3E403F;
	padding:5px 0;
}
.dynMinicartSummary__gst div:last-child {
	text-align:right;
	padding-right:5px;
}
.dynMinicartSummary__total {
	display:grid;
	grid-template-columns:repeat(2,1fr);
	column-gap:16px;
	font-size:12px;
	border-bottom:1px solid #3E403F;
	padding:5px 0;
}
.dynMinicartSummary__total div:last-child {
	text-align:right;
	padding-right:5px;
}
.topRight .dynMinicartSummary .dynMinicartSummary__button {
	text-align:right;
	padding-top:16px;
}
.dynMinicartSummary .button {
	padding:6px 15px;
	font-size:10px;
}

/*** added message ***/

.dynamicMsgPanel {
	position:fixed;
	width:100%;
	z-index:200;
}
div[id^="dynamicCart"] {
	position:relative;
	width:100%;
}
div[id^="dynamicCart"].cartAdded .itemAddedMsg {
	opacity:1;
}
.itemAddedMsg {
	position:absolute;
	background-color:#066524;
	border:1px solid #C6CCC7;
	color:#fff;
	font-size:13px;
	padding:9px 11px;
	border-radius: 6px;
	right:0;
	top:-40px;
	display:flex;
	gap:16px;
	align-items:center;
	justify-content:flex-end;
	opacity:0;
	transition: all 1s ease;
}
.itemAddedMsg #Layer_2 {
	width:13px;
	height:11px;
}
.itemAddedMsg .productAddedName {
	display:inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 20ch;
	position:relative;
	top:3px;	
}
.itemAddedMsg__cartLink {
	padding:6px 15px;
} 
.itemAddedMsg #dynCartHide {
	cursor:pointer;
}

/**************** Product Page **********************/

.productBox.slick-slide {
	border:1px solid red;
}

/* accessories */

/*
#accessoriesStart {
    scroll-margin-top: 40px;
}

.accessory {
	display:grid;
	grid-template-columns: 44px 1fr 300px 120px 140px 128px 50px;
	grid-template-areas: "image desc vars price disc qty button";
	column-gap:20px;
	padding-bottom:10px;
	border-bottom:1px solid var(--light-grey);
	margin-bottom:30px;
}

.acc__image {grid-area: image;}
.acc__desc {grid-area: desc;padding-bottom:10px;}
.acc__vars {grid-area: vars;}
.acc__price {grid-area: price;}
.acc__disc {grid-area: disc;}
.acc__qty {grid-area: qty;}
.accessory__button {grid-area: button;}

.accessory__head {
	background-color:var(--dark-grey);
	color:#fff;
	border-radius: 15px 15px 0px 0px;
	padding:14px 0;
}
.accessory select {
	font-size:14px;
}

.accessory .button {
    padding: 12px;
}
.accessory .button:hover {
	background-color: var(--nav-bar);
}
.bulkDiscounts {
	font-size:15px;
}

.accessory .faq__QA {
    border-top: none;
    padding: 8px 0
}
.accessory .faq__QA:last-child {
    border-bottom: none;
}
.accessory .faq__question:hover .faq__twisty {
    background-color: #fff
}
.accessory .faq__twisty {
    background-color: #fff;
    color: #000;
    font-size:0;
    background-image:url(accessories-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(-90deg);
    position:relative;
    top:-3px;
}
.accessory .faq__twisty:hover,
.accessory .faq__plus,
.accessory .faq__minus {
    background-color: #fff
}
.accessory .faq__minus {
	transform: rotate(0);
}
.accessory .faq__answer {
	font-size:15px;
}
*/


#accessoriesStart {
    scroll-margin-top: 40px;
}

.accessory {
	display:grid;
	grid-template-columns: 44px 1fr 330px 120px 140px 125px 50px;
	grid-template-areas: "image desc vars price disc qty button";
	column-gap:20px;
	padding-bottom:10px;
	border-bottom:1px solid var(--light-grey);
	margin-bottom:30px;
}

@media (max-width:1240px){
	.accessory {
		grid-template-columns: 1fr 1fr max-content max-content;
		grid-template-areas: 
		"desc desc desc desc"
		"vars vars vars vars"
	 	"price disc qty button";
	}
	.acc__image {display:none;}
	
	
	.accessory {
		/*grid-template-columns: 1fr;*/
	}
	.accessory.accessory__head div {
		display: none;
	}
	.accessory.accessory__head div.accessoryTitle {
		display: block;
		padding: 0 16px;
	}
	.accessory .productThumb {
		display: none;
	}	
	
	
		
}

.acc__image {grid-area: image;}
.acc__desc {grid-area: desc;padding-bottom:10px;}
.acc__vars {grid-area: vars;}
.acc__price {grid-area: price;}
.acc__disc {grid-area: disc;}
.acc__qty {grid-area: qty;}
.accessory__button {grid-area: button;}


@media (max-width:400px){

	.accessory {
		grid-template-columns: 1fr max-content 50px;
		grid-template-areas: 
		"desc desc desc"
		"vars vars vars"
	 	"price qty button"
	 	"disc disc disc";
	}

	.bulkDiscounts:before {
		content:"Bulk Discount";
		font-size:0.938rem;
		font-weight:700;
		
	}
	
	.bulkDiscounts div {
		padding-top:6px;
	}

	.acc__vars span:last-of-type {
		padding-bottom:20px;
	}
	
	.accessory {	
		padding-bottom:17px;
		margin-bottom:20px;
	}	
}


.accessory__head {
	background-color:var(--dark-grey);
	color:#fff;
	border-radius: 15px 15px 0px 0px;
	padding:14px 0;
}


.acc_price .price {
	color:var(--dark-grey);
	font-size:1em;
}



.acc__vars .label {
	font-size:0.938rem;
	font-weight:700;
	padding-bottom:6px;
}
.acc__vars select {
	font-size:0.938rem;
}
.acc__vars .attValue {
	margin-bottom:10px;
}

.acc__vars span {
	display:inline-block;
	margin-right:20px;
}



.accessory .button {
    padding: 12px;
}
.accessory .button:hover {
	background-color: var(--nav-bar);
}
.accessory .qty,
.bulkDiscounts {
	font-size:15px;
}

.accessory .faq__QA {
    border-top: none;
    padding: 8px 0
}
.accessory .faq__QA:last-child {
    border-bottom: none;
}
.accessory .faq__question:hover .faq__twisty {
    background-color: #fff
}
.accessory .faq__twisty {
    background-color: #fff;
    color: #000;
    font-size:0;
    background-image:url(accessories-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(-90deg);
    position:relative;
    top:-3px;
}
.accessory .faq__twisty:hover,
.accessory .faq__plus,
.accessory .faq__minus {
    background-color: #fff
}
.accessory .faq__minus {
	transform: rotate(0);
}
.accessory .faq__answer {
	font-size:15px;
}


/********** Category Related FAQs *****************/

#relateForm td:nth-child(2) {
	width:40%;
}