label.swatch-input__label:hover div.kmp-clrPop{
display:block;}
@media only screen and (max-width: 768px) {
 .swatch-input__input:focus + .swatch-input__label div.kmp-clrPop{
display:block !important;
}
}




div.kmp-clrPop{
display:none;}

label.swatch-input__label div.kmp-clrPop
{
  position: absolute;
  padding: 5px;
  z-index: 9;
  background: #fff;
  border: 1px solid #ccc;
  width: 222px;
}