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

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.menu-item {
	list-style: none;
}
img.logo-dark {
	width: auto !important;
}
.sticky-header #logo img.logo-dark {
	display: block !important;
	height: 70px !important;
}

.swiper-slide-bg.slider-01 {
	background-position-x: 69% !important;
}
.swiper-slide-bg.slider-02 {
	background-position-x: 69% !important;
}
.swiper-slide-bg.slider-03 {
	background-position-x: 28% !important;
}

@media (max-width: 1029.98px) {}

@media (max-width: 991.98px) {
	#header.transparent-header.dark:not(.sticky-header) #header-wrap {
		background-color: #fff;
	}
	#logo img.logo-dark {
		width: auto !important;
    	height: 100px !important;
    }
}

@media (max-width: 767.98px) {
	.slider-caption h2 {
		font-size: 52px;
	}
	.slider-caption.slider-caption-bottom {
		text-align: center;
		padding-bottom: 20vH;
		justify-content: end;
		left: 0;
		right: 0;
	}
}

@media (max-width: 575.98px) {
	.swiper-slide-bg.slider-03 {
		background-position-x: 42% !important;
	}
	.slider-caption h2 {
		font-size: 26px;
	}
	#copyrights .ms-auto {
		margin-left: 0 !important;
	}
}