img.Group-4 {
  width: 99px;
  height: 110px;
  object-fit: contain;
}

/* ul.list-unstyled { 
    height: 30px;
    width: 150px;
    border: 1px #000 solid;
}
ul.list-unstyled li.main-attribute { padding: 5px 10px; z-index: 2; }
ul.list-unstyled li:not(.main-attribute) { float: left; width: 130px; display: none; background: #ddd; }
ul.list-unstyled li:not(.main-attribute):hover, ul li.selected:not(.main-attribute) { background: #09f; }
li.main-attribute { cursor: pointer; }

a#submit { z-index: 1; } */

.prettydropdown,
.prettydropdown > ul,
.prettydropdown > ul > li{width: 100% !important;}
.prettydropdown ul{border-radius: 45px !important; border: 0 !important;}
.prettydropdown ul.active {border-radius: 0 !important;  border: 1px solid #000!important;}
.prettydropdown ul li .custom-on-sale{ background:#fff; border-radius:2px; padding:0 4px 0 0px; margin-left:5px; color:#ff0000;}
.prettydropdown > ul.active > li:not(.label):hover, 
.prettydropdown > ul.active > li.hover:not(.label), 
.prettydropdown > ul.active > li:first-child:hover:after{ background:#D3D3D3 !important;} /*ff0000*/
.prettydropdown.arrow > ul > li.selected:before{ top: 0; bottom: 0; right: 18px; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #000000 transparent transparent transparent;}
.prettydropdown.arrow > ul.active > li.selected:before,
.prettydropdown.arrow > ul.active > li.selected:after{display: none;}

@media (max-width: 767.99px){
  #product .colored-section{overflow: visible !important;}
  #product-image-bg{z-index: initial;}
}
@media (max-width: 543px){
  #product .colored-section .product-variants-item {
    margin: 3px auto !important;
  }
}