<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*---- product bundle page ----*/
/* bottom sticky bar */
.container-fluid.slideshow-container {
    min-height: 527px;
    margin-top: 0px;
}
a.menu-link {
    max-height: 48px;
}
.field-recaptcha {
    position: absolute;
    float: left;
}
@media only screen and (min-width: 768px) {
.row.how-it-works .col-sm-24 [class^='col-sm-']{
    width: 20%;
    padding: 20px;
}
}
.row.how-it-works .col-sm-24{
    margin-bottom:30px;
}
.row.how-it-works .col-sm-24 [class^='col-sm-'] .icon {
    max-width: 180px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.row.how-it-works .col-sm-24 [class^='col-sm-'] h4 {margin-bottom: 20px;text-align: center;font-weight: 600;}

.row.how-it-works .col-sm-24 [class^='col-sm-'] p.des {
    text-align: justify;
    font-size: 16px;
    line-height: 22px;
}

p a {
    text-decoration: underline !important;
}
.page-product-bundle.page-product-advanced-option header.modal-header .modal-title {
    /* display: none; */
    border: none;
    padding: 10px 20px !important;
    font-size: 20px !important;
    font-weight: bolder !important;
}

.page-product-bundle.page-product-advanced-option .modal-content {
    padding: 20px !important;
}

.page-product-bundle.page-product-advanced-option footer.modal-footer {
    display: none;
    padding: 20px !important;
}

.page-product-bundle.page-product-advanced-option .modal-form {
    float: left;
    position: relative;
}


.page-product-bundle.page-product-advanced-option header.modal-header {
    padding: 0 !important;
    margin-bottom: 0px !important;
}

.page-product-bundle.page-product-advanced-option header.modal-header .modal-title:before {
    content: "Denim:";
}


.groupdrop-banner.space-s a, .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a {
    font-size: 14px !important;
    font-weight: bolder !important;
    color: black !important;
}
.denim-table {
    border: 1px solid #dadada !important;
    margin-bottom: 20px;
}

.denim-table td, .denim-table th {border: 1px solid #dadada !important;}

.denim-table tr:nth-child(odd) {
    background: #fafafa;
}
.denim-table tr:hover {
    background: #e2eef9;
}
.columns a.step.active:hover {color: white;}
.bottom-sticky{ max-width:1280px; width: calc(100% - 30px); display: none; height: 55px; border-radius: 4px; position: fixed; left: 50%; bottom: 20px; right: 0; transform: translateX(-50%); background: #1a3965; z-index: 1; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); overflow: hidden;}
.bottom-sticky .progress-wrapper .progress{ height: 3px; background: #617fab; margin: 0; transition: 0.3s ease-in-out; position: absolute; left:0; top: 0; z-index: 1;}

.bottom-sticky .container{ height: 100%; display: flex; justify-content: space-between; align-items: center;}
.bottom-sticky .container.text-only{justify-content: center;}
.bottom-sticky .guide-info{margin: 0; color: #d1d5dd; font-size: 15px; font-weight: 400;left: 30px;position: relative;}
.bottom-sticky .guide-info a{ color: #d1d5dd;}
.bottom-sticky .next-step-button{margin:0; }
.bottom-sticky .next-step-button .action.primary{width: 140px; height: 40px; margin: 0; color: #000000; background: #cecece; border-radius: 4px;position: relative;right: 147px; line-height: 18px;
    font-weight: normal;}
.bottom-sticky .next-step-button .action.primary::before{ background-color: #eee; border-radius: 4px;}
.bottom-sticky .next-step-button .action.primary.action.primary:hover{ background-color: #445073;  color: #fff; border-radius: 4px;}
.bottom-sticky .next-step-button .action.primary i{ font-size: 18px; position: relative; top: 4px; margin-left: 3px;}
.bottom-sticky .btn-group{ width: 100%;}
.bottom-sticky .btn-group .action.primary{width: 100%; border: none; font-size: 14px;}
.bottom-sticky .btn-group .action.primary::before{background: transparent; border: none;}
.bottom-sticky .btn-group .action.primary:hover{color: #fff; border: none;}
.bottom-sticky .btn-group .action.primary:hover .middot{color: #fff;}

a.step.measurement:before {
    content: "";
    background: url(/media/wysiwyg/measurement-icon-roll.png);
    width: 64px;
    height: 64px;
    background-size: 100%;
    position: relative;
    background-blend-mode: multiply;
    filter: invert(100%);
    -webkit-filter: invert(100%);
}
a.step.measurement.active:before{
	    filter: invert(0%);
    -webkit-filter: invert(0%);
}
a.step.customise:before {
    content: "";
    background: url(/media/wysiwyg/jeans-men-icon.png);
    width: 64px;
    height: 64px;
    background-size: 100%;
    position: relative;
    background-blend-mode: multiply;
    filter: invert(100%);
    -webkit-filter: invert(100%);
}
a.step.customise.active:before{
	    filter: invert(0%);
    -webkit-filter: invert(0%);
}

a.step.fabric:before {
    content: "";
    background: url(/media/wysiwyg/fabric-icon.png);
    width: 64px;
    height: 64px;
    background-size: 100%;
    position: relative;
    background-blend-mode: multiply;
    filter: invert(100%);
    -webkit-filter: invert(100%);
}
a.step.fabric.active:before{
	    filter: invert(0%);
    -webkit-filter: invert(0%);
}

span.bqty {
    display: none;
}
.bundle-options-container .nested .field.qty {
    display: none;
}
input#advancebundle_product_image_position+div {
    display: none;
}
.field-measurement-measurement-unit,.field-measurement-measurement-type {
    width: 35%;
}
.nc-garmentmeasure-title,.nc-bodymeasure-title {
    float: left;
}

fieldset.fieldset.fieldset-bundle-options {
    margin: 0 !important;
    width: 100%;
}
/* only for sticky bottom bar  */
@media (min-width:768px){
	@media (max-height:1080px){	
		.bottom-sticky{ display: block;}
		.fabric .btn-group, .customise .btn-group, .tab_wrapper .controller, .measurement .saved-measurement-area .btn-group, .additional-info .btn-group{ display: none !important;}
	}
	.add-measurement .btn-group{display: block;}
}

@media (max-width:767px) {	
    .bottom-sticky{ display: block; bottom: 55px; height: 50px;}
	.bottom-sticky .container{padding: 0 10px;}
	.bottom-sticky .guide-info{font-size: 14px;}
    .bottom-sticky .next-step-button .action.primary{
            position: relative;
            right: 0px;
    }
    .bottom-sticky .guide-info {
        left: 10px;
        position: relative;
    }
}


@media (max-width:767px) {
    .content_wrapper {
            max-width: 100% !important;

    width: 100% !important;margin: 0 !important;}
    h3.label.bundle-toggle {display: none !important;}
}

.accordian_header.tab-content-accordion-waist-size ,.accordian_header.tab-content-accordion-length-size {
    display:none !important;
}


.show-input-text-field {
    width: 40%;
    float: left;
}
.show-attribute-details {
    float: left;
    display: inline;
    width: 60%;
    padding-left:60px
}


.product-options-wrapper .fieldset .control {
    border: none;
    width: auto !important;
    min-width: 300px;
}

.text-field-measurement.measurement-field {
    width: 100%;
    display: block;
    float: left;
}

.text-field-measurement.measurement-field label.label {
    float:left;
    display:block;
    width:100%;
}

.customizable-options {
    display: block;
    max-width: 900px;
    margin: 0 auto;
}

.measurement-field {
    width: 100%;
    display: block;
    float: left;
}

.measurement-field &gt; label.label {
    width: 100%;
    display: block;
    float: left;
}
.step-content.fabric .gallery-main.row-4g {
    width:20%;
}

.page-product-bundle.catalog-product-view .bundle-options-container .bundle-options-wrapper {
    min-width: 100% !important;
    padding: 0;
}

.steps-title {
    max-width: calc( 100% - 60px );
}

.field-measurement-measurement-unit, .field-measurement-measurement-type {
    width: 40%;
    float: left;
    display: inline-block;
}
div#cart-footer {
    display: none;
}
input[type="checkbox"]:before{
	font-family: 'FontAwesome' !important;
}
.page-product-bundle.catalog-product-view .bundle-options-container .block-bundle-summary {
    min-width: 100% !important;
}

.price-box.price-configured_price {
    float: left;
    display: block;
}

#bundleSummary .content {
    display: flex;
    flex-direction: column;
}


.box-tocart.large-box-tocart .control {
    display:flex
}

.step-content.fabric .gallery-main.row-4g {
    width: 16%;
    min-height: 190px;
}
.tab-content-choose-back-pocket .gallery-main.row-3g,
.tab-content-choose-front-pocket .gallery-main.row-3g,
.tab-content-choose-loop .gallery-main.row-3g{
    width: 25%;
}

.bundle-options-container .product-options-wrapper .fieldset .fieldset-bundle-options .choice label.label span {

    padding: 10px 3px;
    font-weight: 600;
    font-size: 11px;
    color:#000;
}

.bundle-options-container .product-options-wrapper .fieldset .fieldset-bundle-options .row-3g .choice label.label img{
    width: 100%;
    min-height:fit-content;
    height:fit-content;
}
.bundle-options-container .product-options-wrapper .fieldset .fieldset-bundle-options .row-2g .choice label.label img {
    width: 100%;
    min-height:fit-content;
    height:fit-content;
}


.tab-content-choose-fly .gallery-main.row-3g,
.tab-content-effects .gallery-main.row-3g{
    width: 25%;
}
.bundle-options-container .product-options-wrapper .fieldset .fieldset-bundle-options .choice label.label img {
    border: 2px solid #CCC;
}


input.product.gallery.bundle:checked+.gallery-label-container label img{
    border: 3px solid #429f46!important;
   
}
.price-box.price-configured_price {
    float: left;
    margin-right: 20px;
}

.bundle-options-container .product-add-form .block-bundle-summary .bundle-summary {
    display: block;
    float: left;
}

.accodion-items .bundle-view-item a.opemmodalpopup {
    background: url(/media/icon-info.svg);
    width: 22px;
    height: 22px;
}
.accodion-items .bundle-view-item a.opemmodalpopup:hover {
    background: url(/media/icon-info-hover.svg);
    width: 22px;
    height: 22px;
}

.bundle-options-container .product-options-wrapper .gallery-main .field.choice input {
    display: none;
}

.bundle-options-container .product-options-wrapper .fieldset .fieldset-bundle-options .choice label.label {
    margin-left: 0 !important;
    border: 0 !important;
}
.bundle-options-container .product-options-wrapper .fieldset .fieldset-bundle-options .gallery-main .choice label.label {
    background: #e8e8e8;
}
.bundle-options-container .product-options-wrapper .fieldset .fieldset-bundle-options .choice label.label img {
    float: left;
    width: 100%;
    object-fit: cover;
    width: 230px;
    height: 190px;
    border: none;
}

.steps-content-block .step-content.active .container fieldset {
    border: none;
    padding: 0;
}
.bundle-view-item {bottom: 72px;position: relative;right: 10px;}
.smry-option img {
    width: 140px;
    height: 140px;
    object-fit: cover;
}

div#bundle-summary .bundle.items li {
    width: 140px !important;
    float: left;
    margin-left: 20px;
    display: flex;
    min-height: 220px;
    align-content: stretch;
    align-items: start;
    flex-direction: column;
}

div#bundle-summary .bundle.items {
    margin-left: -20px;
    /* display: grid; */
    grid-column: 7;
}

input.product.gallery.bundle:checked+.gallery-label-container label:before {
    content: '';
    position: absolute;
    top: 5px;
    right: 5px;
    font-family: 'FontAwesome';
    font-size: 22px;
    font-weight: 300;
    border: 1px solid;
    width: 34px;
    height: 34px;
    display: block;
    border-radius: 50%;
    background: url(/media/tickmark.svg);
    padding: 6px;
    line-height: 18px;
}

.gallery-label-container {
    z-index: -1;
}

.accodion-items {
    width: 100% !important;
    grid-column: 4;
}

.gallery-main.row-4g {
    width: 25%;
    float: left;
    display: inline-block;
}
.gallery-main.row-2g {
    width: 50%;
    /* float: left; */
    display: inline-block;
}
.gallery-main.row-3g {
    width: 33%;
    float: left;
    display: inline-block;
}
.nested.options-list .accodion-items {
    display: block !important;
}

.bundle-options-container .product-add-form .bundle-options-wrapper {
    width: 100%;
}

#maincontent .bundle-options-container .advance-summery-container {
    width: 100%;
}

.product-add-form .product-options-wrapper .fieldset .field h3.bundle-toggle {
    background: none;
}

.product-options-wrapper .fieldset .field h3.bundle-toggle:after {
    content: none;
}

.customise-block.option-grid fieldset {
    border: none;
    padding: 0;
}

.customise-block.option-grid {
    display: block;
}
.selection-process .product-detail-block {
    width: 100%;
    padding-top: 15px;
}

.selection-process .product-detail-block .page-title {
    padding: 0;
    margin: 0 !important;
}

.selection-process .product-detail-block .page-title-wrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.selection-process .product-detail-block .page-title-wrapper .product-info-price {
    margin: 0;
    color: #16284c;
    text-transform: uppercase;
    align-items: center;
}

.selection-process .product-detail-block .page-title-wrapper .product-info-price .price-box {
    margin: 0;
}

.selection-process .product-detail-block .page-title-wrapper .product-info-price .price-box .price-container {
    font-size: 20px;
}

.selection-process .product-detail-block .page-title-wrapper .product-info-price .price-box .price-container .price {
    color: #16284c;
    font-weight: 600;
    font-size: 24px;
}

.steps-title {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    display: flex;
}

.steps-title a {
    max-width: calc(33.33% - 32px + 21px);
    width: 100%;
    height: 80px;
    background: #eeeeee;
    margin: 0;
    align-items: center;
    display: flex;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    color: #16284c;
    justify-content: center;
    position: relative;
    transition: 0.2s ease-in-out !important;
}

.steps-title a::after {
    content: "";
    width: 32px;
    height: 100%;
    display: block;
    background: url('/pub/media/arrow-step.svg') no-repeat center center;
    position: absolute;
    z-index: 1;
    top: 0;
    right: -31px;
    transition: 0.2s ease-in-out !important;
}

.steps-title a.active::after {
    background: url('/pub/media/arrow-step-hover.svg');
    transition: 0.2s ease-in-out !important;
}

.steps-title a i {
    font-size: 50px;
    margin: 0 12px 0 0;
    line-height: 1;
    height: 50px;
}

.steps-title a span {
    margin: 0;
    line-height: 1.2;
}

.steps-title a.active {
    background: #445073;
    color: #fff !important;
}

.steps-content-block .step-content {
    display: none;
}

.steps-content-block .step-content.active {
    display: block;
}

@media (min-width:768px) and (max-width:1023px) {

	.steps-title{margin-bottom: 20px;}
	.steps-title a{ max-width: calc(33.33% - 28px + 18px); height: 70px;}
	.steps-title a::after{ width: 28px; right: -28px;}
	.steps-title a i{font-size: 45px;}

}
@media (max-width:640px) {

	.steps-title{margin-bottom: 20px;}
	.steps-title a{max-width: calc(33.33% - 20px + 13px); height: 50px;}
	.steps-title a::after{ width: 20px; right: -19px;}
	.steps-title a i{font-size: 35px; margin:0 -15px 0 0; line-height: 1.6;}
	.steps-title a span{ display: none; }
	.steps-title a.fabric i{margin:0 -5px 0 0;}
}





.tab_wrapper ul,
.tab_wrapper li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tab_wrapper {
  margin: 10px 0 50px;
  display: inline-block;
  width: 100%;
  position: relative;
}
.tab_wrapper * {
  box-sizing: border-box;
}
.tab_wrapper &gt; ul {
  clear: both;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #49a4d9;
}
.tab_wrapper &gt; ul li {
  float: left;
  cursor: pointer;
  font-weight: bold;
  padding: 8px 18px;
  text-transform: uppercase;
  border: 1px solid #ccc;
  font-size: 1.05em;
  border-bottom: 0;
  position: relative;
  border-top: 3px solid #ccc;
  color: #999;
  margin: 0 5px 0 0;
}
.tab_wrapper &gt; ul li.active {
  border-color: #49a4d9;
  color: #49a4d9;
}
.tab_wrapper &gt; ul li.active:after {
  content: "";
  position: absolute;
  bottom: -1px;
  height: 1px;
  left: 0;
  background: #fff;
  width: 100%;
}
.tab_wrapper .controller {
  display: block;
  overflow: hidden;
  clear: both;
  position: absolute;
  top: 0;
  right: 0;
}
.tab_wrapper .controller span {
  /*padding: 8px 22px;
  background: #49a4d9;
  color: #fff;*/
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
}
.tab_wrapper .controller span.next {
  cursor: pointer;
  float: right;
  /*margin-left: 10px;*/
  display: block !important;
}
.tab_wrapper .content_wrapper {
  float: left;
  width: 100%;
  border: 1px solid #49a4d9;
  border-top: 0;
  box-sizing: border-box;
}
.tab_wrapper .content_wrapper .tab_content {
  display: none;
  padding: 15px 20px;
}
.tab_wrapper .content_wrapper .tab_content.active {
  /* display: block; */
}
.tab_wrapper .content_wrapper .tab_content .error {
  color: red;
}
.tab_wrapper .content_wrapper .accordian_header {
  display: none;
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  position: relative;
  cursor: pointer;
}
.tab_wrapper .content_wrapper .accordian_header.active {
  color: #49a4d9;
  border-bottom: 1px solid #ccc;
}
.tab_wrapper .content_wrapper .accordian_header.active:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 5px;
  height: 100%;
  background: #49a4d9;
}
.tab_wrapper .content_wrapper .accordian_header .arrow {
  float: right;
  display: inline-block;
  width: 12px;
  height: 12px;
  position: relative;
  border-radius: 2px;
  transform: rotate(-135deg);
  background: #fff;
  border-top: 3px solid #ccc;
  border-left: 3px solid #ccc;
                /* &amp;:after{
					position: absolute;
					top: 0;
					content: "";
					left: 0;
					width: 10px;
					height: 10px;
					background: $white;
					border-top: 3px solid $border_color;
					border-left: 3px solid $border_color;
				} */
}
.tab_wrapper .content_wrapper .accordian_header.active .arrow {
  transform: rotate(45deg);
  margin-top: 5px;
  border-top: 3px solid #49a4d9;
  border-left: 3px solid #49a4d9;
}
.tab_wrapper.left_side &gt; ul {
  width: 20%;
  float: left;
  border-bottom: 1px solid #ccc;
}
.tab_wrapper.left_side &gt; ul li {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 18px;
  border-width: 1px;
  border-right: 0;
  border-left: 0;
}
.tab_wrapper.left_side &gt; ul li:after {
  left: 0;
  top: 0;
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background: #ccc;
}
.tab_wrapper.left_side &gt; ul li.active {
  border-color: #ccc;
}
.tab_wrapper.left_side &gt; ul li.active:after {
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: #49a4d9;
}
.tab_wrapper.left_side &gt; ul li.active:before {
  left: -1px;
  position: absolute;
  top: 0;
  content: "";
  width: 2px;
  height: 100%;
  background: #fff;
}

.tab_wrapper.left_side .content_wrapper {
  width: 75%;
  border: 1px solid #ccc;
  float: left;
}
.tab_wrapper.left_side .controller {
  top: 200px;
  right: 30px;
}
.tab_wrapper.right_side &gt; ul {
  width: 25%;
  float: right;
  border-bottom: 1px solid #ccc;
}
.tab_wrapper.right_side &gt; ul li {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 18px;
  border-width: 1px;
  border-right: 0;
  border-left: 0;
  text-align: right;
}
.tab_wrapper.right_side &gt; ul li:after {
  right: 0;
  left: inherit;
  top: 0;
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background: #ccc;
}
.tab_wrapper.right_side &gt; ul li.active {
  border-color: #ccc;
}
.tab_wrapper.right_side &gt; ul li.active:after {
  right: 0;
  left: inherit;
  top: 0;
  width: 5px;
  height: 100%;
  content: "";
  background: #49a4d9;
}
.tab_wrapper.right_side &gt; ul li.active:before {
  left: -2px;
  right: inherit;
  position: absolute;
  top: 0;
  content: "";
  width: 2px;
  height: 100%;
  background: #fff;
}
.tab_wrapper.right_side .content_wrapper {
  width: 75%;
  float: left;
  border: 1px solid #ccc;
}
.tab_wrapper.right_side .controller {
  top: -50px;
}
.tab_wrapper.accordion .content_wrapper {
  border-color: #ccc;
}
.tab_wrapper.accordion .content_wrapper .accordian_header {
  display: block;
}
.tab_wrapper.accordion &gt; ul {
  display: none;
}
.tab_wrapper .active_tab {
  display: none;
  position: relative;
  background: #000000;
  padding: 12px;
  text-align: center;
  padding-right: 50px;
  color: #fff;
  cursor: pointer;
  border-radius: 30px;
}
.tab_wrapper .active_tab .arrow {
  width: 30px;
  height: 30px;
  overflow: hidden;
  line-height: 30px;
  text-align: center;
  background: #fff;
  position: absolute;
  right: 6px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.tab_wrapper .active_tab .arrow:after {
  content: "";
  width: 10px;
  display: inline-block;
  height: 10px;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -8px;
}
.tab_wrapper .active_tab .text {
  text-indent: 39px;
  display: block;
}


@media only screen and (max-width: 767px) {
  .tab_wrapper &gt; ul {
    display: none;
  }
  .tab_wrapper .content_wrapper {
    border: 0;
  }
  .tab_wrapper .content_wrapper .accordian_header {
    display: block;
  }
  .tab_wrapper.left_side .content_wrapper, .tab_wrapper.right_side .content_wrapper {
    width: 100%;
    border-top: 0;
  }
  .tab_wrapper .controller {
    display: none;
  }
  .tab_wrapper.show-as-dropdown &gt; .tab_list {
    border: 0;
    box-shadow: 0 0 8px #ccc;
    position: absolute;
    z-index: 3;
    background: #fff;
    border-radius: 5px;
    margin-top: 15px;
  }
  .tab_wrapper.show-as-dropdown &gt; .tab_list:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    width: 14px;
    height: 14px;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: -3px -4px 5px #efefef;
    margin-left: -7px;
  }
  .tab_wrapper.show-as-dropdown &gt; .tab_list li {
    border: 0;
    border-bottom: 1px solid #ccc;
  }
  .tab_wrapper.show-as-dropdown &gt; .tab_list li.active:after {
    display: none;
  }
  .tab_wrapper.show-as-dropdown .active_tab {
    display: block;
  }
  .tab_wrapper.show-as-dropdown &gt; .tab_list {
    display: none;
  }
  .tab_wrapper.show-as-dropdown &gt; .content_wrapper &gt; .accordian_header {
    display: none;
  }
  .tab_wrapper.show-as-dropdown &gt; .tab_list li {
    display: block;
    float: none;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .tab_wrapper.show-as-dropdown &gt; .tab_list {
    display: block !important;
    overflow: hidden;
  }
}




.customise .container{padding: 0;}
.customise .tab_wrapper{margin: 0;}
li#tab-waist-size,li#tab-length-size {
    display:none;
}

.tab_wrapper .tab_list{ max-width: 330px; width: 100% !important; margin: 0; padding: 0; border: none; border-bottom: 1px solid #d3d7dc !important;}
.tab_wrapper .tab_list li{ border: none !important; border-top: 1px solid #d3d7dc !important; border-right: 1px solid #d3d7dc !important; padding: 10px 20px; display: flex; align-items: center; justify-content: space-between;}
.tab_wrapper .tab_list li::before{ display:none;}
.tab_wrapper .tab_list li::after{content: "" !important;font-family: "custom-jeans" !important;display: block;text-transform: none;right: 20px !important;top:43% !important;left: auto !important;height: auto !important;background:none !important;font-size: 15px;color: #D3D7DC;line-height: 1;}
.tab_wrapper .tab_list li .option-selected-title{ margin: 0;}
.tab_wrapper .tab_list li .option-selected-title h4{margin-bottom: 0; color: #16284c; font-size: 15px; text-transform: uppercase; line-height: 1;}
.tab_wrapper .tab_list li .option-selected-title span{ color: #91959d; font-size: 12px; text-transform: uppercase; font-weight: 400; }
.tab_wrapper .tab_list li .option-selected-thumbnail{ margin: 0; border:1px solid #d3d7dc; border-radius: 3px; overflow: hidden; max-width: 85px; width: 100%; height: 56px; display: flex; align-items: center; margin-right: 20px;}
.tab_wrapper .tab_list li .option-selected-thumbnail img{ width: 100%; height: auto; display: block;}

.tab_wrapper .tab_list li.active{ border-right:1px solid #fff !important;}
.tab_wrapper .tab_list li.active::after{ display: block; color: #16284c; background: none !important;}
.tab_wrapper .tab_list li.active::before{ content: ""; display: block; background: #16284c !important; width: 4px !important; height: 100% !important; border-radius: 0;}
.tab_wrapper.left_side &gt; ul li.active::after{}

.tab_wrapper .tab_content{ border: none; padding: 0 !important;}
.tab_wrapper .content_wrapper{ border:none !important; max-width: calc(100% - 370px); width: 100% !important; margin-left: 40px;}
.tab_wrapper .tab_content .group-title{ font-size: 18px; margin-bottom: 12px; letter-spacing: 0.05em;}

.customise-block{ display: flex; flex-wrap: wrap;}

.tab_wrapper .tab_list li.active{ border-right:1px solid #fff !important;}
.tab_wrapper .tab_list li.active::after{ display: block; color: #16284c; background: none !important;}
.tab_wrapper .tab_list li.active::before{content: "";display: block;background: #16284c !important;width: 4px !important;height: 100% !important;border-radius: 0;float: left;}
.tab_wrapper.left_side &gt; ul li.active::after{}

.tab_wrapper .tab_content{ border: none; padding: 0 !important;}
.tab_wrapper .content_wrapper{ border:none !important; max-width: calc(100% - 370px); width: 100% !important; margin-left: 40px;}
.tab_wrapper .tab_content .group-title{ font-size: 18px; margin-bottom: 12px; letter-spacing: 0.05em;}

.tab_content .controller{max-width: 180px; width: 100%; position: static; margin: 10px 0 0 auto;}
.tab_content .controller .action.primary{ width: 100%;}
.tab_content .controller .action.primary .next{ float: none;}
.tab_content .controller .action.primary .next i{ font-size: 19px; margin-left:8px; line-height: 1; }


.tab-content-choose-loop .row-3g .choice label.label img {
    width: 240px;
    height: 200px !important;
}

.tab-content-choose-loop .row-3g {
    width: 33% !important;
}

.tab-content-choose-rise\/waist .row-3g .choice label.label img {
    height: 390px !important;
}

.tab-content-choose-rise\/waist .row-3g {
    width: 33% !important;
}


.tab-content-choose-fly .row-3g .choice label.label img {
    width: 240px;
    height: 200px !important;
}

.tab-content-choose-fly .row-3g {
    width: 33% !important;
}


.tab-content-choose-front-pocket .row-3g .choice label.label img {
    width: 240px;
    height: 200px !important;
}

.tab-content-choose-front-pocket .row-3g {
    width: 33% !important;
}

.tab-content-choose-back-pocket .row-3g .choice label.label img {
    width: 240px;
    height: 200px !important;
}

.tab-content-choose-back-pocket .row-3g {
    width: 33% !important;
}

.tab-content-effects .row-3g .choice label.label img {
    height: 390px !important;
}

.tab-content-effects .row-3g {
    width: 33% !important;
}

.bundle-options-wrapper .product-info-price h1 {
    background: none !important;
    font-weight: 600;
}

.bundle-options-wrapper .product-info-price {
    border: none !important;
    background: #ebe9e975;
}

.bundle-options-wrapper .product-info-price .bundle-product-image {
    display: none !important;
}

.bundle-options-wrapper .product-info-price {
    padding: 75px 20px 20px 20px;
}

.bundle-options-wrapper .product-info-price p.stock.available {
    display: none;
}

.bundle-options-wrapper .product-info-price .product.attribute.sku {
    display: none;
}

div#choose-fabric {}

.steps-content-block .step-content .container {
    padding: 0 !important;
}


.nested.options-list .accodion-items {
    padding: 0 !important;
}

@media (min-width:768px) and (max-width:1023px) {


	.tab_wrapper .tab_list{ max-width: 235px}
	.tab_wrapper.left_side &gt; ul li{ padding: 3px 10px;}
	.tab_wrapper .tab_list li .option-selected-title h4{ font-size: 14px; }
	.tab_wrapper .content_wrapper{ max-width: calc(100% - 255px); margin-left: 20px;}
	.tab_wrapper .tab_content .group-title{ display: none; }

}



@media (max-width: 960px) {
    .step-content.fabric .gallery-main.row-4g {
        width: 25%;
        min-height: 270px;
    }

    .tab-content-choose-back-pocket .gallery-main.row-3g, .tab-content-choose-front-pocket .gallery-main.row-3g, .tab-content-choose-loop .gallery-main.row-3g {
        width: 25%;
    }

    .tab-content-choose-fly .gallery-main.row-3g, .tab-content-effects .gallery-main.row-3g {
        width: 25%;
    }
}

@media (max-width: 768px) {
    .step-content.fabric .gallery-main.row-4g {
        width: 33%;
        min-height: 180px;
    }

    .gallery-main.row-3g {
        padding: 5px;
    }

    .tab-content-choose-back-pocket .gallery-main.row-3g, .tab-content-choose-front-pocket .gallery-main.row-3g, .tab-content-choose-loop .gallery-main.row-3g {
        width: 33%;
    }

    .tab-content-choose-fly .gallery-main.row-3g, .tab-content-effects .gallery-main.row-3g {
        width: 33%;
    }
}

@media (max-width: 640px) {
    .step-content.fabric .gallery-main.row-4g {
        width: 50%;
        min-height: 320px;
	padding:5px;
    }

    .gallery-main.row-2g {
        width: 50%;
        display: inline-block;
        padding: 5px;
    }

    .tab-content-choose-back-pocket .gallery-main.row-3g, .tab-content-choose-front-pocket .gallery-main.row-3g, .tab-content-choose-loop .gallery-main.row-3g {
        width: 50%;
    }

    .tab-content-choose-fly .gallery-main.row-3g, .tab-content-effects .gallery-main.row-3g {
        width: 50%;
    }
}


</pre></body></html>