#slidermobile {
	display: none;
}

.flexslider {
	background: transparent !important;
	border: none !important;
}

.unit-template-default .flexslider .slides>li {
	height: 460px;
}

.flex-next::before {
	content: url(/wp-content/plugins/beon-voffice/assets/images/circle-chevron-right-solid-button.svg) !important;
	font-size: 0 !important;
	height: 30px;
	width: 30px;
}

.flex-prev::before {
	content: url(/wp-content/plugins/beon-voffice/assets/images/circle-chevron-right-solid-button.svg) !important;
	font-size: 0 !important;
	height: 30px;
	width: 30px;
	transform: scale(-1);
}

.flex-direction-nav a {
	margin-top: -15px !important;
	height: 30px !important;
}

.fit-height .flex-direction-nav {
	height: 0 !important;
}

.flexslider .flex-direction-nav a {
	opacity: 1;
}

.flex-direction-nav .flex-next {
	right: -50px !important;
}

.flex-direction-nav .flex-prev {
	left: -50px !important;
}

.flexslider .slides img{
	border-radius: var(--beon-border-radius-small);
}
#sliderdesktop li .grid-layout div:first-child {
	grid-column: 1 / 3;
	grid-row: 1 / 3;
	max-height: 460px;
}

#sliderdesktop li .grid-layout div:not(:first-child) {
	max-height: 225px;
}

#sliderdesktop li .grid-layout {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	padding: 0;
	margin: 0;
	list-style-type: none;
	overflow: hidden;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}

.flex-control-nav {
	display: none;
}

@media only screen and (max-width: 1400px) {
	.unit-template-default .flexslider .slides>li {
		height: 450px;
	}

	#sliderdesktop li .grid-layout div:first-child {
		grid-column: 1 / 3;
		grid-row: 1 / 3;
		max-height: 450px;
	}

	#sliderdesktop li .grid-layout div:not(:first-child) {
		max-height: 220;
	}
}


@media only screen and (max-width: 767px) {
	#slidermobile {
		display: block;
		height: 280px;
	}

	#sliderdesktop {
		display: none;
	}

	#slidermobile li img {
		height: 280px;
	}

	.flex-direction-nav .flex-next {
		right: 30px !important;
	}

	.flex-direction-nav .flex-prev {
		left: 30px !important;
	}
}