/** Shopify CDN: Minification failed

Line 18:49 Expected ":"
Line 252:0 Unexpected "{"
Line 252:1 Expected identifier but found "%"
Line 253:0 Unexpected "{"
Line 253:1 Expected identifier but found "%"
Line 267:22 Expected identifier but found "2px"
Line 273:11 Unexpected "{"
Line 273:18 Expected ":"
Line 273:22 Unexpected "!"
Line 274:8 Unexpected "{"
... and 11 more hidden warnings

**/
*, *:focus {outline: none;}
.clearfix {clear: both;}
.clearfix:after {content: '';display: table;clear both;}
a:hover, a:focus {opacity: 1;}
.d-none {display: none !important;}
.wizard-step-page {color: #1e1e1e;}
.hide {display: none !important}

.wizard-step-page *, .wizard-step-page *:after, .wizard-step-page *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.wizard-step-page .sp-container {max-width: 1200px;display: block;margin: auto;padding: 0 15px;}
.wizard-step-page .page-title {font-size:25px;text-align: center;color: #1e1e1e;margin-bottom: 40px;}
.wizard-step-page .step-btns {width: 100%;text-align: center;margin-top: 50px;position: relative;}
.wizard-step-page .step-pager {font-size: 16px;height: 44px;line-height: 42px;font-weight: normal;text-transform: none;border-radius: 30px;padding: 0 30px;border: 1px solid #009688;background: #009688;margin: 0 5px 10px;white-space: nowrap;cursor: pointer;color: #fff;text-decoration: none;text-align: center;vertical-align: middle;display: inline-block;}
.wizard-step-page .step-pager:hover, .wizard-step-page .step-pager:focus {background: #009688;border-color: #009688;color: #fff;opacity: 1;text-decoration:none;}
.wizard-step-page .next-btn:before {content: '';width: 15px;height: 10px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;display: inline-block;transform: rotate(-45deg);vertical-align: middle;margin-top: -8px;margin-right: 12px;}
.wizard-step-page .step-pager.prev-btn {background: #1e1e1e;color: #fff;border-color: #1e1e1e;}
.wizard-step-page .prev-btn:before {content: '';width: 10px;height: 10px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;display: inline-block;transform: rotate(45deg);margin-right: 7px;vertical-align: middle;margin-top: -3px;}
.wizard-step-page #step-2 .step-pg-bx{max-width:940px;margin:0 auto;background: transparent;padding: 0;}
.wizard-step-page #step-2 .back-div{display:inline-block;width:100%;background: #f6f7fb;padding: 25px 25px 10px;position:relative;}
.wizard-step-page #step-2 .sp_options{width:25%;display:inline-block;background: #fff;margin-bottom: 15px;border-radius: 6px;float: left;border: 5px solid #f6f7fb;}
.wizard-step-page #step-2 .input-i-bx{width:100%;margin:0;border-radius: 0;background:transparent;position:relative;}
.wizard-step-page #step-2 .input-chckbx{padding: 3px 0 10px 10px;margin-bottom:0;position: relative;display: inline-block;}
.wizard-step-page #step-2 .input-chckbx label{font-size: 15px;padding-left: 26px;}
.wizard-step-page #step-2 .tab-open{display:none;border: 1px solid #ddd;float:left;width:100%;padding:15px 0 10px;position: absolute;left: 0;bottom: 0;background: #fff;text-align:center;}
.wizard-step-page #step-2 .tab-click{position: absolute;right: 0;top: 0;font-size: 31px;padding: 9px 10px;cursor: pointer; width: auto;float: right;text-align: right;}
.wizard-step-page #step-2 .tab-click:after{content: '+';top: 3px;position: relative; }
.wizard-step-page #step-2 .active .tab-click:after{content: '-'; top:0;}
.sp_print { font-size: 14px; }
.sp_coptions { font-size: 14px;margin: 15px 0 3px 0;}

.step-pg-bx {max-width: 560px;display: block;margin: auto;border-radius: 6px;background: #f6f7fb;padding: 25px;}
.step-pg-bx .st-row {display: flex;align-items: flex-start;margin: 0 -10px 30px;}
.step-pg-bx .or {font-size: 16px;line-height: 22px;margin: 13px 5px;flex-shrink: 0;font-weight: bold;}
.input-i-bx {width: calc(50% - 20px);float: left;margin: 0 10px;background: #fff;border-radius: 6px;padding: 13px;}/*height: 100%;*/
.input-i-bx .radio-i {display: none;}
.input-i-bx label {font-size: 15px;font-weight: 600;line-height: 22px;width: 100%;display: block;padding-left: 34px;margin: 0;position: relative;cursor: pointer;}
.input-i-bx label:before {content: '';width: 22px;height: 22px;position: absolute;top: 0;left: 0;border: 2px solid #1e1e1e;border-radius: 30px;}
.input-i-bx label:after {content: '';width: 10px;height: 10px;background: #009688;border-radius: 30px;position: absolute;top: 0;left: 0;margin: 6px;opacity: 0;}
.input-i-bx input:checked + label {color: #009688;}
.input-i-bx input:checked + label:before {border-color: #009688;}
.input-i-bx input:checked + label:after {opacity: 1;}
.input-i-bx input {min-width: 0%;width: 100%;height: 42px;line-height: 42px;font-size: 16px;padding: 0 20px 0 10px;color: #000;margin: 0;background: #f6f7fb;border: 1px solid #f6f7fb;text-indent: 0;border-radius: 4px;}
.input-i-bx input, .input-i-bx input:focus {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;color: #000;outline: none;}
.input-i-bx input::-webkit-input-placeholder {font-size: 14px;color: #000;opacity: 1;}
.input-i-bx input::-moz-placeholder {font-size: 14px;color: #000;opacity: 1;}
.input-i-bx input::placeholder {font-size: 14px;color: #000;opacity: 1;}
.input-i-bx input:not(:checked) + label + .price-i-bx {display: none;}
.price-i-bx {width: 100%;position: relative;display: -webkit-flex;display: flex;background: #f6f7fb;border: 1px solid #f6f7fb;border-radius: 4px;margin-top: 10px;}
.price-i-bx.input-has-error, .input-has-error {border-color: red;}
.price-i-bx .i-label {font-size: 16px;height: 42px;line-height: 42px;color: #000;flex-shrink: 0;padding: 0 0 0 20px;}
/* .input-i-bx .input-has-error:checked + label, .input-i-bx .input-has-error + label {color: red;} */
.input-i-bx .input-has-error:checked + label:before, .input-i-bx .input-has-error + label:before {border-color: #ff0000;}
.input-i-bx .input-has-error + label:after {background: red;}
.input-i-bx input.input-has-error {border: 1px solid red;}
.stp-error {font-size: 14px;line-height: 18px;position: absolute;bottom: 100%;margin-bottom: 10px;left: 0;right: 0;color: red;}

.qty-box {text-align: center;margin: 10px 0 0;}
.qty-box label {font-size: 15px;display: block;line-height: 1;font-weight: 600;margin: 0 0 10px;}
.qty-box input {min-width: auto;width: 90px;height: 46px;background: #ffffff;border: 1px solid #ccc;border-radius: 6px;padding: 12px 5px 12px 20px;margin:0 auto 1rem;}

.checkbox-list {max-width: 260px;display: block;margin: auto;list-style: none;padding: 0;}
.input-chckbx {display: block;margin-bottom: 10px;}
.input-chckbx input {display: none;}
.input-chckbx label {font-size: 18px;line-height: 22px;font-weight: 400;padding-left: 34px;position: relative;}
.input-chckbx label:before {content: '';width: 22px;height: 22px;position: absolute;top: 0;left: 0;background: transparent;border: 2px solid #1e1e1e;border-radius: 5px;}
.input-chckbx label:after {content: '';width: 13px;height: 8px;border-left: 2px solid #fff;border-bottom: 2px solid #ffffff;position: absolute;top:5px;left: 5px;transform: rotate(-45deg);opacity: 0;}
.input-chckbx input:checked + label:before {background: #009688;border-color: #009688;}
.input-chckbx input:checked + label:after {opacity: 1;top: 4px; left: 4px}

.product-form__item .input-div{display:flex;align-items:center;    margin-top: 2px;}
.product-form__item .input-div label {padding-right: 10px;}
.product-form__item .input-div input{max-width:50%;width:auto !important;height: 40px;padding:8px 10px !important;text-align:left !important;}
.product-form__item .input-div input[readonly] {max-width: 100px;padding: 5px 5px 7px !important;border: 0;-webkit-appearance: none;-moz-appearance: textfield;}
.product-form__item .input-div input[type=number][readonly]::-webkit-inner-spin-button,  .product-form__item .input-div input[type=number][readonly]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
.product-form__item .input-div span{padding-left:12px;}

/* collection page */
.filter-sidebar {width: 290px;float: left;}
.filter-sidebar .sidebar-wrap {width: 100%;float: left;background: #f1f1f1;padding: 15px 15px 0;border-radius: 7px;}
.filter-sidebar h3 {font-size: 22px;color: #000;margin-bottom: 15px;}
.filter-block {border-radius: 6px;padding: 15px;margin-bottom: 15px;background: #fff;}
.filter-block h6 {font-size: 18px;color: #009688;margin: 0 0 12px;}

.range-numb {font-size: 16px;line-height: 20px;color: #000;margin-bottom: 10px;}
.range-numb > span:nth-child(2) {float: right;}
.range-values {font-size: 16px;line-height: 22px;font-weight: bold;color: #1e1e1e;margin: 25px 0px 5px;}
.range-values .range-val:after{content: '';position: absolute;right: 0;top: 5px;height: calc(100% - 10px);background: #ececec;width: 12px;}
.range-values .range-val {font: 15px 'Raleway', sans-serif;font-weight: bold;text-align:center;position:relative;min-width: 105px;padding: 8px 9px;background: #ececec;border-radius: 6px;margin: 0;white-space: nowrap;max-width: 90px;overflow: hidden;display: inline-flex;align-items: center;}

.range-values .range-val input,.range-values .range-val input, .range-values .range-val input:focus {background: transparent;font: 15px 'Raleway', sans-serif;font-weight: bold;width: 100%;min-width: auto;max-width: initial;min-height: auto;height: auto;margin: 0;text-align: left;-webkit-appearance: none;text-indent: 0;border: 0;padding: 0;box-shadow: none;}

.filter-sidebar .noUi-background {background: #009688;}
.filter-sidebar .noUi-origin {background: #ececec;}
.filter-sidebar .noUi-horizontal {height: 8px;margin: 0 6px;}
.filter-sidebar .noUi-horizontal .noUi-handle {width: 12px;height: 24px;left: -6px;top: -8px;}

.filter-sidebar .input-chckbx {margin-bottom: 8px;}
.filter-sidebar .input-chckbx label {font-size: 16px;line-height: 20px;padding-left: 30px;}
.filter-sidebar .input-chckbx label:before {width: 20px;height: 20px;}
.filter-sidebar .input-chckbx label:after {top: 3px;left: 7px;width: 13px;height: 8px;}

.collection-list {width: 75%;float: left;padding-left: 30px;}
.grid--view-items {display: flex;flex-wrap: wrap;margin-bottom: -30px;}
.grid__item {margin-bottom: 30px;}
.grid-view-item {width: 100%;height: 100%;border: 1px solid #ccc;border-radius: 6px;padding: 12px;margin: 0;}
.grid-view-item__image {margin-bottom: 15px;}
.grid-view-item__image-wrapper, .grid-view-item__image-wrapper .grid-view-item__image {max-width: 100% !important;max-height: 100% !important;}
.grid-view-item__image-wrapper div {padding-top: 100% !important;}
.grid-view-item__image-wrapper .grid-view-item__image {width: 100%;height: 100%;object-fit: contain;}
.grid-view-item__title {font-size: 15px;line-height: 20px;max-height: 40px;overflow: hidden;color: #000;margin: 0 0 5px;}
.grid-view-item__meta {font-size: 16px;line-height: 1.2;margin: 0;}
.product-price__price {font-weight: 400;color: #000;}
.grid-view-item.product-price--sold-out .product-price__price {color: red;}
.product-price__sold-out {font-size: 15px;color: red;}
.sp_noproducts {    display: flex;    justify-content: center;width: 100% }
.SPCMP_chk_lbl {width: 100%;font-size: 15px;line-height: 19px;display: block;margin: 10px 0 0;cursor: pointer;}
.SPCMP_chk_lbl input {vertical-align: middle;}

.pagination-i {width: 100%;text-align: center;margin-top: 50px;}
.pagination-i ul {display: inline-block;vertical-align: middle;}
.pagination-i li {float: left;}
.pagination-i li a, .pagination-i li span {display: block;min-width: 40px;height: 40px;line-height: 40px;font-size: 16px;color: #000;border-radius: 6px;padding: 0 10px;position: relative;}
.pagination-i li a:hover {color: #009688;}
.pagination-i li.active a, .pagination-i li.active span {background: #009688;color: #fff;}
.nxt-prv-arrw a:before {content: '';position: absolute;top: 1px;left: 0;right: 0;bottom: 0;width: 12px;height: 12px;border-left: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: rotate(45deg);margin: auto;}
.nxt-prv-arrw.next-arrow a:before {transform: rotate(-135deg);}

/* datepicker */
.ui-datepicker {max-width: 420px;margin: auto;padding: 15px;color: #1e1e1e;background: #fff;border: 1px solid #ececec;box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.3);display: none;}
.ui-datepicker a {color: #1e1e1e;}
.ui-datepicker a:hover, .ui-datepicker a:focus {color: #1e1e1e;opacity: 1;}
.ui-datepicker .ui-datepicker-header {position: relative;margin: 0 0 5px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position: absolute;top: 0;width: 28px;height: 28px;color: #1e1e1e;cursor: pointer;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {width: 12px;height: 12px;text-indent: -99999px;display: block;border-left: 2px solid #009688;border-bottom: 2px solid #009688;transform: rotate(45deg);margin: 8px 10px;}
.ui-datepicker .ui-datepicker-prev {left: 0;}
.ui-datepicker .ui-datepicker-next {right: 0;}
.ui-datepicker .ui-datepicker-next span {transform: rotate(-135deg);margin: 8px 5px;}
.ui-datepicker .ui-datepicker-title {font-size: 16px;margin: 0 35px 10px;line-height: 28px;text-align: center;color: #009688;font-weight: bold;}
.ui-datepicker .ui-datepicker-title select {font-size: 1em;margin: 1px 0;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 45%;}
.ui-datepicker table {width: 100%;font-size: 14px;border-collapse: collapse;margin: 0;}
.ui-datepicker th {color: #1e1e1e;padding: 10px 5px;text-align: center;font-weight: bold;border: 0;text-transform: uppercase;}
.ui-datepicker td {border: 0;padding: 5px;}
.ui-datepicker td span, .ui-datepicker td a {width: 40px;height: 40px;line-height: 40px;display: block;border-radius: 30px;padding: 0 5px;text-align: center;text-decoration: none;margin: auto;background: #fff;position: relative;z-index: 1;}
.ui-datepicker td .ui-state-active {color: #fff;}
.ui-datepicker td .ui-state-default:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;transform: scale(0.5);background: #fff;transition: all 0.15s ease;z-index: -1;border-radius: 30px;}
.ui-datepicker td .ui-state-default.ui-state-hover:before {transform: scale(1);background: rgba(0, 150, 136, 0.2);}
.ui-datepicker td .ui-state-default.ui-state-active:before {transform: scale(1);background: #009688;}

/* noui range slider */
.noUi-target,
.noUi-target * {-webkit-touch-callout: none;-webkit-user-select: none;-ms-touch-action: none;touch-action: none;-ms-user-select: none;-moz-user-select: none;user-select: none;-moz-box-sizing: border-box;box-sizing: border-box;}
.noUi-target:focus, .noUi-target *:focus {outline: none;}
.noUi-target {position: relative;direction: ltr;}
.noUi-base {width: 100%;height: 100%;position: relative;z-index: 1;}
.noUi-origin {position: absolute;right: 0px;top: 0;left: 0;bottom: 0;}
.noUi-handle {position: relative;z-index: 1;}
.noUi-stacking .noUi-handle {z-index: 10;}
.noUi-state-tap .noUi-origin {-webkit-transition: left .3s, top .3s;transition: left .3s, top .3s;}
.noUi-state-drag * {cursor: inherit!important;}
.noUi-base, .noUi-handle {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.noUi-horizontal {height: 12px;}
.noUi-horizontal .noUi-handle {width: 24px;height: 24px;left: -12px;top: -6px;}
.noUi-vertical {width: 18px;}
.noUi-vertical .noUi-handle {width: 28px;height: 34px;left: -6px;top: -17px;}
.noUi-background {background: #ececec;}
.noUi-connect {background: #009688;-webkit-transition: background 450ms;transition: background 450ms;}
.noUi-origin {border-radius: 30px;}
.noUi-target {border-radius: 30px;}
.noUi-target.noUi-connect {box-shadow: inset 0 0 3px rgba(51, 51, 51, .45), 0 3px 6px -5px #BBB;}
.noUi-draggable {cursor: w-resize;}
.noUi-vertical .noUi-draggable {cursor: n-resize;}
.noUi-handle {border: 1px solid #D9D9D9;border-radius: 30px;background: #FFF;cursor: default;}
.noUi-active {box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;}
[disabled] .noUi-connect, [disabled].noUi-connect {background: #B8B8B8;}
[disabled] .noUi-handle, [disabled].noUi-origin {cursor: not-allowed;}
.noUi-pips, .noUi-pips * {-moz-box-sizing: border-box;box-sizing: border-box;}
.noUi-pips {position: absolute;color: #999;}
.noUi-value {position: absolute;text-align: center;}
.noUi-value-sub {color: #ccc;font-size: 10px;}
.noUi-marker {position: absolute;background: #CCC;}
.noUi-marker-large, .noUi-marker-sub {background: #AAA;}
.noUi-pips-horizontal {padding: 10px 0;height: 80px;top: 100%;left: 0;width: 100%;}
.noUi-value-horizontal {-webkit-transform: translate3d(-50%, 50%, 0);transform: translate3d(-50%, 50%, 0);}
.noUi-marker-horizontal.noUi-marker {margin-left: -1px;width: 2px;height: 5px;}
.noUi-marker-horizontal.noUi-marker-sub {height: 10px;}
.noUi-marker-horizontal.noUi-marker-large {height: 15px;}
.noUi-pips-vertical {padding: 0 10px;height: 100%;top: 0;left: 100%;}
.noUi-value-vertical {-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);padding-left: 25px;}
.noUi-marker-vertical.noUi-marker {width: 5px;height: 2px;margin-top: -1px;}
.noUi-marker-vertical.noUi-marker-sub {width: 10px;}
.noUi-marker-vertical.noUi-marker-large {width: 15px;}
.noUi-tooltip {display: block;position: absolute;border: 1px solid #D9D9D9;border-radius: 3px;background: #fff;padding: 5px;text-align: center;}
.noUi-horizontal .noUi-handle-lower .noUi-tooltip {top: -32px;}
.noUi-horizontal .noUi-handle-upper .noUi-tooltip {bottom: -32px;}
.noUi-vertical .noUi-handle-lower .noUi-tooltip {left: 120%;}
.noUi-vertical .noUi-handle-upper .noUi-tooltip {right: 120%;}

.wizard_view table {width: 100%;margin-bottom: 1em;border-collapse: collapse;border-spacing: 0;}
.wizard_view table tr th, .wizard_view table tr td {text-align: left;padding: 10px 15px;border: 1px solid #ebebeb;}
.wizard_view ul {list-style: none outside;margin-bottom:30px;}
.wizard_view ul li {margin-bottom: 0.25em;}
.wizard_view ul li input{width: 14px;height: 14px;display: inline-block;vertical-align: middle;margin-top: -1px;}
.wizard_view .color.swatch-element label, .wizard_view label{font-size:14px;float: none !important;line-height: initial !important;margin: 0 !important;}
.wizard_view ul li label {vertical-align: initial;}
#product-right #product-description{border:none;}/*1px solid #e5e5e5*/
.wizard_view .swatch input{vertical-align:middle;}

.product-form__item--quantity{margin-top:10px;}
.radio-box { margin-bottom: 15px; }
.sp_radio {width:100%;display:inline-block; }
.sp_radio input{ vertical-align: middle; }
.cust_pro h5, .shipp_pro h5{margin-bottom:5px;}
.custom-radio-tab{display: flex;align-items: center;}
.custom-radio-tab span{max-width: 40%;padding:6px 10px 6px 0;}
@media (min-width: 0px) and (max-width:768px) {
				.custom-radio-tab span{max-width: 12%;padding:6px 10px 6px 0;}
			}
.custom-radio-tab .swatch-element{position:relative;}
@media only screen and (max-width: 740px){
  .custom-radio-tab .swatch-element{position:relative;left:-30px;top:22px}
}
.custom-radio-tab #swatch--one-side, .custom-radio-tab #swatch--two-side{position: absolute;top: 7px;left: 10px;cursor:pointer;}
.custom-radio-tab > div > label{width: 100%;padding: 5px 15px 5px 20px;}/*border-right: 1px solid #ccc;background: #f5f5f5;*/
.custom-radio-tab > div:last-child > label{border:none;}
.custom-radio-tab .swatch-element input {position: absolute;top: 7px;left: 0;width: 14px;height: 14px;}
.radio-tab .option_variant ul{padding:0;}
.shippimg_method {padding-top: 5px;}
.addon_pro { margin : 5px }
.addonoption { margin: 0 0 20px 20px;}
/* .finalprice {color: #009688;font-size: 20px;margin: 0 5px 15px;} */
.finalprice {color: #009688;font-size: 20px;margin: 0 5px;}
.grand_per_unit_cost {color: #009688;font-size: 14px;margin: 0 5px 15px;}
/* swatch */
.selector-wrapper { display:none}

{% assign width = '50px' %}
{% assign height = '35px' %}
.swatch { 
  margin:1em 0; 
}
/* Label */
.swatch .header {
  margin: 0.5em 0;
}
/* Hide radio buttons.*/
.swatch input { 
  display:none;
}
/*.swatch label {
/* Rounded corners */
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
/* To give width and height */
float:left;
/* Color swatches contain no text so they need to have a width. */
min-width:{{ width }} !important; 
height:{{ height }} !important;
/* No extra spacing between them */
margin:0;
/* The border when the button is not selected */
border:#ccc 1px solid;
/* Background color */
background-color:#ddd;
/* Styling text */
font-size:13px;
text-align:center;
line-height:{{ height }};
white-space:nowrap;
text-transform:uppercase;
}*/
.swatch-element label { padding:0 10px; }
.color.swatch-element label { padding:0; }
/* Styling selected swatch */
/* Slightly raised */
/*.swatch input:checked + label {
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.8);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.8);
box-shadow:0px 1px 2px rgba(0,0,0,0.8);
border: #999 1px solid !important;
} */
.swatch .swatch-element {
  float:left;
  -webkit-transform:translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing:antialiased; /* webkit text rendering fix */
  /* Spacing between buttons */
  margin:0px 10px 10px 0;
  /* To position the sold out graphic and tooltip */
  position:relative;
}
/* Image with the cross in it */
.crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; }
.swatch .swatch-element .crossed-out { display:none; }
.swatch .swatch-element.soldout .crossed-out { display:block; }
.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60); /* internet explorer */
  -khtml-opacity: 0.6;      /* khtml, old safari */
  -moz-opacity: 0.6;       /* mozilla, netscape */
  opacity: 0.6;           /* fx, safari, opera */
}
/* Tooltips */
.swatch .tooltip {
  text-align:center;
  background:gray;
  color:#fff;
  bottom:100%;
  padding: 10px;
  display:block;
  position:absolute;
  width:100px;
  left:{{ width | remove: 'px' | to_number | divided_by: 2 | minus: 50 | plus: 2 }}px;
  margin-bottom:15px;
  /* Make it invisible by default */
  filter:alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity:0;
  visibility:hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  box-sizing:border-box;
}
.swatch .tooltip:before {
  bottom:-20px;
  content:" ";
  display:block;
  height:20px;
  left:0;
  position:absolute;
  width:100%;
}
/* CSS triangle */
.swatch .tooltip:after {
  border-left:solid transparent 10px;
  border-right:solid transparent 10px;
  border-top:solid gray 10px;
  bottom:-10px;
  content:" ";
  height:0;
  left:50%;
  margin-left:-13px;
  position:absolute;
  width:0;
}
.swatch .swatch-element:hover .tooltip {
  filter:alpha(opacity=100);
  -khtml-opacity:1;
  -moz-opacity:1;
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0px);
  -moz-transform:translateY(0px);
  -ms-transform:translateY(0px);
  -o-transform:translateY(0px);
  transform:translateY(0px);
}
.swatch.error {
  background-color:#E8D2D2!important;
  color:#333!important;
  padding:1em;
  border-radius:5px;
}
.swatch.error p {
  margin:0.7em 0;
}
.swatch.error p:first-child {
  margin-top:0;
}
.swatch.error p:last-child {
  margin-bottom:0;
}
.swatch.error code {
  font-family:monospace;
}

.swatch label {display:inline;vertical-align:middle}
/* tab */

.tab-content  .tab-pane {    display: none;  }
.tab-conten .active {    display: block;  }

.nav {padding-left: 0; margin-bottom: 0;    list-style: none;}
.nav-tabs {border-bottom: 1px solid #ddd;display:flex;}
.nav-tabs li {float: left; margin-bottom: -1px;}
.nav li {position: relative; display: block;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  color: #555;cursor: default; background-color: #fff;border: 1px solid #ddd;border-bottom-color: transparent;}
.nav-tabs>li>a {margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;border-radius: 4px 4px 0 0;}
.nav>li>a {position: relative;display: block;padding: 10px 15px;}
.tab-content>.active {display: block;}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table;content: " ";}

/*MOQ*/
.product-form{position:relative}
.sp_error_qty { color:red;font-size:14px;margin-top:-9px;position: relative;
    left: 193px;
    top: 38px;
}}
@media (min-width: 0px) and (max-width:768px) {
				.sp_error_qty { color:red;font-size:14px;margin-top:-9px;position: relative;
    left: 295px;
    top: 38px;
}
    }
.error--quantity { position: absolute;left: 5px;top: 95%;}

.sp_radio .shipday { font-size: 14px;color: #036c77;}
.swatch input{display:inline;}
.swatch-element{cursor:pointer;}
.option_variant{display:none;}
.option_variant ul{padding-left:25px;}
.option_variant.show{display:block;}
.addon_pro label {display:inline-block;vertical-align:middle}
.customifybtn {margin-bottom:10px}
#left-side { width: 57%; }
#right-side { width: 41%; }
.iwg_app_error {border-left: 6px solid red;background: rgba(255, 0, 0, 0.05);border-radius: 6px;padding: 17px 30px 16px 50px;}
.iwg_app_error svg {width: 20px;height: 20px;margin-top: 3px;margin-left: -35px;fill: rgb(255, 0, 0);float: left;}
.iwg_app_error p {font-size: 15px;line-height: 1.4;margin: 0;}
.iwg_app_error p:not(:last-child) {margin-bottom: 5px;}
.SP_swmoq{font-size:14px}

.sp_colheading{text-align:center}

/*product page*/
.w-o-left {width: 100%;float: left;}
.product-sp-page {padding-bottom: 60px;}
.product-sp-page * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.product-sp-page:after, .product-sp-page .sp-container:after {content: '';display: table;clear: both;}
.product-sp-page .sp-container {max-width: 1200px;display: block;margin: auto;padding: 0 15px;}
.sp-breadcrumb {width: 100%;float: left;margin-bottom: 20px;}
.sp-breadcrumb, .sp-breadcrumb a {font-size: 11px;color: #ccc;letter-spacing: 1px;text-transform: uppercase;transition: none;}
.product-sp-page .pro-sp-images {width: 48.5%;float: left;z-index:999}
.product-sp-page .pro-main-slider {width: 100%;float: right;padding-left: 0;position: relative;}
.product-sp-page .pro-main-slider .pro-main-slide {width: 100%;display: block;position: relative;z-index: 98}
.product-sp-page .pro-main-slider .pro-main-slide span {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.product-sp-page .pro-main-slider .pro-main-slide img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: scale-down;}
.product-sp-page .pro-main-slider .pro-main-slide:after {content: '';display: block;padding-bottom: 100%;}
.pro-sp-img-nav {position: absolute;top: 0;right: 0;}
.pro-sp-img-nav .sp-nav-arrow {width: 26px;height: 26px;float: left;background: #000;border: 2px solid #000;color: #fff;position: relative;margin-left: 10px;}
.pro-sp-img-nav .sp-nav-arrow:before {content: '';position: absolute;top: 0;left: 0;right: 4px;bottom: 0;margin: auto;width: 8px;height: 8px;border-left: 1px solid;border-bottom: 1px solid;transform: rotate(-135deg);}
.pro-sp-img-nav .sp-nav-arrow:hover {background: #fff;color: #000;}
.pro-sp-img-nav .sp-nav-arrow.sp-nav-prev {transform: rotate(180deg);}
.product-sp-page .pro-thumb-slider {width: 100%;float: left;}
.pro-thumb-slider.thumb-has-no-item{padding: 0;}
.pro-thumb-slider.thumb-has-no-item .pro-thumb-slide-arrow{display: none;}
.pro-thumb-slider.thumb-has-no-item .sp-thumb-list{min-width: calc(100% +10px);margin-left: -5px;}
.pro-thumb-slider .sp-thumb-item {display: block;cursor: pointer;}
/* .pro-thumb-slider .sp-thumb-item img {border: 1px solid #fff;display: block;margin: auto;} */
/* .pro-thumb-slider .sp-thumb-item.active img {border: 1px solid #ccc;} */
.pro-main-sp-desc {font-size: 15px;line-height: 1.5;margin-top: 40px;}
.pro-main-sp-desc .sp-title {font-size: 22px;border-bottom: 1px solid #d5d5d5;padding-bottom: 7px;margin-bottom: 20px;}
.pro-main-sp-desc.pro-e-hide .desc-img-wrap p {display:none;}
.pro-main-sp-desc.pro-e-hide .desc-img-wrap p[class*="C"]:first-child {display:block;}
.product-sp-page .pro-sp-description {width: 48.5%;float: left;margin-left: 3%;}
.product-sp-page .pro-sp-title {font-size: 24px;margin-bottom: 36px;margin-bottom: 1px;margin-top: 150px;}
.product-sp-page .button, .product-sp-page button, .product-sp-page input[type="submit"], .product-sp-page input[type="button"] {font-size: 18px;font-weight: 400;width: auto;height: 40px;line-height: 40px;padding: 0 15px;display: inline-block;color: #ffffff;background: #000000;border: 0;border-radius: 3px;letter-spacing: 1px;text-decoration: none;margin-bottom: 10px;-webkit-appearance: none;cursor: pointer;transition: all .25s ease-in-out;}
.shipday{font-size:14px}

#customify-link { background-color:#000; color: #fff; text-decoration:none; }

.pro-sp-tabs {width: 100%;display: table;background: #efefef;padding: 5px;border: 1px solid #dedcdc;margin-bottom: 20px;}
.pro-sp-tabs .pro-tab-trigger {width: 100%;font-size: 15px;font-weight: 600;line-height: 20px;padding: 10px 15px;display: table-cell;vertical-align: middle;text-transform: uppercase;text-align: center;background: #323334;}
.pro-sp-tabs .pro-tab-trigger.active {background: #333;color: #fff;position: relative;padding-left: 61px;}
.pro-tab-content.ds-none {display: none;}

/*collection page*/
.collection-sp-page {padding-bottom: 30px;}
.collection-sp-page * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.collection-sp-page:after, .collection-sp-page .sp-container:after {content: '';display: table;clear: both;}
.collection-sp-page .sp-container {max-width: 100%;display: block;margin: auto;padding: 0 55px;}
.sp-breadcrumb {width: 50%;float: left;margin-bottom: 20px;}
.sp-breadcrumb, .sp-breadcrumb a {font-size: 11px;color: #ccc;letter-spacing: 1px;text-transform: uppercase;transition: none;}
.collection-sp-page .collection-sp-list {width: 100%;float: left;}
.collection-sp-page .collection-sp-list.has-sidebar {width: calc(100% - 290px);padding-left: 25px;}
.coll-sp-description {width: 100%;margin-bottom: 30px;display: -webkit-box;display: -webkit-flex;display: flex;}
.coll-sp-description h2 { font-size: 24px;margin : auto 0}
.coll-sp-description #Sortiwg {  font-size: 14px;height: 45px;padding: 0 30px 0 15px;  border: 1px solid #ccc;}
.coll-sp-sort {float: right;margin-bottom: 20px;}
.coll-sp-sort label {font-size: 13px;font-weight: 400;line-height: 20px;padding: 5px 0;float: left;margin-right: 10px;}
.select-sp-box {float: left;position: relative;}
.select-sp-box:after {content: '';position: absolute;top: 0;bottom: 4px;right: 10px;margin: auto;width: 8px;height: 8px;border-left: 1px solid;border-bottom: 1px solid;transform: rotate(-45deg);pointer-events: none;}
.select-sp-box select {width: auto;min-width: 160px;height: 30px;float: left;font-size: 12px;margin: 0;padding: 0 25px 0 5px;border: 1px solid #d5d5d5;-webkit-appearance: none;-moz-appearance: none;}
.sp_colheading {margin-bottom: 20px;}
.coll-sp-list .coll-sp-row {display: -webkit-flex;display: flex;flex-wrap: wrap;margin: 0 -10px;}
.SP_products {float: left;padding: 0 10px;margin-bottom: 30px;}
.SP_products .sp-product-price {font-size: 14px;}
.products-four{width:25%}
.products-two{width:50%}
.products-two .sp-product-img img{object-fit: contain;}
.products-two .sp-product-price{font-size:20px !important}
.products-two .h3{font-size:20px!important}
.products-three{width:33.33%}
.products-five{width:20%}


.SP_products .sp-product-img {margin-bottom: 10px;}
.SP_products .sp-product-img a {display: block;position: relative;padding-bottom: 100%;}
.SP_products .sp-product-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: scale-down;display: block;margin: auto;}
.SP_products .sp-product-img .pro-sec-img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;max-height: 100%;opacity: 0;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;z-index: -1;}
.SP_products .sp-product-img:hover .pro-sec-img {opacity: 1;}
.SP_products .sp-product-img:hover .pro-sec-img + .pro-o-img {opacity: 0;}
.SP_products h3 {font-size: 14px;letter-spacing: normal;margin-bottom: 7px;}
.SP_products h3 a {font: inherit;color: inherit;text-decoration:none}
.SP_products .sp-product-price {font-size: 16px;line-height: 1.4;}
.col-has-2 .SP_products {width: 50%;}
.col-has-3 .SP_products {width: 33.33%;}
.filter-toggle {display: none;font-size: 16px;line-height: 19px;font-weight: bold;background: #009688;color: #fff;padding: 13px 20px;text-align: center;text-transform: uppercase;margin-bottom: 30px;cursor: pointer;}
.SP_errMsg { text-align: center;padding: 10px;background: bisque;margin-bottom: 15px;}
#left-side { width: 57%; }
#right-side { width: 41%; }

.input-i-bx.cust_bx  {text-align: center;}
.input-i-bx.cust_bx .radio-i {cursor: pointer;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;opacity: 0;}
.input-i-bx.cust_bx label {width: auto;display: inline-block;padding-left: 30px;}
.input-i-bx.cust_bx img {height: 170px;object-fit: scale-down;display: block;margin: 15px auto 0;}
.sp_header {font-size: 18px;font-weight: bold;border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 15px;position: relative;}
.sp_header:before {content: '';position: absolute;bottom: -1px;left: 0;width: 60px;height: 3px;background: #333;}
.product-sp-page .product-form__item {padding: 0;}
.addonoption {margin-left: 0;}
.finalprice, .addon_pro {margin-left: 0;margin-right: 0;}
.producttotal {font-size: 19px;font-weight: bold;color: #009688;margin: 15px 0 15px;}
@media (min-width: 0px) and (max-width:768px) {
				.producttotal {font-size: 19px;font-weight: bold;color: #009688;margin: -2px 0 15px;}
			}
.product-sp-page table.sp_variantions {width: 100%;table-layout: fixed;}
.product-sp-page table.sp_variantions tr td {padding: 12px;line-height: 1.2;}
.product-sp-page table.sp_variantions tr td:nth-child(odd) {width: 35%;word-break: break-word;}
.product-sp-page table.sp_variantions input {width: 100%;}
.product-sp-page .asssorted {width: 100%;display: -webkit-box;display: flex;border: 1px solid #ebebeb;}
.product-sp-page .asssorted label {font-size: inherit;width: 35%;flex: 0 0 auto;padding: 12px;display: flex;align-items: center;flex-wrap: wrap;border-right: 1px solid #ebebeb;background: #f5f6f7;word-break: break-word;}
.product-sp-page .asssorted label b {width: 100%;display: block;}
.product-sp-page .asssorted input {width: 100%;margin: 12px;align-self: center;}
.product-sp-page .asssorted label.lblor {width: auto;border: 0;border-left: 1px solid #ebebeb;background: #ffffff;font-weight: bold;}
.fees {line-height:0px}
@media (min-width: 0px) and (max-width:768px) {
				.product-sp-page .asssorted label {font-size: inherit;width: 15%;flex: 0 0 auto;padding: 12px;display: flex;align-items: center;flex-wrap: wrap;border-right: 1px solid #ebebeb;background: #f5f6f7;word-break: break-word;}
			.product-sp-page .asssorted input {width: 20%;margin: 12px;align-self: center;}
}
.pro-thumb-slider {width: 100%;padding: 0 30px;position: relative;margin-bottom: 20px;user-select: none;}
.pro-thumb-slider .sp-thumb-list {width: 100%;float: left;overflow: hidden;}
.pro-thumb-slider .sp-thumb-track {width: 100%;float: left;display: -webkit-flex;display: flex;position: relative;transition: all 0.3s ease;}
.pro-thumb-slider .sp-thumb-item {width: 20%;float: left;flex: 0 0 auto;padding: 0 5px;}
.pro-thumb-slider .sp-thumb-box {width: 100%;display: block;border: 1px solid #ccc;position: relative;cursor: pointer;}
.pro-thumb-slider .thumb-i-active .sp-thumb-box {border-color: #e6a919;}
.pro-thumb-slider .sp-thumb-box:before {content: '';display: block;padding-bottom: 100%;}
.pro-thumb-slider .sp-thumb-box img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}

.pro-thumb-slide-arrow {position: absolute;top: 0;bottom: 0;margin: auto 0;width: 24px;height: 48px;background: #efefef;cursor: pointer;}
.pro-thumb-slide-arrow:before {content: '';position: absolute;top: 0;left: 6px;right: 0;bottom: 0;margin: auto;width: 12px;height: 12px;border-left: 1px solid;border-bottom: 1px solid;transform: rotate(45deg);}
.pro-thumb-slide-prev {left: 0;}
.pro-thumb-slide-next {right: 0;transform: rotate(-180deg);}

.wizard-table-wrap {width: 100%;overflow: hidden;overflow-x: auto;margin-bottom: 20px;}
.wizard-table-wrap table {margin: 0;}
@media (min-width: 0px) and (max-width:768px) {
				.wizard-table-wrap {width: 42%;overflow: hidden;overflow-x: auto;margin-bottom: 20px;}
			}
@media only screen and (max-width: 740px){
  .wizard_view input{width:auto;min-width:auto;}
  .option_variant.show{width: 100%;position: initial;text-align: left;height:auto;}
  .wizard_view .show:after{content:none;}
  .wizard-step-page #step-2 .tab-open{position:initial;text-align:left;border: none;border-top: 1px solid #ddd;}
  .wizard-step-page #step-2 .sp_options{width:100%;margin-bottom:2px;}
  .input-i-bx.cust_bx img{height: auto;max-height: 170px}
}

@media only screen and (max-width: 1359px) {
  .filter-sidebar {width: 260px;}
  .collection-sp-page .collection-sp-list.has-sidebar {width: calc(100% - 260px);}
}

@media only screen and (max-width: 1199px) {
  .collection-sp-page .sp-container {padding: 0 30px;}
}

@media only screen and (min-width: 960px) {
  .product-sp-page .product-form__item--quantity:after {content: '';display: table;clear: both;}
  .product-sp-page table.sp_variantions {width: 101%;float: left;}
  .product-sp-page .asssorted {width: 50%;float: left;border-right: 0;position: relative}
  .product-sp-page .product-form__item--quantity .input-div, .product-sp-page .product-form__item--quantity .producttotal {width: 100%;float: left;}

}
/* @media (min-width: 0px) and (max-width:768px) {
				.product-sp-page .asssorted {width:20%;float: left;border-right: 0;position: relative}
			} */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .filter-sidebar {width: 240px;}
  .filter-sidebar .sidebar-wrap {padding: 12px 12px 0;}
  .collection-sp-page .collection-sp-list.has-sidebar {width: calc(100% - 240px);}
  .collection-sp-page .SP_products {width: 33.33%;}
  
  .product-sp-page table.sp_variantions tr td {font-size: 15px;padding: 10px;}
  .product-sp-page table.sp_variantions tr td:nth-child(odd) {width: 40%;}
  .product-sp-page .asssorted label {width: 40%;padding: 10px;font-size: 15px;}
  .product-sp-page .asssorted input {margin: 10px;}
}

@media only screen and (max-width: 959px) {
  /* collection page */
  .collection-sp-page .sp-container {padding: 0 20px;}
  .filter-sidebar {width: 30%;}
  .collection-sp-page .collection-sp-list.has-sidebar {width: 70%;}
  .SP_products .sp-product-price {font-size: 15px;}
  .coll-sp-list.col-has-3 .coll-sp-row {margin: 0 -5px;}
  .col-has-3 .SP_products {padding: 0 5px;}
  .col-has-3 .SP_products .sp-product-price {font-size: 14px;}

  /* product page */
  .product-sp-page .pro-sp-title {font-size: 22px;}
  .wizard_view table tr th, .wizard_view table tr td {font-size: 14px;padding: 8px;}
  .pro-main-sp-desc {font-size: 14px;line-height: 22px;margin-top: 30px;}
  .product-sp-page table.sp_variantions tr td {font-size: 14px;padding: 10px;}
  .product-sp-page .asssorted {margin-bottom: 60px;position: relative;}
  .product-sp-page .asssorted label {font-size: 14px;}
  .product-sp-page .asssorted label.lblor {position: absolute;top: 100%;left: 0;right: 0;width: 40px;height: 40px;padding: 5px;border: 1px solid #ccc;border-radius: 30px;justify-content: center;margin: 10px auto !important;}
  @media (min-width: 0px) and (max-width:768px) {
				.product-sp-page .asssorted label.lblor {position: absolute;top: 100%;left: -580px;right: 0;width: 40px;height: 40px;padding: 5px;border: 1px solid #ccc;border-radius: 30px;justify-content: center;margin: 10px auto !important;}
			}
  .product-sp-page .asssorted label.lblor:before, .product-sp-page .asssorted label.lblor:after {content: '';position: absolute;top: 50%;width: 60px;height: 1px;background: #ccc;}
  .product-sp-page .asssorted label.lblor:before {right: 100%;margin-right: 10px;}
  .product-sp-page .asssorted label.lblor:after {left: 100%;margin-left: 10px;}
}

@media only screen and (min-width: 768px) {
  .visible-x {display: none !important;}
  
  .product-sp-page .pro-sp-description {padding-left: 15px;position: relative;
    top: -151px}
  .product-sp-page .pro-sp-title {margin-left: -15px;}
  .sp_header {margin-left: -10px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  /* collection page */
  .coll-sp-list.col-has-3 .coll-sp-row {margin: 0 -5px;}
  .col-has-3 .SP_products {padding: 0 5px;}
  .filter-sidebar .input-chckbx label {font-size: 14px;line-height: 18px;}
  
  .product-sp-page .pro-sp-description {padding-left: 10px;}
  .product-sp-page .pro-sp-title {margin-left: -10px;}
}

@media only screen and (max-width: 767px) {
  .hidden-x {display: none !important;}

  .wizard-step-page .page-title {font-size: 22px;margin-bottom: 30px;}
  .wizard-step-page .step-btns {margin-top: 30px;}
  .wizard-step-page .step-pager {font-size: 15px;height: 42px;line-height: 40px;padding: 0 20px;}

  .step-pg-bx {padding: 20px;}
  .step-pg-bx .st-row {flex-wrap: wrap;margin: 0 0 30px;}
  .step-pg-bx .or {width: 100%;font-size: 14px;text-align: center;margin: 12px 0;}

  .input-i-bx {width: 100%;margin: 0;}
  .input-chckbx label {font-size: 16px;}

  /* collection page */
  .coll-sp-description {flex-wrap: wrap;}  
  .coll-sp-description h2 {font-size: 22px;padding-bottom: 7px;margin-bottom: 15px;border-bottom: 1px solid #ccc}
  .coll-sp-description #Sortiwg {min-width: 100%}


  .coll-sp-description .coll-desc {font-size: 14px;line-height: 22px;}
  .filter-toggle {display: block;}
  .filter-sidebar {display: none;width: 100%;margin-bottom: 30px;}
  .filter-sidebar h3 {display: none;}
  .collection-sp-page .collection-sp-list.has-sidebar {width: 100%;padding: 0;}
  .coll-sp-list .coll-sp-row {margin: 0 -5px;}
  .SP_products {padding: 0 5px;margin-bottom: 20px;}

  .mproducts-four{width:25%}
  .mproducts-two{width:50%}
  .mproducts-two .sp-product-img img{object-fit: contain;}
  .mproducts-one .sp-product-img img{object-fit: contain;}
  .mproducts-three{width:33.33%}
  .mproducts-one{width:100%}

  /* product page */
  .product-sp-page {padding-bottom: 40px;}
  .product-sp-page .pro-sp-images {width: 100%;}
  .product-sp-page .pro-sp-description {width: 100%;margin: 25px 0 0;}
  .product-sp-page .pro-sp-title {font-size: 20px;}
  .pro-main-sp-desc {margin-top: 20px;}
  .pro-main-sp-desc .sp-title {font-size: 20px;margin-bottom: 15px;}
  @media (min-width: 0px) and (max-width:768px) {
				.pro-main-sp-desc .sp-title {font-size: 20px;margin-bottom: 15px;margin-top: 90px;}
    .product-sp-page .pro-sp-description {width: 100%;margin: -100px 0 0;}
			}
  .pro-sp-tabs {width: calc(100% + 30px);margin: 0 -15px 20px;border-left: 0;border-right: 0;}
}

@media only screen and (max-width: 479px) {
  .collection-sp-page .sp-container {padding: 0 15px;}
  .ui-datepicker table {font-size: 13px;table-layout: fixed;}
  .ui-datepicker td {padding: 0;}
  .ui-datepicker td span, .ui-datepicker td a {width: 33px;height: 33px;line-height: 32px;}

  .input-i-bx.cust_bx img{max-height:150px;}
  .wizard-step-page #step-2 .step-pg-bx{max-width:100%;}
  .wizard-step-page #step-2 .back-div{padding:10px;}

  .product-sp-page .pro-main-slider {padding-left: 0;}
  
  .pro-thumb-slide-arrow {width: 20px;height: 40px;}
  .pro-thumb-slide-arrow:before {width: 10px;height: 10px;left: 5px;}
  .pro-thumb-slide-prev {left: -15px;}
  .pro-thumb-slide-next {right: -15px;}
  .pro-thumb-slider {padding: 0 10px;}
}

@media only screen and (max-width: 479px) {
  .iwg_app_error {border-left-width: 4px;border-radius: 4px;padding: 15px 15px 15px 40px;}
  .iwg_app_error svg {width: 18px;height: 18px;margin-left: -28px;}
  .iwg_app_error p {font-size: 13px;}
  
  .pro-sp-tabs .pro-tab-trigger {font-size: 13px;padding: 10px;}
}

@media only screen and (max-width: 359px) {
  .wizard_view table tr th, .wizard_view table tr td {font-size: 13px;padding: 6px;}
  .pro-sp-tabs .pro-tab-trigger {font-size: 12px;line-height: 15px;padding: 10px 7px;}
}

.sp_error_customify .scrollTab, .sp_error_customify .scrollTab:hover{color: red;text-decoration: underline;cursor: pointer;}