#slidermobile {
	display: none;
}

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

.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;
}

#sliderdesktop li .grid-layout div:first-child {
	grid-column: 1 / 3;
	grid-row: 1 / 3;
	max-height: 560px;
}
#sliderdesktop li .grid-layout div:not(:first-child) {
    max-height: 275px;
}

#sliderdesktop li .grid-layout {
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	grid-auto-flow: row;
	padding: 0;
	margin: 0;
	list-style-type: none;
	overflow: hidden;
	grid-column-gap: 15px;
	grid-row-gap: 10px;
	border-radius: var(--border-radius);
}

.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;
		border-radius: var(--border-radius);
	}

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

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