@media only screen and (min-width:640px) {
	.owl-stage-outer .inner {
		width: 100%;
	}
}


/* ==================================================================================== */
@media only screen and (max-width:1440px) {
	.multiple-items-carousel-items-wrapper {
		width: calc(100% - var(--structural-content-padding-horizontal-computed)/2);
		margin: 0 auto;
	}
}





/* ==================================================================================== */
/*
@media only screen and (max-width:1220px) {

	section .grid .item .image-wrapper{
	 height:auto;
	 overflow:hidden;
	}
	section .grid .item .image-wrapper.logo{
		height:223px;
	}
}
*/

/*- max width 1220 */





@media screen and (max-width:1024px) {

	.image-description {
		margin-top: 57px;
	}

	.swiper-wrapper img {
		width: 280px;
		height: 190px;
	}

	section .main .block-content {
		max-width: 100%;
	}

	section .main iframe {
		max-height: 450px;
		height: 450px;
	}

	.event-key-facts {
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
		padding: var(--structural-content-padding-vertical-computed) var(--structural-content-padding-horizontal-computed);
		border-radius: var(--structural-border-radius);
		z-index: 3;
	}

	.event-key-facts-wrapper {
		padding: var(--structural-content-padding-vertical-computed) 0;
		margin: 0 0 30px 0;
	}

	section.with-key-facts .video-housing,
	section.with-key-facts .block-image {
		transform: translateY(0);
		margin: 0 0 77px 0;
	}

	section.casestudygrid .item .content-wrapper {
		padding: 30px 20px;
	}


	.image-right .row {
		flex-flow: column-reverse;
	}

	section .buttons {
		display: block;
		width: 100%;
		text-align: right;
	}

	body.casestudy section.headerimageshort .block-image {
		position: relative;
		height: 187px;
	}

	body.casestudy .inner {
		width: calc(100% - 50px) !important;
	}

}

/*- max width 1024 */



/* ==================================================================================== */
@media only screen and (max-width:1026px) {

	section .main iframe {
		display: block;
		margin: 0 auto;
		max-width: calc(100% - 90px);
		width: calc(100% - 90px);
		/*border-radius:var(--structural-border-radius);*/
	}
}









/* ==================================================================================== */
@media only screen and (max-width:850px) {
	:root {
		--structural-content-padding-horizontal-computed: calc(var(--structural-content-padding-horizontal) / 2);
		--structural-content-padding-vertical-computed: calc(var(--structural-content-padding-vertical) / 2);
		--swiper-navigation-sides-offset: -10px;
	}

	.custom-next {
		right: -12px;
	}

	.custom-prev {
		left: -23px;
	}

	.swiper-container .navigations-bar {
		display: none;
	}

	.swiper-button-prev {
		left: -14px;
		top: 40%;
	}

	.swiper-button-next {
		right: -14px;
		top: 40%;
	}

	.cn-preferences-wrapper.active {
		bottom: 0px;
		max-height: 500px;
		overflow: hidden;
		overflow-y: scroll;
	}

}





/* ==================================================================================== */
@media only screen and (max-width:768px) {

	section .main .buttons {
		padding: 0;
	}

	.image-description {
		width: 100%;
	}

	section .buttons .button {
		padding: 0px 39px 0px 10px;
	}

	/*section.accordion .largeaccordion .largeaccordion-title,
	section.accordion .largeaccordion .largeaccordion-panel{
		width:100%;
	}*/

	.form-check-input {
		margin: 5px 10px 0 0;
	}

	section .main label,
	section .main .label {
		font-size: 0.9rem;
	}

	section .main .swiper-container .swiper.pagenation-on-the-bottom {
		margin-bottom: 45px;
	}

	section .main .swiper-container .pagenation-on-the-bottom .swiper-pagination {
		display: none;
	}

	.image-description-wrapper {
		padding: 0;
	}

	section .main iframe {
		max-width: 100%;
		width: 100%;
	}

	/*section.casestudygrid .item .content-wrapper > div, 
	section.newsgrid .item .content-wrapper > div{
		margin-bottom:0;
	}*/

	.fancybox-navigation .fancybox-button {
		top: calc(50% - 64px) !important;
	}

	.fancybox-navigation .fancybox-button--arrow_right {
		right: 20px;
	}

	body.newsindex .filter-wrapper {
		display: block;
	}

	body.newsindex .filter-wrapper,
	body.newsindex .filter-wrapper .inline-block {
		display: block !important;
		margin: 0;
	}

	.owl-carousel .owl-controls .owl-nav .owl-prev,
	.owl-theme .owl-controls .owl-nav .owl-prev:hover,
	.arrow-prev {
		left: 0 !important;
	}

	.owl-carousel .owl-controls .owl-nav .owl-next,
	.owl-theme .owl-controls .owl-nav .owl-next:hover,
	.arrow-next {
		right: 0 !important;
	}

	.button:active,
	button:active {
		transform: translateY(2px);
	}

	section.order-1 {
		z-index: 10;
	}

	.fancybox-slide {
		width: calc(100% - var(--structural-content-padding-horizontal-computed)) !important;
		margin-left: 10px;
	}

	.fancybox-slide--image {
		margin-left: 20px;
	}

	.owl-theme .owl-dots .owl-dot span {
		width: 30px !important;
	}

	section .carousel .item img,
	section .grid .item img,
	section .carousel .item .image-wrapper,
	section .grid .item .image-wrapper {
		box-shadow: none;
	}

	section .main .buttons {
		margin: var(--structural-content-padding-vertical-computed) auto;
	}
}

/* ==================================================================================== */
@media only screen and (max-width:650px) {

	.accordion {
		min-width: fit-content;
	}

	section .main iframe {
		max-height: 450px;
		height: 261px;
	}

	section .largeaccordion .largeaccordion-title h3 {
		margin-top: 0;
	}
}

/* ==================================================================================== */
@media only screen and (max-width:640px) {

	section .main .swiper {
		padding: 0 0 30px;
	}

	section .main ul:not(.custom-control) {
		margin: 10px auto;
		width: calc(100% - 20px);
	}
}

/* ==================================================================================== */
@media only screen and (max-width:620px) {
	.multiple-items-carousel-items-wrapper {
		width: calc(100%);
	}

	.cookie-notice-wrapper {
		left: 0px;
		/*width:calc(100% - 60px);*/
	}

	.cookie-notice-overlay.fullscreen .cookie-notice-wrapper {
		left: auto;
	}

	.cookie-notice-wrapper .inner-width {
		width: 100%;
		margin: 0px auto;
	}

	.cookie-notice-wrapper a {
		width: 80%;
	}

	.cn-button-wrapper span {
		margin-right: 0px;
		margin-left: 0px;
		/*margin-top:10px;
			This margin won't work on animated buttons
		*/
		display: block;
	}

}