/**
* Theme Name: Soudify Child
* Description: This is a child theme of Soudify, generated by Merlin WP.
* Author: <a href="http://themelexus.com/">Themelexus</a>
* Template: soudify
* Version: 1.0.1
*/

.single-product div.product .woocommerce-product-gallery {
  opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
  transition: opacity 0.25s ease-in-out;
  position: relative;
  max-width: 30%;
  width: 30%;
  margin-right: 0;
  float: left;
  --swiper-navigation-size: 14px;
  --swiper-navigation-color: var(--e-global-color-text);
  border-radius: 0px;
}
@media (max-width: 1024px) {
  .single-product div.product .woocommerce-product-gallery {
    width: 30%;
    max-width: 30%;
  }
}
@media (max-width: 768px) {
  .single-product div.product .woocommerce-product-gallery {
    width: 100%;
    max-width: 100%;
    float: unset;
  }
}


.single-product .summary {
  width: calc(70% - 70px);
  float: right;
  max-width: 70%;
}
@media (max-width: 1024px) {
  .single-product .summary {
    width: calc(70% - 40px);
  }
}
@media (max-width: 768px) {
  .single-product .summary {
    width: 100%;
    max-width: 100%;
    float: unset;
    margin-top: 30px;
  }
}