#home-page {
	section {
		&#intro-grid {
			.mobile-cell {
				text-align: center;
				@media (max-width: 767px) {
					margin-bottom: 30px;
				}
				a {
					display: inline-block;
				}
			}
		}
		&#product-grid {
			.product-wrapper {
				display: block;
				img {
					width: 100%;
				}
			}
			.product-name {
				background-color: rgba(255, 255, 255, 0.7);
				position: absolute;
				top: 30px;
				width: 100%;
				left: 0;
				z-index: 1;
				text-align: center;
				padding: 15px;

				span {
					padding: 0 25px;
					display: inline-block;
					font-size: 25px;
					color: $color-orange2;
					line-height: 30px;
					&:before {
						content: '';
						background-image: url('/images/icon-1.png');
						width: 18px;
						height: 20px;
						position: absolute;
						left: 0px;
						top: 50%;
						@include transform_translateY (-50%);
					}
					&:after {
						content: '';
						background-image: url('/images/icon-1.png');
						width: 18px;
						height: 20px;
						position: absolute;
						right: 0px;
						top: 50%;
						@include transform_translateY (-50%);
					}
				}
			}
		}
		&#home-instagram-grid {
			padding-top: 20px;
			padding-bottom: 100px;
			.instagram-post-list {
				font-size: 0px;
				margin-right: -10px;
				.instagram-item {
					text-align: center;
					display: inline-block;
					width: 10%;
					max-height: 230px;
					overflow: hidden;
					padding-right: 10px;
					padding-bottom: 10px;
					@media (max-width: 767px) {
						width: 50%;
						margin-bottom: 10px;
						padding-bottom: 0px;
					}
					a {
						display: inline-block;
					}
				}
			}
		}
		&#home-product-grid {
			margin-top: 50px;
			.product-slide-bg {
				background: #f8f7f7;
			}
			&.rd-material-tabs {
				overflow: hidden;
				.tabs-navigation {
					background-color: #232222;
					color: #fff;
					padding-top: 72px;
					padding-left: 40px;
					@media (min-width: 1199px) {
						padding-left: 125px;
					}
					@media (max-width: 767px) {
						padding: 15px;
						padding-left: 15px;
					}
					.rd-material-tabs__list-dropdown {
						display: none;
						width: 80%;
						margin: auto;
						font-size: 15px;
						color: #000;
						appearance: none;
						-moz-appearance: none;
						-webkit-appearance: none;
						background-image: url('/images/icon-arrow-7.png');
						background-position: right 15px center;
						background-repeat: no-repeat;
						border-color: #e1e1e1!important;
						background-color: #fff;
						@media (max-width: 767px) {
							display: block;
						}
					}
					.rd-material-tabs__list {
						padding-bottom: 30px;
						@media (max-width: 767px) {
							display: none;
						}
						.rd-material-tabs__stage-outer {
							.rd-material-tabs__stage {
								transform: none!important;
								width: 100%!important;
								ul {
									li {
										&:after {
											content: '';
											display: block;
											height: 2px;
											width: 0;
											position: absolute;
											bottom: 0;
											right: 0;
											transition: width .3s ease-out;
											background: #fff;
										}
										&:hover {
											&:after {
												width: 100%;
											}
										}
										&.rd-material-tab-active {
											&:after {
												width: 100%;
											}
										}
									}
									.rd-material-tab {
										display: block;
										width: 100%!important;
										margin-bottom: 20px;
										a {
											text-transform: uppercase;
											padding-bottom: 8px;
											display: block;
											text-align: left;
											color: #fff;
											font-style: normal;
											font-weight: 700;
											font-size: 14px;
											line-height: 1.57;
											letter-spacing: 0em;
										}
									}
								}
							}
						}
					}
				}
				.rd-material-tabs__container {
					.product-item-grid {
						@media (max-width: 340px) {
							width: 100%;
						}
					}
				}
			}
		}
	}
	.section-margin {
		margin-top: 25px;
		margin-bottom: 50px;
	}
}