.woocommerce .flex-control-thumbs {
margin: 10px 0px 10px -5px !important; width: 100% !important; display: flex;
} ol.flex-control-nav.flex-control-thumbs li {
width: 15% !important; 
}   @media (max-width:414px){
ol.flex-control-nav.flex-control-thumbs li {
width: 18% !important; }
} @media (min-width:568px) and (max-width:768px){ .woocommerce .flex-control-thumbs {
margin: 10px 0px 10px -5px !important; 
width: 15% !important;
}  ol.flex-control-nav.flex-control-thumbs li {
width: 90% !important; }
}
@media (min-width:769px) and (max-width:1024px){ .woocommerce .flex-control-thumbs {
margin: 10px 0px 10px -5px !important; 
width: 12% !important;
}  ol.flex-control-nav.flex-control-thumbs li {
width: 100% !important; }
} @media (min-width:568px) {
.woocommerce .flex-control-nav { 
position: absolute; 
top:-10px; 
left: 0px;
}
.flex-control-thumbs {
display: flex;
flex-direction: column;
}
}
@media (min-width:568px) and (max-width:768px){
.woocommerce .flex-viewport {
width: 86.5% !important;
left: 100px !important;
}
}
@media (min-width:769px) and (max-width:1024px){
.woocommerce .flex-viewport {
width: 87% !important;
left: 95px !important;
}
}
@media (min-width:1025px){
.woocommerce .flex-viewport {
width:100% !important;
left: 80px !important;
}	
}