#topMain>li>a {
	height:96px;
	line-height:76px;
}
#topMain.nav-pills>li>a {
	color:#1F262D;
	font-weight:400;
	background-color:transparent;
} 
#topMain.nav-pills>li:hover>a, 
#topMain.nav-pills>li:focus>a {
	color:#1F262D;
	background-color:rgba(0,0,0,0.03);
}
#topMain.nav-pills>li.active>a {
	color:#687482;
}

#topMain.nav-pills>li>a.dropdown-toggle {
	padding-right:25px;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}
#topMain.nav-pills>li>a.dropdown-toggle:after {
	display: block;
	content: "\f107";
	position: absolute;
	top: 50%;
	right: 10px;
	margin: -5px 0 0;
	font-family: FontAwesome;
	font-size: 12px;
	opacity: .3;
	line-height: 1em;

	-webkit-transition: -webkit-transform .2s ease-in;
	-moz-transition: -moz-transform .2s ease-in;
	-ms-transition: -ms-transform .2s ease-in;
	-o-transition: -o-transform .2s ease-in;
	transition: transform .2s ease-in;
}
#header.bottom.dropup #topMain.nav-pills>li>a.dropdown-toggle:after {
	content: "\f106";
}

#topNav .navbar-collapse {
	float:right;
	padding-right: 12rem;
}

#topNav a.logo {
	height:96px;
	line-height:96px;
	overflow:hidden;
	display:inline-block;
}



@media only screen and (max-width: 1215px) {
	#topMain.nav-pills>li>a {
		font-size:13px;
	}
}

@media only screen and (max-width: 992px) {
	/* Force 60px */
	#header {
		height:60px !important;
	}
	#header #topNav a.logo {
		height:60px !important;
		line-height:50px !important;
	}
	#header #topNav a.logo>img {
		max-height:60px !important;
	}
	#header #topNav #topMain>li>a {
		height:40px !important;
		line-height:40px !important;
		padding-top:0;
	}


	#topMain>li {
		border-bottom:rgba(0,0,0,0.1) 1px solid;
	}
	#topMain>li:last-child {
		border-bottom:0;
	}

		#header li.search .search-box {
			margin:0 !important;
			position:fixed;
			left:0; right:0;
			top:60px !important;
			width:100%;
			background-color:#fff;
			border-top:rgba(0,0,0,0.1) 1px solid;
		}
}






/* **** */
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	/* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
	font-family: 'B Yekan', Tahoma, sans-serif ;

}

.products-container {
	max-width: 1200px;
	margin: 40px auto;
	padding: 0 15px;
}

/* .section-title {
	text-align: center;
	margin-bottom: 30px;
	font-size: 28px;
	color: #333;
	position: relative;
	padding-bottom: 15px;
} */

 /* .section-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 50%;
	transform: translateX(50%);
	width: 80px;
	height: 3px;
	background: #000;
}  */

.products-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.product-card {
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	transition: transform 0.3s;
	height: 100%;
}

.product-card:hover {
	transform: translateY(-10px);
}

.product-img-container {
	position: relative;
	width: 100%;
	height: 500px;
}

.product-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.product-title {
	/* position: absolute; */
	bottom: 0;
	right: 0;
	left: 0;
	/* background: rgba(0,0,0,0.7); */
	color: #000;
	padding: 15px;
	text-align: center;
	font-size: 18px;
	backdrop-filter: blur(5px);
}

@media (max-width: 992px) {
	.products-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.products-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 576px) {
	.products-grid {
		grid-template-columns: 1fr;
	}
	
	.product-img-container {
		height: 400px;
	}
}





/* @font-face {
	font-family: 'B Yekan';
	src: url('assets/fonts/BYekan.eot');
	src: url('assets/fonts/BYekan.eot?#iefix') format('embedded-opentype'),
		 url('assets/fonts/BYekan.woff') format('woff'),
		 url('assets/fonts/BYekan.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
  }
  
  body, h1, h2, h3, h4, h5, h6, .font-raleway, .font-lato {
	font-family: 'B Yekan', Tahoma, sans-serif !important;
  } */




  
/* *************** */

  .base-template__wrapper {
	/* max-width: 1390px; */
	max-width:1550px;
}

/**
 * Slider Instance
 */

.gallery-slider__slider {
	display: flex;
	align-items: center;
	justify-content: center;
}

.gallery-slider__wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1390px;
	gap: 40px;
	overflow: hidden;
}

/**
 * Slider Item
 */

.gallery-slider__slide {
	position: relative;
	overflow: hidden;
	width: 195px;
	height: 564px;
	max-width: 498px;
	filter: grayscale(100%);
	transition: width 1.2s cubic-bezier(1, 0.3, 0.5, 1), filter 0.8s ease-in-out;
	cursor: pointer;
}

.gallery-slider__image {
	position: absolute;
	left: 50%;
	top: 0;
	width: 100%;
	height: 100%;
	transform: translateX(-50%);
	object-fit: cover;
}

.gallery-slider__slide.active {
	width: 498px;
	filter: none;
}

.gallery-slider__img-prev,
.gallery-slider__img-next {
	position: absolute;
	top: 0;
	object-fit: cover;
}

.gallery-slider__img-prev,
.gallery-slider__img-next {
	width: 183px;
	height: 564px;
	opacity: 1;
	visibility: visible;
	transition: width 1.2s cubic-bezier(1, 0.3, 0.5, 1), opacity 1.2s ease-in-out,
		visibility 1.2s ease-in-out;
}

.gallery-slider__img-next {
	width: 183px;
	height: 564px;
	opacity: 0;
	visibility: hidden;
	transition: width 1.2s cubic-bezier(1, 0.3, 0.5, 1), opacity 1.2s ease-in-out,
		visibility 1.2s ease-in-out;
}

@keyframes zoom-img {
	0% {
		opacity: 1;
		visibility: visible;
	}

	50% {
		transform: scale(1.3);
	}

	100% {
		transform: scale(1.4);
		opacity: 0;
		visibility: hidden;
	}
}

.gallery-slider__slide.active .gallery-slider__img-prev {
	width: 498px;
	z-index: 1;
	animation: zoom-img 1.2s ease-in-out 0.5s 1 forwards;
}

.gallery-slider__slide.active .gallery-slider__img-next {
	width: 498px;
	opacity: 1;
	visibility: visible;
}

.gallery-slider__slide:hover {
	filter: none;
}

@media (max-width: 1400px) {
	.gallery-slider__wrapper {
		gap: 20px;
		padding: 0 20px;
	}

	.gallery-slider__slide {
		width: 140px;
	}

	.gallery-slider__img-prev,
	.gallery-slider__img-next {
		width: 100%;
		height: 100%;
	}
}

@media (max-width: 1024px) {
	.gallery-slider__wrapper {
		gap: 10px;
	}

	.gallery-slider__slide.active,
	.gallery-slider__slide.active .gallery-slider__img-prev,
	.gallery-slider__slide.active .gallery-slider__img-next {
		width: 300px;
	}
}

@media (max-width: 768px) {
	.gallery-slider__slide {
		width: 180px;
		height: 300px;
	}

	.gallery-slider__slide.active,
	.gallery-slider__img-prev,
	.gallery-slider__img-next,
	.gallery-slider__slide.active .gallery-slider__img-prev,
	.gallery-slider__slide.active .gallery-slider__img-next {
		width: 100%;
		height: 300px;
	}
}

@media (max-width: 575px) {
	.gallery-slider__slide {
		width: 70px;
		height: 200px;
	}

	.gallery-slider__slide.active {
		width: 180px;
		height: 200px;
	}

	.gallery-slider__img-prev,
	.gallery-slider__img-next,
	.gallery-slider__slide.active .gallery-slider__img-prev,
	.gallery-slider__slide.active .gallery-slider__img-next {
		width: 100%;
		height: 200px;
	}
}
