first commit

layout/style-scss/wooden-windows.scss

@@ -0,0 +1,77 @@
+@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-left {
+			img {
+				&.mb-5 {
+					@include respond-below(md) {
+						display: block;
+						margin-left: auto;
+						margin-right: auto;
+					}
+				}
+			}
+			@include respond-below(md) {
+				text-align: center;
+			}
+		}
+		.col-right {
+			.color-tiles-list {
+				display: flex;
+				flex-direction: row;
+				row-gap: 20px;
+				column-gap: 70px;
+				flex-wrap: wrap;
+
+				li {
+					display: flex;
+					flex-direction: column;
+					row-gap: 9px;
+
+					img {
+						max-height: 42px;
+						width: 160px !important;
+						object-fit: cover;
+					}
+					p {
+						font-weight: 400;
+						font-size: 14px;
+						margin-bottom: 0;
+					}
+				}
+			}
+		}
+	}
+}