/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/*
X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap 
*/

/* #logo {
	margin: 0 auto;
	background-color: orange;
}
*/
#header-wrap #logo .logo-default,
#header-wrap #logo .logo-dark {
	max-height: 40px;
}

section .swiper-slide .content .title {
	font-size: 1.7em;
}

.ar-vr img {
	max-width: calc(80% * 2);
	float: right;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	/* #logo {
		margin: 0 auto;
		background-color: aqua;
	}
	#logo .logo-default, #logo .logo-dark {
		max-height: 30px;
	} */
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	/* #logo {
		margin: 0 auto;
		background-color: yellow;
	}
	#header-wrap #logo .logo-default, #header-wrap #logo .logo-dark {
		max-height: 40px;
	} */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	/* #logo {
		margin: 0 auto;
		background-color: green;
	}
	*/
	#logo .logo-default,
	#logo .logo-dark {
		max-height: 40px;
	}

	section .swiper-slide .content .title {
		font-size: 2.6em;
	}

	.ar-vr img {
		max-width: 100%;
		float: none;
	}

	/* #slider {
		height: 950px
	} */
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	/* #logo {
		margin: 0 auto;
		background-color: blue;
	}
	#logo .logo-default, #logo .logo-dark {
		max-height: 30px;
	} */
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	/* #logo {
		margin: 0 auto;
		background-color: red;
	}
	#logo .logo-default, #logo .logo-dark {
		max-height: 30px;
	} */
}


/* // `xs` returns only a ruleset and no media query */


/* // `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

/* // `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}

/* // `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* // `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}


#wrapper .slider-text {
	font-family: Georgia, 'Times New Roman', Times, serif;
}


/* #slider1 .slider-text {
	font-size: 6rem;
} */
/* #slider2 .slider-text {
	font-size: 6rem;
} */
#slider3 .slider-text {
	font-size: 4.8rem;
}

#slider4 .slider-text {
	font-size: 5rem;
}

/* #slider5 .slider-text {
	font-size: 6rem;
} */

.menu-item:hover>.menu-link {
	color: #4f047a;
}

.page-title-content h1, .page-title-content .h1{
	color: #4f047a;
}
.page-title-content span {
	color: #a2bf0d;
}

.owl-carousel .owl-dots .owl-dot {
	background-color: #4f047a;
}