*{
box-sizing: border-box;
}
.col-md-25 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
margin-bottom: 15px;
}
.collection_header{
background-color:#fff;
margin-top: 30px;
margin-bottom: 60px;
}
kbd {
background-color: #FBFBE4;
padding: 1px 4px;
border-radius: 3px;
}
.product-grid-outer:hover {
background-color: lightgray;
}
h1.snize-search-results-page-title {
border-bottom: 1px solid;
margin-bottom: 0px;
padding-bottom: 15px;
display: inline;
}
.product-grid-outer {
display: flex;
align-items: center;
justify-content: start;
flex-direction: row;
text-align: left;
}
.grid__image.product-grid-image {
width: 30%;
flex: 0 0 30%;
padding-right: 5px;
}
.grid__image.product-grid-image a {
display: inline-block;
}
.grid__image.product-grid-image img{
height: 40px;
width: 50px;
object-fit: contain;
}
.collection-grid__item-title {
margin-bottom: 0;
width: 70%;
flex: 0 0 70%;
font-size: 15px;
line-height: 20px;
font-weight:500;
}
.collection-grid__item-title a {
display: inline-flex;
}
@media screen and (max-width:1200px) and (min-width:768px){
.col-md-25 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.product-grid-outer .grid__image.product-grid-image{padding: 0 5px 0 0;}
.grid__image.product-grid-image img {
height: 34px;
width: 44px;
}
a.collection-item__title {
font-size: 13px;
line-height: 18px;
}
}
@media screen and (max-width:768px){
.col-md-25 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.product-grid-outer .grid__image.product-grid-image{
padding:0;
}
.grid__image.product-grid-image {
max-width: 19%;
}
div.tab-top-4 > a{
width: 23% !important;
height: 140px;
}
div.tab-top-4 > a > img {
max-width: 100%;
}
.product-grid-outer .grid__image.product-grid-image img {
max-width: 100%;
max-height: 100%;
width: auto !important;
object-fit: scale-down;
}
a.grid-image--centered {
display: inline-flex;
max-height: 100%;
padding: 5px;
}
a.collection-item__title {
font-size: 18px;
}
.product-grid-outer::after {
content: "\f105";
font-family: FontAwesome;
font-size: 20px;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.product-grid-outer {
position: relative;
}
.collection-grid__item-title {
font-size: 14px;
line-height: 18px;
}
}
.product-grid-outer{
height: 100% !important;
min-width: 90px;
padding: 2px 10px;
}
.shop_by_clr .product-grid-outer {
position: relative;
}
.shop_by_clr .product-grid-outer a.collection-item__title {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
.collection-grid__item-title.collection_title{padding:0 !important;}