/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


#primary-menu-trigger {
	appearance: none;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
}

.slider-arrow-left,
.slider-arrow-right {
	appearance: none;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
}

.home-slider-mobile-image {
	display: none;
}

@media (max-width: 767.98px) {
	.home-main-slider {
		display: block !important;
		height: auto !important;
		min-height: 0 !important;
	}

	.home-main-slider .slider-inner,
	.home-main-slider .swiper-container,
	.home-main-slider .swiper-wrapper,
	.home-main-slider .swiper-slide {
		height: auto !important;
		min-height: 0 !important;
	}

	.home-main-slider .slider-inner,
	.home-main-slider .swiper-container {
		position: relative !important;
		display: block !important;
	}

	.home-main-slider .home-slider-mobile-image {
		display: block;
		width: 100%;
		height: auto;
	}

	.home-main-slider .container {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		height: 100%;
		z-index: 2;
	}

	.home-main-slider .slider-caption {
		height: 100%;
	}

	.home-main-slider .swiper-slide-bg {
		display: none;
	}
}

.mn-wrap {
	width: 1300px;
	max-width: 100%;
	height: 430px;
	overflow: hidden;
	position: relative;
	margin: auto;
}

.mn-swiper {
	width: 1186px;
	max-width: 100%;
	height: 100%;
	position: initial !important;
	margin: auto;
}

.mn-swiper .swiper-container,
.mn-swiper .swiper-wrapper {
	height: 100%;
}

.mn-swiper .swiper-wrapper {
	transition-timing-function: linear;
	margin: 0 auto;
}

.mn-swiper .swiper-slide a {
	width: 100%;
	display: block;
	overflow: hidden;
}

#footer .footer-logo {
	width: auto;
	max-width: min(100%, 285px);
	height: auto;
}

.footer-social-label {
	display: block;
	margin-top: 3px;
}

@media (max-width: 890px) {
	.mn-wrap,
	.mn-swiper {
		width: 370px;
		max-width: 100%;
	}
}