.product {margin-top: 0;}
.product .box {margin: 0 0 24px 0 !important;}
.product h1 {font-size: 20px; margin: 0 0 3px 0;}
.product h2 {font-size: 18px; font-weight: normal; text-transform: none;}

.product .product-images {float: left; display: block; position: relative; width: 630px; margin: 0 15px 0 0;}
.product .product-images img {display: inline-block; max-width: 100%; height: auto;}
.product .product-images .main-image {display: inline-block; float: right; position: relative; vertical-align: top; width: -webkit-calc(100% - 110px); width: -moz-calc(100% - 110px); width: calc(100% - 110px); height: auto;}
.product .product-images .main-image img {display: none; cursor: pointer;}
.product .product-images .main-image img.no-image {cursor: default;}
.product .product-images .main-image img.product-image:nth-of-type(1) {display: block;}
.product .product-images .main-image img.product-image.tns-item {display: inline-block;}
.product .product-images .main-image .color-variations {display: none; position: absolute; top: 0; left: 0;}
.product .product-images .main-image .color-variations.active,
.product .product-images .main-image .color-variations.active img {display: block;}
.product .product-images .main-image .tns-controls {top: 40%;}
.product .product-images .main-image .tns-controls button {color: var(--black); opacity: 0.6; filter: alpha(opacity=60);}
.product .product-images .main-image .tns-controls button:hover {opacity: 0.8; filter: alpha(opacity=80);}
.product .product-images .main-image .tns-controls button:nth-of-type(1) {margin-left: 12px;}
.product .product-images .main-image .tns-controls button:nth-of-type(2) {margin-right: 12px;}
.product .product-images .thumbnails img {border: 1px solid transparent; padding: 5px; cursor: pointer;}
.product .product-images .thumbnails img.active {border: 1px solid #A5A5A5;}

.product .product-images .main-image.no-thumbnails {width: 100%;}
.product .product-images .thumbnails.no-thumbnails {display: none;}

.product .product-images .thumbSlider-vertical {visibility: hidden; display: inline-block; float: left; width: 90px; vertical-align: top}
.product .product-images .thumbSlider-vertical .tns-outer {padding: 32px 0; z-index: 2}
.product .product-images .thumbSlider-vertical .tns-controls {display: block; width: 0; height: 100%; top: 0; z-index: 1;}
.product .product-images .thumbSlider-vertical .tns-controls button {position: absolute; line-height: 40px; background: none; padding: 5px 8px 8px 9px;}
.product .product-images .thumbSlider-vertical .tns-controls button:hover {background: #FFFFFF;}
.product .product-images .thumbSlider-vertical .tns-controls button:nth-of-type(1) {margin: -14px 0 0 33px; transform: rotate(90deg);}
.product .product-images .thumbSlider-vertical .tns-controls button:nth-of-type(2) {bottom: 0; margin: 0 0 -14px 33px; transform: rotate(90deg);}
.product .product-images .thumbSlider-vertical img {width: 100%; height: auto;}

.product .product-images .thumbSlider-horizontal {display: none; visibility: hidden; position: relative; width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px); width: calc(100% - 120px); vertical-align: top; margin: 12px auto 0; z-index: 1}
.product .product-images .thumbSlider-horizontal .slider {margin: 0 auto}
.product .product-images .thumbSlider-horizontal .slider img {max-width: 100% !important; height: auto !important; margin: 0 auto}
.product .product-images .thumbSlider-horizontal .thumbnails {float: none}
.product .product-images .thumbSlider-horizontal .thumbnails img {margin: 0}
.product .product-images .thumbSlider-horizontal .tns-controls {top: calc((100% - 60px) / 2)}
.product .product-images .thumbSlider-horizontal .tns-controls button {background: none; border: none; padding: 14px 10px; cursor: pointer}
.product .product-images .thumbSlider-horizontal .tns-controls button:hover {background: #FFFFFF}
.product .product-images .thumbSlider-horizontal .tns-controls button:nth-of-type(1) {margin-left: -34px}
.product .product-images .thumbSlider-horizontal .tns-controls button:nth-of-type(2) {margin-right: -34px}
.product .product-images.layout-horizontal .main-image {float: none; width: 100%}
.product .product-images.layout-horizontal .main-image img {width: 100%; height: auto}
.product .product-images.layout-horizontal .thumbSlider-horizontal {display: block !important}
.product .product-images.layout-horizontal .thumbSlider-vertical {display: none !important}

.product .product-images .labels {display: inline-block; position: absolute; top: 16px; right: 16px; width: 50px; font-family: 'Oswald'; font-size: 12px; color: #FFFFFF; text-align: center; z-index: 3;}
.product .product-images .labels .new {display: block; background: var(--black2); padding: 5px 0 5px 0; margin: 0 0 6px 0;}
.product .product-images .labels .discount {display: block; background: var(--red2); padding: 8px 0 8px 0; margin: 0 0 4px 0;}
.product .product-images .tns-inner {padding: 0;}

.product .modal-gallery .tns-controls {top: 42%; height: 0;}
.product .modal-gallery .main-image {float: right; display: inline-flex; position: relative; width: -webkit-calc(100% - 242px); width: -moz-calc(100% - 242px); width: calc(100% - 242px); height: 95%; padding: 6px 0 0 0;}
.product .modal-gallery .main-image .item {display: none; position: relative; width: 100%; height: 100%; text-align: center; margin: 0 auto; padding: 0 0 25px 0;}
.product .modal-gallery .main-image .item .zoom-text {display: block; position: relative; top: -2px; width: 100%; height: auto; font-size: 14px; color: var(--grey2);}
.product .modal-gallery .main-image .item .zoom-text .icon {top: 5px; margin: 0 3px 0 0; opacity: 0.8; filter: alpha(opacity=80);}
.product .modal-gallery .main-image .item img {position: relative; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0 auto auto auto; cursor: zoom-in;}
.product .modal-gallery .main-image .item > .zoomImg {position: absolute !important; top: 0; left: 0; max-width: none !important; max-height: none !important; background: #FFFFFF; border: 0 !important; pointer-events: none !important; z-index: 99 !important;}
.product .modal-gallery .main-image .tns-controls button:nth-of-type(1) {margin-left: 16px;}
.product .modal-gallery .main-image .tns-controls button:nth-of-type(2) {margin-right: 16px;}
.product .modal-gallery .thumbnails {float: left; display: inline-block; vertical-align: top; width: 220px; height: 95%; padding: 0 16px 0 0; margin: 0 16px 0 0; border-right: 1px solid #E5E5E5;}
.product .modal-gallery .thumbnails img {width: -webkit-calc(50% - 18px); width: -moz-calc(50% - 18px); width: calc(50% - 18px); height: auto; border: 1px solid transparent; padding: 5px; margin: 0 3px 3px 3px; cursor: pointer;}
.product .modal-gallery .thumbnails img:hover {border: 1px solid #B5B5B5;}
.product .modal-gallery .thumbnails img.active {border: 1px solid #A5A5A5; box-shadow: 0 2px 4px #DDDDDD;}
.product .modal-gallery .thumbSlider-horizontal {display: none !important; visibility: hidden !important}
.product .modal-gallery .tns-inner {padding: 0;}

.product .modal-gallery .main-image.no-thumbnails {float: none; width: 100%; height: 100%; padding: 0;}
.product .modal-gallery .main-image.no-thumbnails .tns-controls {display: none;}
.product .modal-gallery .thumbnails.no-thumbnails {display: none;}

.product .product-info {display: block; width: -webkit-calc(100% - 650px); width: -moz-calc(100% - 650px); width: calc(100% - 650px); padding: 0; margin: 0 0 0 auto;}
.product .product-info .content {margin: 0;}

.product .product-info .price-outer {display: block; line-height: 26px; padding: 0;}
.product .product-info .price-outer .price {display: inline-block; font-family: 'Oswald'; font-size: 20px; font-weight: bold; color: var(--red2);}
.product .product-info .price-outer .original-price {display: inline-block; font-family: 'Oswald'; font-size: 18px; font-weight: normal; color: var(--grey2); text-decoration: line-through; margin: 0 0 0 8px;}
.product .product-info .price-outer .note {display: inline-block; font-size: 15px; color: var(--grey3); margin: 0 8px 0 0;}
.product .product-info .price-outer .reseller-standard-price {font-size: 15px; color: var(--grey2);}

.product .product-info .subtitle {display: block; width: 100%; font-size: 16px; color: var(--grey); margin: 0 0 10px 0;}
.product .product-info ul.color-variations {position: relative; max-width: 380px; padding: 0; margin: 0;}
.product .product-info ul.color-variations li {position: relative; display: inline-block;}
.product .product-info ul.color-variations li a {display: block; width: 54px; height: auto; font-size: 0; border: 2px solid #FFFFFF; padding: 0; margin: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.product .product-info ul.color-variations li a:hover {box-shadow: 0 1px 4px #CCCCCC;}
.product .product-info ul.color-variations li.selected a {border-color: var(--black2);}
.product .product-info ul.color-variations li.selected a::after {content: "\2713"; position: absolute; bottom: 2px; right: 2px; width: 0; height: 0; line-height: 34px; text-indent: -11px; color: #FFFFFF; font-size: 10px; font-weight: bold; border-left: 26px solid transparent; border-right: 0 solid transparent; border-bottom: 26px solid var(--black2);}
.product .product-info ul.color-variations li img {display: block; width: 100%; height: auto; padding: 0; margin: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.product .product-info ul.variants {font-family: 'Oswald'; font-size: 12px; color: var(--grey2); padding: 0; margin: 0 0 14px 0 !important;}
.product .product-info ul.variants li {display: inline-block; padding: 0;}
.product .product-info ul.variants input[type=radio] {display: none;}
.product .product-info ul.variants label {display: inline-block; border: 1px solid #DDDDDD; padding: 8px 20px; margin: 0 8px 8px 0; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer;}
.product .product-info ul.variants label:hover,
.product .product-info ul.variants input[type=radio]:checked + label {color: #FFFFFF; background: var(--black2); border: 1px solid var(--black2);}
.product .product-info ul.variants input[type=radio]:disabled + label,
.product .product-info ul.variants input[type=radio]:disabled + label:hover {color: var(--grey2); background: #FFFFFF; border: 1px solid #CCCCCC; opacity: 0.5; filter: alpha(opacity=50); cursor: default;}
.product .product-info ul.availability {display: block; font-size: 14px; color: var(--grey2); padding: 0; margin: 0 0 15px 0; min-height: 22px;}
.product .product-info ul.availability li {display: none; padding: 0; line-height: 22px;}
.product .product-info ul.availability li#out-of-stock,
.product .product-info ul.availability li#unavailable {font-family: 'Oswald'; color: var(--red2); font-weight: bold;}

.product .product-info .add-to-cart input[type=text] {float: left; width: 60px; height: 42px; font-size: 15px; text-align: center; color: var(--grey2); background: #FFFFFF; border: 1px solid #E0E0E0; padding: 0 22px 0 8px; margin: 0; outline: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.product .product-info .add-to-cart .qty {position: absolute; width: 24px; height: 44px; margin: 0 0 0 36px;}
.product .product-info .add-to-cart .qty .icon {display: block; width: 22px; height: 22px; background-size: 16px; cursor: pointer; opacity: 0.7; filter: alpha(opacity=70);}
.product .product-info .add-to-cart .qty .icon:hover {opacity: 1; filter: alpha(opacity=100);}
.product .product-info .add-to-cart .qty .qty-increase {top: 3px;}
.product .product-info .add-to-cart .qty .qty-decrease {top: -3px;}
.product .product-info .add-to-cart button[name=submit] {width: -webkit-calc(100% - 74px); width: -moz-calc(100% - 74px); width: calc(100% - 74px); max-width: 260px; height: 44px; line-height: 44px; font-size: 15px; color: #FFFFFF; background: var(--red); border: 0; text-align: center; margin: 0 0 0 12px; padding: 0; outline: 0; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition-duration: 50ms; transition-duration: 50ms;}
.product .product-info .add-to-cart button[name=submit]:hover {background: var(--black3);}
.product .product-info .add-to-cart button[name=submit]:disabled {background: var(--grey); cursor: default; opacity: 0.5; filter: alpha(opacity=50);}
.product .product-info .add-to-cart button[name=submit].loading {background: var(--black3); opacity: 0.5; filter: alpha(opacity=50);}
.product .product-info .add-to-cart button[name=submit] .icon {display: none;}
.product .product-info .add-to-cart button[name=submit].loading .icon {display: inline-block; position: absolute; margin: 12px 0 0 -30px;}

.product .product-info .wishlist {font-size: 13px; margin: 20px 0 0 0;}
.product .product-info .wishlist .add-to-wishlist,
.product .product-info .wishlist .remove-from-wishlist {color: var(--grey); padding: 3px 0;}
.product .product-info .wishlist .add-to-wishlist:hover,
.product .product-info .wishlist .remove-from-wishlist:hover {color: var(--grey); padding: 3px 0; color: var(--red); cursor: pointer;}
.product .product-info .wishlist .add-to-wishlist .icon,
.product .product-info .wishlist .remove-from-wishlist .icon {top: 4px; margin: 0 6px 0 0;}
.product .product-info .wishlist .add-to-wishlist:hover .icon,
.product .product-info .wishlist .remove-from-wishlist .icon {background: url(../../images/icons/wishlist2.svg) no-repeat center center transparent; background-size: 100%;}

.product .product-info .tab-content-link {display: inline-block; cursor: pointer; margin: 15px 0 0 0;}

.product ul.other-info li {position: relative; font-size: 14px; background: #FFFFFF; padding: 10px 20px 10px 20px; margin: 16px 0 0 0;}

.product ul.other-info li.dropdown .title {font-family: 'Oswald'; cursor: pointer;}
.product ul.other-info li.dropdown .title .icon-arrow-d,
.product ul.other-info li.dropdown .title .icon-arrow-u {position: absolute; top: 14px; right: 22px;}
.product ul.other-info li.dropdown.open .title::after {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.product ul.other-info li.dropdown .content-box {display: none; color: var(--grey2); padding: 5px 0 30px 0;}
.product ul.other-info li.dropdown .content-box h2 {font-size: 16px;}
.product ul.other-info li.dropdown .content-box ul li {padding: 0 0 0 10px; margin: 0;}

.product ul.other-info li.dropdown .content-box ul.size-chart {display: table; width: 100%; border-collapse: collapse; padding: 0; margin: 0;}
.product ul.other-info li.dropdown .content-box ul.size-chart li {display: table-row; border-bottom: 1px solid #EEEEEE; padding: 0; margin: 0;}
.product ul.other-info li.dropdown .content-box ul.size-chart li:nth-child(1) {font-size: 13px; font-weight: bold;}
.product ul.other-info li.dropdown .content-box ul.size-chart li:nth-child(even) {background: #F8F8F8;}
.product ul.other-info li.dropdown .content-box ul.size-chart li .col {display: table-cell; text-align: center; vertical-align: middle; padding: 8px 15px;}
.product ul.other-info li.dropdown .content-box .size-chart-info {color: var(--grey2); margin: 20px 0 0 0;}

.product ul.other-info li.informations .title {font-family: "Oswald";}
.product ul.other-info li.informations .info {display: block; margin: 5px 0 5px 0;}
.product ul.other-info li.informations .info .tab-content-link {color: var(--grey2); text-decoration: underline; margin: 0 0 0 5px;}
.product ul.other-info li.informations .info .tab-content-link:hover {color: var(--black3);}
.product ul.other-info li.informations.has-icon {padding-top: 12px;}
.product ul.other-info li.informations.has-icon .info {padding: 0 0 0 40px;}
.product ul.other-info li.informations.has-icon .icon {float: left; margin: 0 12px 0 0; opacity: 0.8; filter: alpha(opacity=80);}
.product ul.other-info li.informations.shipping-and-payment .icon {top: -4px;}
.product ul.other-info li.informations.returns .icon {top: -4px;}

.product ul.other-info li.informations ul {padding: 0; margin: 0 0 6px 18px;}
.product ul.other-info li.informations ul li {padding: 0; margin: 3px 0;}

.product .product-tabs {background: #FEFEFE; padding: 0; margin: 30px 0 0 0;}
.product .product-tabs .tabs {padding-top: 5px;}
.product .product-tabs .tab-menu {border-bottom: 3px solid #F0F0F0; padding: 0; margin: 0;}
.product .product-tabs .tab-menu li {display: inline-block; position: relative; top: 3px;}
.product .product-tabs .tab-menu li a {display: block; width: 150px; font-size: 14px; color: var(--grey2); text-align: center; border-bottom: 3px solid transparent; padding: 15px 0 15px 0; margin: 0 2px;}
.product .product-tabs .tab-menu li:nth-child(3) a {width: 200px;}
.product .product-tabs .tab-menu li:nth-child(4) a {width: 100px;}
.product .product-tabs .tab-menu li a:hover {border-bottom: 3px solid var(--grey4);}
.product .product-tabs .tab-menu li.active a, .tab-menu li.active a:hover {font-weight: bold; color: var(--black2); border-bottom: 3px solid var(--grey);}
.product .product-tabs .tab-content {position: relative; width: 100%; min-height: 240px; padding: 25px 0 30px 0;}

.product .product-tabs #product-details h3 {margin-top: 30px;}
.product .product-tabs #product-details ul.product-specifications {display: block; line-height: 28px; font-size: 14px; padding: 0; margin: 0;}
.product .product-tabs #product-details ul.product-specifications li {border-top: 1px solid #EEEEEE; padding: 6px 15px; margin: 0;}
.product .product-tabs #product-details ul.product-specifications li:nth-child(odd) {background: #F8F8F8;}
.product .product-tabs #product-details ul.product-specifications li .col-1 {display: inline-block; width: 220px; float: left;}
.product .product-tabs #product-details ul.product-specifications li .col-2 {display: inline-block;}

.product .product-tabs #reviews ul.summary {display: grid; width: 100%; grid-template-columns: 200px auto 280px; color: var(--grey); border-bottom: 1px solid #EAEAEA; padding: 5px 0 25px 0;}
.product .product-tabs #reviews ul.summary li.col-1,
.product .product-tabs #reviews ul.summary li.col-2,
.product .product-tabs #reviews ul.summary li.col-3 {display: inline-block; padding: 5px 40px 5px 40px; margin: 0; border-right: 1px solid #EAEAEA;}
.product .product-tabs #reviews ul.summary li:last-child {border: 0;}
.product .product-tabs #reviews ul.summary li.col-1 {text-align: center;}
.product .product-tabs #reviews ul.summary li.col-1 .rating-value {font-size: 34px; margin: 15px 0 0 0;}
.product .product-tabs #reviews ul.summary li.col-1 .rating {display: inline-block; margin: 16px 0 1px 0 !important;}
.product .product-tabs #reviews ul.summary li.col-1 .rating .stars {margin: 0;}
.product .product-tabs #reviews ul.summary li.col-2 {font-size: 13px;}
.product .product-tabs #reviews ul.summary li.col-2 .row .col-1 {display: inline-block; width: 120px; text-align: left; padding: 0; margin: 0;}
.product .product-tabs #reviews ul.summary li.col-2 .row .col-2.chart {display: inline-block; position: relative; top: 2px; width: -webkit-calc(100% - 170px); width: -moz-calc(100% - 170px); width: calc(100% - 170px); height: 12px; background: #e8e8e8; padding: 0; margin: 0;}
.product .product-tabs #reviews ul.summary li.col-2 .row .col-2.chart li {display: block; height: 100%;}
.product .product-tabs #reviews ul.summary li.col-2 .row .col-2.chart li.excelent {background: #4ca74c;}
.product .product-tabs #reviews ul.summary li.col-2 .row .col-2.chart li.good {background: #a6d731;}
.product .product-tabs #reviews ul.summary li.col-2 .row .col-2.chart li.average {background: #f6e535;}
.product .product-tabs #reviews ul.summary li.col-2 .row .col-2.chart li.below-average {background: #f9a720;}
.product .product-tabs #reviews ul.summary li.col-2 .row .col-2.chart li.poor {background: #ee3a0f;}
.product .product-tabs #reviews ul.summary li.col-2 .row .col-3 {display: inline-block; width: 50px; text-align: center;}
.product .product-tabs #reviews ul.summary li.col-3 {text-align: center;}
.product .product-tabs #reviews ul.summary li.col-3 .button {font-size: 13px; padding: 8px 40px;}
.product .product-tabs #reviews ul.reviews {color: var(--grey); padding: 0; margin: 0;}
.product .product-tabs #reviews ul.reviews li {border-bottom: 1px solid #EAEAEA; padding: 16px 0 16px 0; margin: 0;}
.product .product-tabs #reviews ul.reviews li:last-child {border: 0;}
.product .product-tabs #reviews ul.reviews li .col-1 {display: inline-block; width: 200px; vertical-align: top; font-size: 13px; text-align: center; line-height: 20px;}
.product .product-tabs #reviews ul.reviews li .col-1 .circle-label {position: relative; top: 5px; left: 0; width: 34px; height: 34px; line-height: 34px; color: #F5F5F5; background: #A0A0A0;}
.product .product-tabs #reviews ul.reviews li .col-1 .name {font-weight: bold; margin: 15px 0 0 0;}
.product .product-tabs #reviews ul.reviews li .col-2 {display: inline-block; vertical-align: top; padding: 0 0 0 20px;}
.product .product-tabs #reviews ul.reviews li .col-2 .rating {display: inline-block; margin: 0;}
.product .product-tabs #reviews ul.reviews li .col-2 .review {margin: 15px 0 0 0;}
.product .product-tabs #reviews ul.reviews li .col-2 .images {margin: 15px 0 0 0;}
.product .product-tabs #reviews ul.reviews li .col-2 .images img {width: 70px; height: auto; margin: 2px;}

.product .similar-products-outer-1 {position: relative; display: block; min-height: 440px; padding: 30px 0 5px 0; margin: 0;}
.product .similar-products-outer-2 {position: relative; display: block; width: 100%; min-height: 880px; background: var(--grey5); padding: 20px 0 5px 0; margin: 0;}
.product .similar-products-outer-2 .products {padding: 0 0 25px 0;}

.product .modal-gallery .tns-item,
.product .modal-gallery .tns-item img {-webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; -webkit-transform: translateZ(0); transform: translateZ(0);}

.similar-products-slider .tns-item,
.similar-products-slider2 .tns-item,
.similar-products-slider .tns-item img,
.similar-products-slider2 .tns-item img {visibility: visible !important; opacity: 1 !important; -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-perspective: 1000; perspective: 1000;}
.similar-products-slider .tns-item[aria-hidden="true"],
.similar-products-slider2 .tns-item[aria-hidden="true"] {visibility: visible !important; opacity: 1 !important;}
.similar-products-slider .labels,
.similar-products-slider2 .labels,
.similar-products-slider .variants,
.similar-products-slider2 .variants {-webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; -webkit-perspective: 1000 !important; perspective: 1000 !important; will-change: transform, opacity;}

@media only screen and (max-width: 1200px)
{
  .product .product-images {width: 550px;}
  .product .product-images.vertical-layout .thumbnails {width: 90px;}
  .product .product-images .main-image {width: -webkit-calc(100% - 105px); width: -moz-calc(100% - 105px); width: calc(100% - 105px);}
  .product .product-info {width: -webkit-calc(100% - 570px); width: -moz-calc(100% - 570px); width: calc(100% - 570px);}
}

@media only screen and (max-width: 1024px)
{
  .product .product-images {width: 450px;}
  .product .product-images .thumbSlider-vertical {display: none;}
  .product .product-images .thumbSlider-horizontal {display: block; visibility: hidden; position: relative; z-index: 1}

  .product .product-images .thumbnails {float: none;}
  .product .product-images .thumbnails img {margin: 0;}
  .product .product-images .main-image {float: none; width: 100%;}
  .product .product-images .main-image img {width: 100%; height: auto;}

  .product .product-info {width: -webkit-calc(100% - 470px); width: -moz-calc(100% - 470px); width: calc(100% - 470px);}

  .product .product-tabs #reviews ul.summary {grid-template-columns: 160px auto 200px; margin: 20px 0 0 0;}
  .product .product-tabs #reviews ul.summary li.col-1,
  .product .product-tabs #reviews ul.summary li.col-2,
  .product .product-tabs #reviews ul.summary li.col-3 {padding: 5px 30px 5px 30px;}
  .product .product-tabs #reviews ul.summary li.col-3 .button {padding: 6px 25px;}
  .product .product-tabs #reviews ul.summary li.col-2 .row .col-1 {width: 100px;}
  .product .product-tabs #reviews ul.summary li.col-2 .row .col-2.chart {width: -webkit-calc(100% - 150px); width: -moz-calc(100% - 150px); width: calc(100% - 150px);}
  .product .product-tabs #reviews ul.reviews li .col-1 {width: 160px;}
}

@media only screen and (max-width: 920px)
{
  .product .product-images {width: 350px;}
  .product .product-images .thumbSlider-horizontal {width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px);}
  .product .product-info {width: -webkit-calc(100% - 370px); width: -moz-calc(100% - 370px); width: calc(100% - 370px);}
}

@media only screen and (max-width: 800px)
{
  .product .product-images {display: block; float: none; width: 100%; background: #FFFFFF; padding: 8px 8px 15px 8px}
  .product .product-info {float: none; width: 100%; margin-top: 16px}
  .product .modal-gallery {--modal-gallery-padding: 12px; padding: var(--modal-gallery-padding) !important; overflow: hidden !important;}
  .product .modal-gallery .modal-header {display: none}
  .product .modal-gallery .thumbnails {display: none}

  .product .modal-gallery .tns-controls {top: 50%; height: 0}
  .product .modal-gallery .main-image {display: block !important; position: relative !important; float: none !important; width: 100% !important; height: auto !important; max-height: none !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; z-index: 10 !important}

  .product .modal-gallery .main-image .item {display: none !important; position: relative !important; width: 100% !important; height: auto !important; min-height: 0 !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important}
  .product .modal-gallery .main-image .item[style*="block"] {display: flex !important; position: relative !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important}
  .product .modal-gallery .zoom-wrapper {position: relative !important; display: inline-block !important; width: auto !important; height: auto !important; max-width: 100% !important; margin: 0 auto !important; pointer-events: auto !important; overflow: hidden !important; z-index: 20 !important}
  .product .modal-gallery .zoom-wrapper > img:not(.zoomImg) {display: block !important; position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: auto !important; height: auto !important; max-width: 100% !important; max-height: calc(100dvh - 220px) !important; margin: 0 auto !important; object-fit: contain !important; pointer-events: auto !important; -webkit-user-drag: none !important}
  .product .modal-gallery .zoom-wrapper .zoomImg {position: absolute !important; background-color: #FFFFFF !important; z-index: 99 !important; pointer-events: none !important; max-width: none !important; max-height: none !important; border: 0 !important}
  .product .modal-gallery .main-image .item .zoom-text {display: block !important; position: relative !important; bottom: auto !important; left: auto !important; right: auto !important; margin: 10px auto 0 auto !important; height: 20px !important; line-height: 20px !important; text-align: center}
  .product .modal-gallery.is-zoomed {overflow: hidden !important}
  .product .modal-gallery.is-zoomed .main-image {position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; display: block !important; width: 100% !important; height: 100% !important; max-height: 100% !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; z-index: 90 !important}
  .product .modal-gallery.is-zoomed .main-image .item {display: none !important}
  .product .modal-gallery.is-zoomed .main-image .item[style*="block"] {display: block !important; position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important}
  .product .modal-gallery.is-zoomed .zoom-wrapper {position: absolute !important; top: var(--modal-gallery-padding) !important; right: var(--modal-gallery-padding) !important; bottom: var(--modal-gallery-padding) !important; left: var(--modal-gallery-padding) !important; display: block !important; width: auto !important; height: auto !important; max-width: none !important; max-height: none !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; pointer-events: auto !important; z-index: 95 !important; background: #FFFFFF !important}
  .product .modal-gallery.is-zoomed .zoom-wrapper > img:not(.zoomImg) {display: block !important; position: relative !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; object-fit: cover !important; opacity: 0 !important}
  .product .modal-gallery.is-zoomed .zoom-wrapper .zoomImg {position: absolute !important; display: block !important; visibility: visible !important; max-width: none !important; max-height: none !important; z-index: 99 !important; pointer-events: none !important; background-color: #FFFFFF !important}
  .product .modal-gallery.is-zoomed .main-image .item .zoom-text,
  .product .modal-gallery.is-zoomed .main-image .tns-controls,
  .product .modal-gallery.is-zoomed .thumbSlider-horizontal {visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; transition: none !important}

  .product .modal-gallery .main-image .tns-controls {position: absolute !important; top: 50% !important; width: 100%; height: 0; padding: 0; margin: 0; transform: translateY(-50%) !important; z-index: 80 !important; pointer-events: none}
  .product .modal-gallery .main-image .tns-controls button {position: absolute; top: 50%; margin: 0 !important; transform: translateY(-50%); pointer-events: auto !important}
  .product .modal-gallery .main-image .tns-controls button:nth-of-type(1) {left: 10px; float: none}
  .product .modal-gallery .main-image .tns-controls button:nth-of-type(2) {right: 10px; float: none}

  .product .modal-gallery .thumbSlider-horizontal {display: block !important; visibility: visible !important; position: absolute !important; right: 0; bottom: 15px !important; left: 0; float: none; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); max-width: 400px; height: auto; border: 0; padding: 15px 0 0 0; margin: 0 auto; z-index: 99999 !important; pointer-events: auto !important}
  .product .modal-gallery .thumbSlider-horizontal .slider {margin: 0 auto}
  .product .modal-gallery .thumbSlider-horizontal img {max-width: 100% !important; height: auto !important; margin: 0}
  .product .modal-gallery .thumbSlider-horizontal .tns-controls button {position: absolute; top: 50%; background: rgba(255, 255, 255, 0.9) !important; padding: 10px 12px !important; margin: 0 !important; transform: translateY(-50%); border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25)}
  .product .modal-gallery .thumbSlider-horizontal .tns-controls button:nth-of-type(1) {left: -10px; float: none}
  .product .modal-gallery .thumbSlider-horizontal .tns-controls button:nth-of-type(2) {right: -10px; float: none}

  .product .modal-gallery .main-image img, .product .modal-gallery .zoom-wrapper .zoomImg {-webkit-touch-callout: none !important; -webkit-user-select: none !important; user-select: none !important; -webkit-user-drag: none !important}
  .product .modal-gallery .main-image.no-thumbnails {max-height: 100%}

  .product .product-tabs .tabs {margin: 0 20px !important}
  .product .product-tabs #reviews ul.summary {display: block; grid-template-columns: none; padding: 15px 0 25px 0; margin: 0}
  .product .product-tabs #reviews ul.summary li.col-1, .product .product-tabs #reviews ul.summary li.col-2, .product .product-tabs #reviews ul.summary li.col-3 {display: block; text-align: center; padding: 0 !important}
  .product .product-tabs #reviews ul.summary li.col-1 {width: 50%; padding: 5px 0; margin: 0 0 25px 0}
  .product .product-tabs #reviews ul.summary li.col-1 .rating-value {margin: 0}
  .product .product-tabs #reviews ul.summary li.col-2 {width: 100%; border: 0; padding: 5px 10px 5px 30px}
  .product .product-tabs #reviews ul.summary li.col-3 {right: 0; float: right; width: 50%; text-align: center; padding: 0 !important; margin-top: -210px}
  .product .product-tabs #reviews ul.reviews li {padding: 2px 0 12px 0}
  .product .product-tabs #reviews ul.reviews li .col-1 {display: block; width: 100%; text-align: left; line-height: 18px}
  .product .product-tabs #reviews ul.reviews li .col-1 .circle-label {float: left; width: 36px; height: 36px; font-size: 12px; line-height: 36px; margin: -7px 14px 0 0}
  .product .product-tabs #reviews ul.reviews li .col-1 .date {color: var(--grey4)}
  .product .product-tabs #reviews ul.reviews li .col-2 {display: block; width: 100%; padding: 15px 0 0 0}
  .product .product-tabs #reviews ul.reviews li .col-2 .review {margin: 10px 0 0 0}
  .product .product-tabs #reviews ul.reviews li .col-2 .images {margin: 12px 0 0 0}
}

@media only screen and (max-width: 680px)
{
  .product .product-tabs .tab-menu li a {width: 140px;}
  .product .product-tabs .tab-menu li:nth-child(3) a {width: 170px;}
  .product .product-tabs .tab-menu li:nth-child(4) a {width: 80px;}

  .product .product-tabs #reviews ul.summary li.col-1 {width: 45%;}
  .product .product-tabs #reviews ul.summary li.col-3 {width: 55%;}
}

@media only screen and (max-width: 600px)
{
  .product .product-tabs .tab-menu {border: 0;}
  .product .product-tabs .tab-menu li {width: 50%; text-align: center;}
  .product .product-tabs .tab-menu li a {border-bottom: 3px solid #F3F3F3; padding: 12px 0 12px 0;}
  .product .product-tabs .tab-menu li.active a, .tab-menu li.active a:hover {border-bottom: 3px solid var(--grey2);}
  .product .product-tabs .tab-menu li:nth-child(1) a,
  .product .product-tabs .tab-menu li:nth-child(2) a,
  .product .product-tabs .tab-menu li:nth-child(3) a,
  .product .product-tabs .tab-menu li:nth-child(4) a {display: block; width: -webkit-calc(100% - 8px); width: -moz-calc(100% - 8px); width: calc(100% - 8px);}

  .product .product-tabs .tab-menu li:nth-child(3),
  .product .product-tabs .tab-menu li:nth-child(4) {margin: 10px 0 0 0;}
}

@media only screen and (max-width: 400px)
{
  .product .product-tabs #reviews ul.summary li.col-1 {width: 42%;}
  .product .product-tabs #reviews ul.summary li.col-3 {width: 58%;}
}

@media only screen and (min-width: 801px)
{
  .product .modal-gallery .main-image .item[style*="block"] {cursor: zoom-in}
  .product .modal-gallery .main-image .item[style*="block"] .zoom-wrapper,
  .product .modal-gallery .main-image .item[style*="block"] .zoom-wrapper > img {cursor: inherit !important}

  .product .modal-gallery.is-zoomed-desktop .main-image .item[style*="block"],
  .product .modal-gallery.is-zoomed-desktop .main-image .item[style*="block"] .zoom-wrapper,
  .product .modal-gallery.is-zoomed-desktop .main-image .item[style*="block"] .zoom-wrapper > img {cursor: zoom-out !important}

  .product .modal-gallery.is-zoomed-desktop .main-image .tns-controls {visibility: hidden !important; opacity: 0 !important; pointer-events: none !important}
}
