@import "_mixins";
@import "_variables";

.box-01 {
	#product-preview-box {
		.product-preview-box {
			.product-nav {
				#nav_tabs {
					max-width: 300px;

					@include respond-below(md) {
						max-width: unset;
					}
				}
			}
		}
	}
}
.box-02 {
	padding: 90px 0;
}
.box-03 {
	.scontainer-content {
		> .row {
			align-items: center;
		}
		.col-right {
			margin-top: 0;
		}
	}
}
.box-04 {
	margin-bottom: 160px;

	#product-colors {
		.col-right {
			.color-tiles-grid {
				grid-template-columns: 1fr;
			}
			.color-tiles {
				.color-tiles-data {
					li {
						img {
							width: 128px !important;
							height: 34px;
							max-height: 34px;
						}
					}
				}
			}
		}
	}
}