/* Start Specific Main Listing Layout Styles */

#DefaultProductListing-FilterPanel {
        width:100%;
        margin:0 auto;
        display:grid;
        /* Width of columns different widths 15% 15% 15% / if it is same with use repeat(5(no of columns),1fr) */
		grid-template-columns: repeat(2,1fr);
		/* Gap in between products */
		grid-column-gap: 0px;
        float:left;
padding-left:0%;
padding-right:0%;
border-top: 1px solid #c7daed;
border-bottom: 1px solid #c7daed;
padding: 5px 0px 5px 0px;
margin-bottom: 20px;
}

#MobilepageAttributeFilter {
float: left;
    clear: left;
    margin-bottom: 20px;
width: 100%;
}

#DefaultProductListing-FilterContainer {
grid-column-start: 2;
}

#DefaultProductListing-HeadingContainer {
grid-row-start: 1;
grid-column-start: 1;
}

.DefaultProductListing-SoldText
{
width:100%;
color:red;
text-align:center;
}

.RepeatForm {
float: none !important;
border: none;
padding: 0px !important;
}

/* End Specific Main Listing Layout Styles */

/* Start Quick Update Styles */

#DefaultProductListing-TitleContainer {
	width:100%;
	border-bottom:solid 1px [TEXTHEADINGBORDER];
	margin:auto;
	margin-bottom:10px;
	padding: 10px 0px 10px 0px
        clear:left;	
}

.DefaultProductListing-Heading h1 {
		font-family:Montserrat, sans-serif;
		color:#022141;
		font-size:22px;
		font-weight:600;
		text-decoration:none;
		position:relative;
margin: 0px;
}
	
/* Grid container */
#DefaultProductListing-Container {
        width:100%;
        margin:0 auto;
        display:grid;
        /* Width of columns different widths 15% 15% 15% / if it is same with use repeat(5(no of columns),1fr) */
	grid-template-columns: repeat(4,1fr);
	/* Gap in between products */
	grid-column-gap: 20px;
        float:left;
        padding-left:0%;
        padding-right:0%;
}

/* Product items */
div.DefaultProductListing-InnerContainer {
        box-sizing: border-box;
        padding: 0px;
	background-color: #fff;
	position: relative;
	margin-bottom: 10px;
grid-auto-rows: 1fr;
}
	  
div.DefaultProductListing-ProductImageContainer {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
		border:solid 1px #fff;
padding: 5%;
margin-bottom: 20px;
}
	  
img.DefaultProductListing-ProductImage {
max-width: 90%;
max-height: 90%;
}

#DefaultProductListing-Rating {
width: 100%;
text-align: left;
float: left;
padding: 10px 0px 12px 0px;
}
	  
div.DefaultProductListing-ProductName h2 {
		font-family:Montserrat, sans-serif;
		font-weight: 600;
		color:#022141;
        font-size: 16px;
		text-decoration:none;
	margin: 0px;
}
	  
div.DefaultProductListing-ProductName:hover {
		color:#022141;
		text-decoration:none;
}
	  
div.DefaultProductListing-ProductShortDesc {
		font-family:Inter, sans-serif;
		font-weight:400;
		color:#022141; 
		font-size: 14px;
		text-decoration:none;
		margin-bottom: 0.5rem;

}
	  
.DefaultProductListing-RRPPrice {
		font-family:Montserrat, sans-serif;
		font-weight:700;
		color:#022141;
		font-size: 24px;
		letter-spacing:-0.5px;
		text-decoration: line-through;
		margin-bottom: 0.5rem;
}

.DefaultProductListing-RRPPriceLineThrough {
		text-decoration: line-through;
}
	  
div.DefaultProductListing-ProductPrice {
        font-family:Montserrat, sans-serif;
		font-weight:700;
		font-size: 24px;
		color:#014286;  
		text-decoration:none;
margin-top: 8px;
}
	  
.DefaultProductListing-TaxPrice {
		font-family:Montserrat, sans-serif;
		font-weight:400;
		color:#323940;  
		font-size: 20px;
		text-decoration:none;
		margin-bottom: 0.5rem;
}
	  
.Quant {
		font-family:Inter, sans-serif;
		font-size: 1em;
		font-weight: 400;
		color: #022141;
		text-align: center;
		width: 60%;
		border: solid 1px #c7daed;
background: #fff;
padding: 9px;
border-radius: 30px;
}
	 
.DefaultProductListing-AddToBasket {
cursor: pointer;
float: left;
text-align: center;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
color: #fff;
background: #014286;
grid-column-start: 1;
width: 95%;
padding: 10px 2.5%;
grid-column-gap: 10px;
text-transform: uppercase;
}
	  
.DefaultProductListing-AddToBasket:hover {
color: #fff;
background: #2DCFDA;
}



#DefaultProductListing-EstimatedDeliveryMessage {
    text-align: left;
    width: 95%;
		font-family:Inter, sans-serif;
		font-weight:400;
		color:#022141; 
		font-size: 14px;
    text-decoration: none;
    margin-bottom: 0.5rem;
padding: 2.5%;
background-color: #01428620;
float: left;
}
	  
.DefaultProductListing-SelectOptions {
cursor: pointer;
float: left;
text-align: center;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
color: #fff;
background: #014286;
grid-column-start: 1;
width: 95%;
padding: 10px 2.5%;
text-transform: uppercase;
}

.DefaultProductListing-SelectOptions:hover {
color: #fff;
background: #014286;
}

.DefaultProductListing-SelectOptions2 {
cursor: pointer;
float: left;
text-align: center;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 700;
color: #fff;
background: #2dcfda;
width: 95%;
padding: 10px 2.5%;
text-transform: uppercase;
}

#DefaultProductListing-SelectOptions2Position {
grid-column-start: 2;
grid-row-start: 1;
}
	  
.DefaultProductListing-AddToBasketContainer {
display: grid;
    width: 100%;
    grid-template-columns: repeat(2,1fr);
    height: auto !important;
    margin-top: 10px;
padding: 0px;
grid-column-gap: 10px;
}

#DefaultProductListing-ShopNowContainer {
width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
grid-column-gap: 10px;
margin-top: 10px;
}



#DefaultProductListing-ShopNowContainer a:link {
width: 100%;
}

/* Responsive */
@media only screen and (max-width: 850px) {
#DefaultProductListing-Container {
	grid-template-columns: repeat(2, 1fr);
}
}

@media only screen and (max-width: 695px) { 
#DefaultProductListing-FilterPanel {
        width:95%;
padding: 5px 2.5% 5px 2.5%;
}

#DefaultProductListing-Container {
	width:95%;
	padding-left: 2.5%;
	padding-right: 2.5%;
}

#DefaultProductListing-Container {
	grid-template-columns: repeat(1, 1fr);
}
}

@media only screen and (max-width: 550px) {
#DefaultProductListing-FilterContainer {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 2;
margin: auto;
margin-top: 10px;
padding: 5px 0px 16px 0px;
}

#DefaultProductListing-HeadingContainer {
grid-column-start: 1;
grid-column-end: 3;
text-align: center;
}
}