Save

themes/classic/assets/css/custom.scss

@@ -2418,6 +2418,13 @@ body#category {
 
 	figure {
 		width: 100%;
+
+		img {
+			@media (max-width: 991px) {
+				min-height: 390px;
+				object-fit: cover;
+			}
+		}
 	}
 }
 .home-slider {
@@ -2431,6 +2438,11 @@ body#category {
 			bottom: auto;
 			top: 80px;
 
+			@media (max-width: 991px) {
+				top: 36px;
+				left: 40px;
+			}
+
 			.caption-description {
 				h2 {
 					color: #f9f7f2;
@@ -2443,6 +2455,11 @@ body#category {
 					span {
 						color: #e79332;
 					}
+
+					@media (max-width: 991px) {
+						font-size: 32px;
+						margin-bottom: 10px;
+					}
 				}
 
 				p {
@@ -2503,6 +2520,10 @@ body#category {
 			background-repeat: no-repeat;
 			transform: scale(-1);
 		}
+
+		@media (max-width: 991px) {
+			font-size: 13px;
+		}
 	}
 }
 
@@ -2528,6 +2549,15 @@ body#category {
 					grid-area: item3;
 				}
 			}
+
+			@media (max-width: 767px) {
+				grid-template-columns: 1fr;
+				grid-template-rows: auto;
+				grid-template-areas:
+					'item1'
+					'item2'
+					'item3';
+			}
 		}
 	}
 
@@ -3611,3 +3641,214 @@ body#authentication {
 		}
 	}
 }
+
+.leo-megamenu .navbar-toggler {
+	&.c-navbar-toggler {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		gap: 8px;
+
+		background: #e9e3d7;
+		margin: 0;
+		padding: 18px 24px;
+		width: auto;
+
+		outline: none !important;
+
+		.c-sr-only {
+			color: #110e0c;
+			font-family: $fInter;
+			font-size: 11px;
+			font-weight: 500;
+		}
+	}
+}
+
+#header-panel-box {
+	.header-panel-box-row-1 {
+		@media (max-width: 991px) {
+			margin-bottom: 15px;
+		}
+
+		> div {
+			> .elementor-row {
+				flex-wrap: nowrap;
+				align-items: center;
+			}
+		}
+	}
+	.header-panel-box-row-2 {
+		.header-panel-box-row-2-col-1 {
+			> div {
+				> .elementor-widget-wrap {
+					flex-wrap: nowrap;
+					align-items: center;
+
+					> .elementor-widget-ps-widget-module {
+						margin-bottom: 0;
+						width: fit-content;
+					}
+
+					> .elementor-widget-ajax-search {
+						> .elementor-widget-container {
+							border: 1px solid #e9e3d7;
+							min-height: 44px;
+						}
+
+						form.elementor-search {
+							> .elementor-search__container {
+								button.elementor-search__submit {
+									order: 1;
+								}
+								input.elementor-search__input {
+									order: 2;
+									padding-left: 0;
+
+									&::placeholder {
+										font-size: 11px;
+										font-weight: 500;
+									}
+								}
+								.elementor-search__clear {
+									order: 3;
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+}
+
+section.off-canvas-nav-megamenu {
+	nav.offcanvas-mainnav {
+		background: #ffffff;
+
+		.off-canvas-button-megamenu {
+			text-align: initial;
+			margin: 24px 24px 0 24px;
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+
+			> a {
+				img {
+					width: 100%;
+					max-width: 200px;
+				}
+			}
+
+			.off-canvas-nav-close {
+				margin: 0;
+				position: relative;
+				font-size: 0;
+				width: 14px;
+				height: 14px;
+				min-width: 14px;
+
+				&::before {
+					content: '';
+					position: absolute;
+					width: 2px;
+					height: 14px;
+					background: #b8b7b6;
+					top: 50%;
+					left: 50%;
+					transform: translate(-50%, -50%) rotate(45deg);
+				}
+
+				&::after {
+					content: '';
+					position: absolute;
+					width: 2px;
+					height: 14px;
+					background: #b8b7b6;
+					top: 50%;
+					left: 50%;
+					transform: translate(-50%, -50%) rotate(-45deg);
+				}
+			}
+		}
+
+		ul.nav.navbar-nav.megamenu {
+			padding: 28px 24px 24px 24px;
+
+			li.nav-item {
+				&.open-sub {
+					> a {
+						border: none !important;
+
+						.menu-title {
+							color: #e79332;
+						}
+					}
+					.dropdown-menu {
+						border-bottom: 1px solid #110e0c1a;
+					}
+				}
+				a {
+					padding-top: 16px;
+					padding-bottom: 16px;
+					line-height: 1;
+					border-color: #110e0c1a;
+
+					.menu-title {
+						color: #110e0c;
+						font-size: 14px;
+						font-weight: 600;
+						font-family: $fInter;
+					}
+				}
+
+				.caret {
+					top: 7px;
+					&::before {
+						content: url('/img/cms/icons/arrow-down-brown-mini.svg');
+					}
+				}
+
+				.dropdown-menu {
+					.leo-widget {
+						padding: 0;
+
+						div.menu-title {
+							padding: 0;
+
+							a {
+								color: #110e0c;
+								font-size: 14px;
+								font-weight: 600;
+								font-family: $fInter;
+								padding-top: 8px;
+								padding-bottom: 14px;
+							}
+						}
+						ul {
+							li {
+								a {
+									color: #110e0c;
+									font-size: 14px;
+									font-weight: 600;
+									font-family: $fInter;
+									padding-top: 14px;
+									padding-bottom: 14px;
+								}
+							}
+						}
+					}
+				}
+
+				&.promo-item {
+					> a {
+						> .menu-title {
+							color: #c40000;
+						}
+					}
+				}
+			}
+		}
+	}
+}