/* steps feature new design */
/* tabs/multistep/accordion new global design */
.woocommerce-product-gallery{
  width: 100% !important;
  /* float: right !important; */
  margin-right: 0px !important;
}
.single-product div.product .summary{
  width: 100% !important;
  float: left !important;
}

/* tabs feature new design */
.variations .fme_tabs_button{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
}
.variations .fme_tabs_button button{
  /* flex: 1; */
  /* width:100% !important; */
  border-radius: 50% !important;
  margin: 0px;
  border: 2px solid lightgray;
  /* padding: 20px 20px; */
  width: 50px;
  height: 50px;
  box-sizing: border-box; 
  padding: 0 !important;

}
/* multisteps buttons design */
.fme_mspc_variation-radios input[type='radio'] {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 26px;
  height: 26px;
} 
.variations .content .fme_thumbnail{
  margin: 0 15px 40px auto !important;
}
.fme_mspc_variation-radios ul li label{
  text-align: center !important;
}
.fmerb_step_active{
display: flex !important;
justify-content: center;
align-items: center;
}
.fme_tabs_button button svg{
transform: translate(8px,0px);
display: flex;
justify-content: center;
align-items: center;
}

.fme_mspc_variation-radios ul img{
width: auto  !important;
height: auto !important;
}
.non_taxonomy_attr li{
  width: auto !important;
}
.non_taxonomy_attr input{
  position: absolute !important;
}
/* ##################### */
.stepper {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-bottom: 20px;
/* position: relative; */
margin: 10px 10px;
}

.step {
text-align: center;
position: relative;
z-index: 2;
background-color: #fff;
}

.step.active .step-number {
background-color: #00AEEF;
color: #fff;
}

.step-number {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
background-color: #e0e0e0;
color: #000;
border-radius: 50%;
margin-bottom: 5px;
transition: background-color 0.3s, color 0.3s;
}

.step-title {
display: block;
margin-top: 5px;
color: #000;
font-weight: bold;
}

.step-line {
flex-grow: 1;
max-width: 150px;
height: 4px;
background-color: #e0e0e0;
position: relative;
z-index: 1;
border-radius: 10px;
}

.step.active + .step-line,
.step-line.active {
background-color: #00AEEF;
}


/* Responsive Queries */
@media screen and (min-width: 150px) and (max-width: 500px) {
.variations .fme_tabs_button {
  grid-template-columns: 1fr !important;
}
.fme_mspc_variation-radios{
  grid-template-columns: 1fr !important;
}
.variations .fme_tabs_button {
  flex-wrap: wrap !important;
  width: 100% !important;
  margin-right: 6px;
}

/* .variations .fme_tabs_button button {
  flex: 0 0 calc(50% - 0px);
  max-width: calc(40% - -50px);
  margin-bottom: 4px;
} */
}

@media screen and (min-width: 500px) and (max-width: 650px) {
.variations .fme_tabs_button {
  grid-template-columns: 1fr 1fr !important;
}
.fme_mspc_variation-radios{
  grid-template-columns: 1fr 1fr !important;
}
.variations .fme_tabs_button {
  flex-wrap: wrap;
  width: 100%;
}

}

@media screen and (min-width: 650px) and (max-width: 767px) {
.variations .fme_tabs_button {
  grid-template-columns: 1fr 1fr 1fr !important;
}
.fme_mspc_variation-radios{
  grid-template-columns: 1fr 1fr 1fr !important;
}
 .variations .fme_tabs_button {
  flex-wrap: wrap;
  width: 100%;
}

}

@media screen and (min-width: 768px) and (max-width: 900px) {
.variations .fme_tabs_button {
  grid-template-columns: 1fr 1fr !important;
}
.fme_mspc_variation-radios{
  grid-template-columns: 1fr 1fr !important;
}
 .variations .fme_tabs_button {
  flex-wrap: wrap;
  width: 100%;
}

}
@media screen and (min-width: 900px) and (max-width: 1100px) {
 .variations .fme_tabs_button {
  flex-wrap: wrap;
  width: 100%;
}
}

@media screen and (min-width: 900px) {
.variations .fme_tabs_button {
  grid-template-columns: 1fr 1fr 1fr !important;
}
.fme_mspc_variation-radios{
  grid-template-columns: 1fr 1fr 1fr !important;
}
}