@media only screen and (max-width: 320px) {
.swatches-container .swatch-img,
.swatches-container .swatch-span { margin:10px 10px 10px 0; width: 120px }
.swatches-container .swatch-img { margin-right: 14px; border-radius: 6px  }
.swatches-container .swatch-img:hover {  opacity:0.8; cursor:pointer; }
.swatches-container .swatch-img.current { outline: 1px solid #333; opacity:1.0 }
.swatches-container .swatch-span { }
.products-grid li.item.hklist{ padding: 12px 10px 10px; }
.products-grid  .hklist .actions{
	bottom: 0;
    position: relative;
}	
}

@media only screen and (min-width: 321px) and (max-width: 379px) {
.swatches-container .swatch-img,
.swatches-container .swatch-span { margin:10px 10px 10px 0; width: 142px }
.swatches-container .swatch-img { margin-right: 14px; border-radius: 6px  }
.swatches-container .swatch-img:hover {  opacity:0.8; cursor:pointer; }
.swatches-container .swatch-img.current { outline: 1px solid #333; opacity:1.0 }
.swatches-container .swatch-span { }
.products-grid li.item.hklist{ padding: 12px 10px 10px; }
.products-grid  .hklist .actions{
	bottom: 0;
    position: relative;
}	
}

@media only screen and (min-width: 380px) and (max-width: 767px) {
.swatches-container .swatch-img,
.swatches-container .swatch-span { margin:10px 10px 10px 0; }
.swatches-container .swatch-img { margin-right: 14px; border-radius: 6px  }
.swatches-container .swatch-img:hover {  opacity:0.8; cursor:pointer; }
.swatches-container .swatch-img.current { outline: 1px solid #333; opacity:1.0 }
.swatches-container .swatch-span { }
.products-grid li.item.hklist{padding: 12px 10px 10px;}
.products-grid  .hklist .actions{
	bottom: 0;
    position: relative;
}	
}

@media only screen and (min-width: 768px)  {
.swatches-container .swatch-img,
.swatches-container .swatch-span { margin:10px 10px 10px 0; }
.swatches-container .swatch-img { margin-right: 14px; border-radius: 6px  }
.swatches-container .swatch-img:hover { opacity:0.8; cursor:pointer; }
.swatches-container .swatch-img.current { outline: 1px solid #333; opacity:1.0 }
.swatches-container .swatch-span { }
.products-grid li.item.hklist{ padding: 12px 10px 10px; }
.products-grid  .hklist .actions{
	bottom: 0;
    position: relative;
}	
}