@media only screen and (max-width: 1300px){
	.view-servicepage-teaser .views-row .services-service-page-left::before, 
	.view-servicepage-teaser .views-row .services-service-page-left::after,
	.fp-heading-container .field--field-list .frontpage-list-left::before,
	.fp-heading-container .field--field-list .frontpage-list-left::after{
		font-size: 170px;
	}

	.services-service-page-wrapper .services-service-page-left,
	.fp-heading-container .field--field-list .frontpage-list-left{
		padding-top: 140px;
	}

	.view-servicepage-teaser .views-row .services-service-page-left::after,
	.fp-heading-container .field--field-list .frontpage-list-left::after{
		left: 90px;
	}

	.view-servicepage-teaser .views-row:nth-child(3) .services-service-page-left::after,
	.fp-heading-container .field--field-list > div:nth-child(3) .frontpage-list-left::after{
		left: 105px;
	}

	.view-servicepage-teaser .views-row:nth-child(even) .services-service-page-left::before,
	.fp-heading-container .field--field-list > div:nth-child(even) .frontpage-list-left::before{
		right: 100px;
	}

	.links-wrapper{
		padding: 0 10px;
	}

	.block-products,
	.heading-wrapper.career-wrapper,
	.heading-main-wrapper.career-wrapper{
		padding-left: 10px;
		padding-right: 10px;
	}

	.products-wrapper-heading, 
	.services-wrapper-heading, 
	.services-body-text,
	.products-body-text,
	.services-wrapper-data,
	.block-fpprepress{
		padding-left: 10px;
		padding-right: 10px;
	}

	.machines-heading-wrapper-last{
		flex-direction: column-reverse;
	}

	.machines-heading-wrapper-last > .machines-heading-wrapper-last-text{
		max-width: initial;
	}

	.heading-wrapper,
	.heading-side-text,
	.contact-address-wrapper,
	.contact-email-wrapper,
	.contact-infoline,
	.block-referenceaboutus,
	.view-articles-block,
	#page-section2{
		padding-left: 10px;
		padding-right: 10px;
	}

	.heading-right{
		padding-left: 10px;
		padding-right: 10px;
	}

	.page-node-type-certificate .heading-left-wrapper .menu,
	.certificates-view-teaser,
	.page-sections{
		padding-left: 10px;
	}

	.certificates-view-teaser{
		padding-right: 10px;
	}

	.about-history-right{
		max-width: 560px;
	}

	.fp-heading.heading-wrapper h2{
		font-size: 65px;
	}

	.fp-slider-wrapper{
		padding-left: 10px;
	}

	.articles-text-wrapper,
	.articles-gallery-wrapper,
	.about-fp-wrapper,
	.fp-recent-refs{
		padding-left: 10px;
		padding-right: 10px;
	}

	.page-node-type-frontpage .video-start-button{
		font-size: 40px;
	}

	.fp-valeur-sign{
		background-size: 1100px;
		height: 300px;
	}

	.view-services-teaser .views-row:last-child .services-read-more{
		padding-bottom: 10px;
	}

	.reference-group-wrapper.reference-block-selected{
		flex-direction: column;
	}

	.reference-group-wrapper h2{
		padding-bottom: 15px;
	}

	.reference-group-list .views-row:first-child{
		padding-bottom: 10px;
	}

	#block-mytheme-main-menu > .menu{
		gap: 20px;
	}

	.articles-text-wrapper .field--field-articles-main-image{
		background: none;
	}

	.field--field-list-image img{
		width: auto;
		height: auto;
	}
}

@media only screen and (max-width: 1200px){
	h1{
		font-size: 60px;
	}

	.footer-email{
		font-size: 50px;
	}

	.machines-text-first,
	.about-heading-text-first{
		font-size: 40px;
		padding-top: 70px;
	}

	.video-wrapper.about-us-video-wrapper .video-text{
		right: 35px;
	}

	.about-history-main-wrapper{
		display: block;
	}

	.field--field-about-us-images{
		display: flex;
		gap: 20px;
		justify-content: center;
	}

	.about-history-wrapper{
		padding-bottom: 35px;
	}

	.about-system-wrapper{
		margin-bottom: -50px;
	}

	.about-history-right{
		margin: auto;
	}

	.field--field-about-us-history{
		margin-top: 75px;
		padding-top: initial;
	}

	.fp-heading.heading-wrapper h2{
		font-size: 60px;
	}

	.fp-heading-big-wrapper{
		background-position: left top 25%;
	}

	.about-fp-wrapper-right .about-fp-big-box > a{
		font-size: 32px;
	}

	.page-node-type-frontpage .video-start-button{
		font-size: 32px;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.fp-valeur-sign{
		background-size: 1000px;
	}

	.about-history-left .field--field-about-us-images > div{
		width: 48%;
	}

	.about-history-left .field--field-about-us-images > div img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.about-history-left .field--field-about-us-images > div:nth-child(2) img{
	  width: initial;
	  height: initial;
	}

	.fp-heading.heading-wrapper.fp-new-heading h2{
		font-size: 45px;
	}

	.fp-heading.heading-wrapper.fp-new-heading .fp-heading-left{
		max-width: 600px;
	}

	.fp-heading.fp-new-heading .fp-header-text{
		font-size: 16px;
	}
}

@media only screen and (max-width: 1100px){
	#footer .footer-email p{
		max-width: 650px;
	}

	.services-feature{
		margin-bottom: 120px;
	}

	.prepress-wrapper .prepress-left .prepress-left-wrapper::before{
		content: none;
	}

	.prepress-wrapper .prepress-left .prepress-left-wrapper{
		max-width: initial;
		padding-right: 20px;
	}

	.contact-email-wrapper{
		margin-bottom: 55px;
	}

	.contact-heading-main-wrapper h2{
		margin-bottom: 55px;
	}

	.contact-people-wrapper{
		padding-bottom: 25px;
	}

	.contact-countries-slider{
		padding: 35px 0 75px;
	}

	.contact-countries-slider .slick-slide{
		font-size: 40px;
	}

	.fp-heading.heading-wrapper h2{
		font-size: 55px;
	}

	.about-fp-wrapper-right .about-fp-big-box > a{
		font-size: 30px;
		padding-top: 80px;
	}

	.page-node-type-frontpage .video-start-button{
		position: relative;
		bottom: initial;
		left: initial;
		top: -35px;
	    padding-top: 70px;
	    background-position: left 25px top;
	    padding-left: 40px;
	    padding-right: 40px;
	    color: #1E1F20;
	    font-size: 26px;
	    z-index: 1 !important;
	}

	.page-node-type-frontpage .video-wrapper .video-text{
		position: relative;
		bottom: 15px;
		left: initial;
		top: initial;
		right: initial;
		max-width: initial;
		color: #1E1F20;
		padding-left: 40px;
		padding-right: 40px;
		z-index: 1 !important;
	}

	.page-node-type-frontpage .video-start-button.video-started{
		background-image: none;
	}

	.services-wrapper{
		padding: 0 10px;
	}

	.ref-about-image-wrapper .field--field-reference-image img{
		max-width: 550px;
	}
}

@media only screen and (max-width: 1050px){
	.about-fp-wrapper-sides{
		flex-direction: column-reverse;
	}

	.about-fp-wrapper-sides > div{
		width: 100%;
	}

	.about-fp-right-text{
		padding-left: 0;
		width: 45%;
	}

	.about-fp-wrapper-right{
		gap: 20px;
		flex-direction: row;
	}

	.about-fp-wrapper-right:after{
		content: none;
	}

	.fp-valeur-sign{
		background-size: 100%;
		height: 250px;
	}

	.animation.fp-valeur-sign{
		bottom: -55px;
	}

	.guide-wrapper .guide-right .guide-right-wrapper{
		padding: 20px;
	}

	.guide-wrapper .guide-right .guide-right-wrapper h3{
		font-size: 36px;
	}

	.guide-wrapper{
		align-items: initial;
	}

	.guide-wrapper .guide-left img{
		height: 100%;
		object-fit: cover;
	}

	.contact-people-wrapper .field--field-people > div{
		width: calc(100% / 2 - 17px);
	}
}

@media only screen and (max-width: 1000px){
	h1{
		font-size: 50px;
		margin-bottom: 35px;
	}

	h2{
		font-size: 40px;
	}

	h3{
		font-size: 38px;
	}

	.footer-email{
		font-size: 44px;
	}

	.machines-text-first{
		font-size: 35px;
	}

	.about-heading-text-first{
		font-size: 30px;
	}

	#footer .footer-email p{
		max-width: 560px;
	}

	#footer .menu{
		gap: 25px;
	}

	.products-wrapper-inside-heading .field--body,
	.services-wrapper-inside-heading .field--body{
		font-size: 22px;
	}

	.certificate-text-1, 
	.certificate-text-2{
		font-size: 22px;
	}

	.services-service-page-left{
		font-size: 16px;
	}

	.field--field-product > div{
		max-width: initial;
		width: 47%;
	}

	.field--field-parameter .paragraph--type--parameters, 
	.field--field-parameters .paragraph--type--parameters, 
	.field--field-other-machines .paragraph--type--parameters{
		padding-left: 25px;
		padding-right: 25px;
	}

	.services-feature{
		margin-bottom: 90px;
	}

	.field--field-feature{
		flex-direction: column;
	}

	.field--field-feature > div{
		width: 100%;
	}

	.contact-people-wrapper .field--field-people{
		gap: 15px;
	}

	.certificates-view-teaser h2{
		font-size: 30px;
	}

	.about-heading-text-last{
		padding-bottom: 50px;
	}

	.field--field-info-title{
		font-size: 55px;
	}

	.field--field-about-us-info > div > .paragraph--type--o-nas-info-text{
		max-height: 70px;
		padding-left: 30px;
	}

	.field--field-about-us-info > div{
		padding: 25px 0;
	}

	.field--field-info-text{
		font-size: 16px;
	}

	.field--field-about-us-info > div > .paragraph--type--o-nas-info-text{
		gap: 25px;
	}

	.video-start-button{
		position: relative;
		bottom: initial;
		left: initial;
		top: -35px;
	    padding-top: 70px;
	    background-position: left 25px top;
	    padding-left: 30px;
	    color: #1E1F20;
	    font-size: 26px;
	    z-index: 1 !important;
	}

	.video-wrapper.about-us-video-wrapper .video-text{
		position: relative;
		bottom: 15px;
		left: initial;
		top: initial;
		right: initial;
		max-width: initial;
		color: #1E1F20;
		padding-left: 30px;
		z-index: 1 !important;
	}

	.video-start-button.video-started{
		background-image: none;
	}

	.fp-heading.heading-wrapper h2{
		font-size: 50px;
	}

	.services-wrapper .services-data .services-right{
		min-width: 370px;
	}

	.services-wrapper .services-data .services-left .text-formatted{
		font-size: 16px;
	}

	.fp-recent-refs .view-filters ul{
		max-width: 80%;
	}

	.references-view-teaser{
		padding: 100px 0 80px;
	}


	.fp-heading.heading-wrapper.fp-new-heading{
		position: relative;
		top: initial;
		left: initial;
		transform: initial;
		display: block;
		padding-top: 20px;
		padding-bottom: 30px;
		margin-bottom: -50px;
	}

	.fp-heading.heading-wrapper.fp-new-heading .fp-heading-left,
	.fp-heading.heading-wrapper.fp-new-heading .fp-heading-right{
		max-width: 100%;
	}

	.fp-heading.fp-new-heading .fp-heading-buttons a:nth-child(2){
		display: block;
	}

	.fp-heading.heading-wrapper.fp-new-heading .heading-wrapper-mini .mini-title{
		color: #D71920;
	}

	.fp-heading.fp-new-heading .fp-header-text{
		color: #383838;
	}

	.fp-heading.heading-wrapper.fp-new-heading h2{
		color: #383838;
		margin-bottom: 30px;
		max-width: 100%;
	}

	.fp-heading.heading-wrapper.fp-new-heading h2 span{
		color: #D71920;
		background: none;
	}

	/*.page-node-type-frontpage #block-languageswitcher{
  		right: 10px;
	}

	.page-node-type-frontpage #header .container{
	  padding: 40px 15px;
	}*/

	.fp-heading-big-wrapper.fp-heading-big-wrapper-new{
		display: flex;
		flex-direction: column-reverse;
	}

	.fp-heading-video{
		width: 100%;
	}

	.products-body-text,
	.services-body-text{
		margin-bottom: 50px;
	}

	.view-gallery-content > .view-content{
		gap: 15px;
	}

	.field--field-gallery > div,
	.field--field-articles-images > div{
		width: 48%;
	}

	.gallery-wrapper{
		margin-top: 25px;
	}

	.paragraph--type--reference-about-us{
		display: block;
		padding: 0 0 15px 0;
	}

	.ref-about-text-wrapper{
		margin: 0 0 0 auto;
		padding-top: 25px;
	}

	.articles-teaser-wrapper{
		display: block;
	}

	.articles-teaser-image{
		margin: auto;
	}

	.articles-teaser-right{
		max-width: 620px;
		margin: 25px auto 0;
	}
}

@media only screen and (max-width: 950px){

	/* Header */

	#header-region .mobil-menu{
		display: block;
	}

	#block-mytheme-main-menu{
		display: none;
	}

	.menu-open #block-mytheme-main-menu{
		display: block;
		position: relative;
	    right: 0;
	    top: 10px;
	}

	.menu-open #header .container{
		background-color: #1E1F20;
	}

	.menu-open #block-mytheme-main-menu > .menu span, 
	.menu-open #block-mytheme-main-menu > .menu a{
		color: #DDDDDD;
	}

	.menu-open #block-mytheme-main-menu .menu-item--expanded::after{
		background-image: url('cssimg/chevron-down-grey.svg');
		background-size: 8px;
		width: 8px;
		height: 8px;
	}

	.menu-open #block-mytheme-main-menu > .menu{
		display: block;
		padding-top: 35px;
	}

	.menu-open #block-mytheme-main-menu .menu li{
		padding: 5px 0;
	}

	.menu-open .site-logo{
		background-image: url('/files/footer-logo-icon.svg');
		background-repeat: no-repeat;
		background-size: 143px 36px;
		display: inline-block;
		width: 143px;
		height: 36px;
	}

	.menu-open .site-logo img{
		visibility: hidden;
	}

	.line {
	  fill: none;
	  stroke: black;
	  stroke-width: 6;
	  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
	  			  stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1),
	  			  stroke 200ms cubic-bezier(0.4, 0, 0.2, 1);
	}

	.page-node-type-frontpage .line{
		stroke: white;
	}

	.page-node-type-frontpage .header-fixed .line{
		stroke: black;
	}

	.page-node-type-frontpage.menu-open .header-fixed .line{
		stroke: white;
	}

	.line1 {
	  stroke-dasharray: 60 207;
	  stroke-width: 6;
	}
	.line2 {
	  stroke-dasharray: 60 60;
	  stroke-width: 6;
	}
	.line3 {
	  stroke-dasharray: 60 207;
	  stroke-width: 6;
	}
	.menu-open .line1 {
	  stroke-dasharray: 90 207;
	  stroke-dashoffset: -134;
	  stroke-width: 6;
	  stroke: #fff;
	}
	.menu-open .line2 {
	  stroke-dasharray: 1 60;
	  stroke-dashoffset: -30;
	  stroke-width: 6;
	  stroke: #fff;
	}
	.menu-open .line3 {
	  stroke-dasharray: 90 207;
	  stroke-dashoffset: -134;
	  stroke-width: 6;
	  stroke: #fff;
	}

	.menu-open .menu-dark-layout{
		position: fixed;
		top: 0;
		left: 0;
		background-color: #1E1F204D;
		width: 100%;
		height: 100%;
		z-index: 999;
	}

	/* Header end */
}

@media only screen and (max-width: 900px){
	.field--field-about-us-info > div > .paragraph--type--o-nas-info-text{
		flex-direction: column;
	}

	.field--field-info-text{
		padding-left: 0;
	}

	.about-system-text::after{
		right: initial;
		left: 0;
		top: -80px;
	}

	.about-system-text{
		max-width: initial;
	}

	.fp-heading.heading-wrapper h2{
		font-size: 45px;
	}

	.about-fp-wrapper-right{
		flex-direction: column;
	}

	.about-fp-right-text{
		width: 100%;
		max-width: 780px;
		font-size: 16px;
	}

	.about-fp-wrapper-right .about-fp-big-box{
		left: 0;
	}

	.about-fp-small-box{
		top: initial;
		right: -105px;
		bottom: -75px;
	}

	.about-fp-wrapper-left{
		text-align: center;
	}

	.field--field-info-image img{
		height: initial;
		width: 100%;
		max-width: 350px;
	}

}

@media only screen and (max-width: 850px){
	.footer-email{
		font-size: 32px;
		padding-top: 100px;
	}

	#footer .footer-email p{
		max-width: 100%
	}

	.footer-contacts-wrapper{
		flex-direction: column;
		align-items: initial;
	}

	.footer-contacts{
		flex-direction: column;
		align-items: initial;
		gap: 25px;
	}

	#footer .menu{
		flex-direction: column;
		gap: 4px;
		margin-top: 50px;
	}

	.footer-copyright{
		flex-direction: column;
		gap: 10px;
	}

	.services-wrapper .services-data{
		flex-direction: column;
	}

	.services-wrapper .services-data .services-left{
		max-width: 100%;
	}

	.services-wrapper .services-data .services-right{
		min-width: initial;
	}

	.fp-heading-new h2{
		font-size: 25px;
	}

	.fp-heading-new{
	  top: 79%;
	}

}

@media only screen and (max-width: 800px){
	.heading-wrapper{
		flex-direction: column;
	}

	.heading-main-wrapper{
		flex-direction: column;
		gap: 25px;
	}

	.heading-left{
		position: relative;
		top: initial;
		width: 100%;
	}

	.heading-wrapper.career-wrapper .heading-wrapper-mini,
	.heading-main-wrapper.career-wrapper .heading-left,
	.heading-main-wrapper.career-wrapper .heading-right{
		width: 100%;
	}

	.products-wrapper-inside-heading,
	.services-wrapper-inside-heading,
	.products-wrapper-heading .effect,
	.services-wrapper-heading .effect{
		width: 100%;
	}

	.heading-main-wrapper.career-wrapper.no-career{
		display: block;
	}

	.heading-main-wrapper.career-wrapper{
		padding-bottom: 50px;
	}

	.products-wrapper-heading,
	.services-wrapper-heading{
		flex-direction: column;
		gap: 25px;
	}

	.view-servicepage-teaser .views-row:nth-child(even) .services-service-page-wrapper,
	.fp-heading-container .field--field-list .paragraph--type--frontpage-list{
		flex-direction: row;
	}

	.view-servicepage-teaser .views-row:nth-child(even) .services-service-page-left::before,
	.fp-heading-container .field--field-list > div:nth-child(even) .frontpage-list-left::before{
		right: initial;
		left: 10px;
	}

	.view-servicepage-teaser .views-row:nth-child(even) .services-service-page-left::after,
	.fp-heading-container .field--field-list > div:nth-child(even) .frontpage-list-left::after{
		right: initial;
		left: 95px;
	}

	.services-service-page-wrapper .services-service-page-left,
	.fp-heading-container .field--field-list .frontpage-list-left{
		padding-top: 130px;
	}

	.services-service-page-wrapper,
	.view-servicepage-teaser .views-row:nth-child(even) .services-service-page-wrapper,
	.fp-heading-container .field--field-list .paragraph--type--frontpage-list,
	.fp-heading-container .field--field-list > div:nth-child(even) .paragraph--type--frontpage-list{
		flex-direction: column;
		gap: 10px;
	}

	.services-service-page-wrapper .services-service-page-left,
	.fp-heading-container .field--field-list .frontpage-list-left{
		max-width: 100%;
		width: 100%;
		padding-left: 20px;
	}

	.services-service-page-wrapper .services-service-page-right,
	.fp-heading-container .field--field-list .frontpage-list-right{
		width: 100%;
	}

	.services-service-page-right,
	.fp-heading-container .field--field-list .frontpage-list-right{
		display: flex;
		flex-direction: column-reverse;
	}

	.services-service-page-wrapper .services-read-more{
		padding: 10px 0 30px 20px;
	}

	.view-servicepage-teaser .views-row,
	.fp-heading-container .field--field-list > div{
		margin-bottom: 75px;
	}

	.view-servicepage-teaser .views-row:nth-child(even) .services-read-more{
		text-align: left;
	}

	.view-servicepage-teaser .views-row .services-service-page-left::before, 
	.view-servicepage-teaser .views-row .services-service-page-left::after,
	.fp-heading-container .field--field-list .frontpage-list-left::before,
	.fp-heading-container .field--field-list .frontpage-list-left::after{
		font-size: 130px;
	}

	.view-servicepage-teaser .views-row .services-service-page-left::before,
	.fp-heading-container .field--field-list .frontpage-list-left::before{
		left: 10px;
	}

	.view-servicepage-teaser .views-row .services-service-page-left::after,
	.fp-heading-container .field--field-list .frontpage-list-left::after{
		left: 80px;
	}

	.view-servicepage-teaser .views-row:nth-child(3) .services-service-page-left::after,
	.fp-heading-container .field--field-list > div:nth-child(3) .frontpage-list-left::after{
		left: 95px;
	}

	.block-products{
		padding-bottom: 60px;
	}

	.services-wrapper-images{
		margin-bottom: 70px;
	}

	.prepress-wrapper{
		flex-direction: column-reverse;
		gap: 25px;
	}
 
	.services-wrapper-data{
		margin-bottom: 60px;
	}

	.prepress-wrapper{
		margin: 60px auto;
	}

	.prepress-wrapper .prepress-right{
		width: 75%;
	}

	.prepress-wrapper .prepress-left{
		width: 70%;
	}

	.heading-wrapper.machines-heading-wrapper{
		gap: 25px;
	}

	.heading-wrapper.machines-heading-wrapper .heading-wrapper-mini,
	.heading-wrapper.machines-heading-wrapper .effect,
	.heading-main-wrapper.machines-heading-main-wrapper .heading-left,
	.heading-main-wrapper.machines-heading-main-wrapper .heading-right{
		width: 100%;
	}

	.heading-side-text{
		padding-bottom: 25px;
	}

	.heading-main-wrapper.machines-heading-main-wrapper .heading-left img{
		display: none;
	}

	.machines-text-first,
	.about-heading-text-first{
		padding-top: 50px;
	}

	.heading-left-wrapper{
		max-width: 100%;
	}

	.page-sections{
		display: grid;
    	grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
		gap: 10px;
		background-color: #fff;
		padding: 5px 10px;
		justify-content: center;
		width: 100vw;
		margin-left: -15px;
		text-align: center;
	}

	.page-sections li.active{
		border-bottom: 1px solid transparent;
	    border-image: linear-gradient(to right, #D71920 50%, #fff 50% 100%);
	    border-image-slice: 1;
	}

	.field--field-machine-image-1{
		padding: 35px 0;
	}

	.machines-heading-wrapper-last{
		padding: 30px 0 15px;
	}

	.machines-parameter{
		padding-top: 20px;
	}

	.heading-right{
		width: 100%;
	}

	.contact-email-wrapper{
		margin-bottom: 40px;
	}

	.contact-heading-main-wrapper h2{
		margin-bottom: 40px;
	}

	.contact-people-wrapper{
		padding-bottom: 10px;
	}

	.contact-countries-slider{
		padding: 25px 0 50px;
	}

	.contact-countries-slider .slick-slide{
		font-size: 31px;
	}

	.heading-wrapper{
		gap: 25px;
	}

	.heading-wrapper .heading-wrapper-mini{
		width: 100%;
	}

	.page-node-type-certificate .heading-left-wrapper{
		display: none;
	}

	.certificates-view-teaser h2{
		font-size: 26px;
	}

	.certificates-view-teaser .view-content > .views-row{
		width: 80%;
		margin: auto;
	}

	.table-wrapper{
		overflow: scroll;
	}

	.table-wrapper table{
		font-size: 14px;
		width: 700px;
	}

	.page-node-type-about_us .heading-left{
		display: none;
	}

	.page-node-type-about_us .heading-main-wrapper{
		display: block;
	}

	/*.field--field-about-us-main-image{
		max-width: 90%;
		margin: 0 0 0 auto;
	}*/

	.field--field-info-title{
		font-size: 42px;
	}

	.video-wrapper .video-text{
		font-size: 14px;
	}

	.about-text-first{
		padding-bottom: 15px;
	}

	.about-text-last{
		font-size: 16px;
	}

	.about-system-wrapper{
		margin-bottom: -50px;
	}

	.fp-heading-big-wrapper{
		background-image: none;
	}

	.heading-wrapper .heading-wrapper-mini{
		margin: 0;
	}

	.heading-wrapper .effect,
	.fp-heading.heading-wrapper .heading-wrapper-mini{
		max-width: 100%;
	}

	.fp-heading.heading-wrapper h2{
		max-width: 550px;
	}

	.fp-heading.heading-wrapper h2 span.span-first,
	.fp-heading.heading-wrapper h2 span.span-last{
		padding-bottom: 15px;
	}

	.fp-heading.heading-wrapper{
		padding-bottom: 50px;
	}

	.fp-slider-wrapper{
		margin-bottom: 50px;
		margin-top: 50px;
	}

	.video-wrapper{
		padding-top: 80px;
		margin-bottom: 60px;
	}

	.view-services-teaser{
		padding-top: 20px;
		border-top: 1px solid #C8C8C8;
	}

	.services-read-more{
		padding-bottom: 60px;
	}

	.production-wrapper{
		flex-direction: column-reverse;
		gap: 50px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.production-wrapper .effect,
	.production-wrapper .production-wrapper-mini{
		width: 100%;
	}

	.production-text{
		margin: 0;
	}

	.fp-valeur-sign{
		height: 225px;
	}

	.page-node-type-frontpage .block-products{
		padding-top: 60px;
	}

	.fp-recent-refs .view-filters ul{
		max-width: 100%;
	}

	.reference-heading-wrapper.heading-main-wrapper{
		padding-top: 30px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.reference-heading-wrapper .heading-inside-wrapper{
		flex-direction: column;
		background-size: 100%;
	}

	.heading-left-referencie{
		max-width: 100%;
		padding-top: 50px;
		text-align: right;
	}

	.heading-right-referencie p{
		max-width: 400px;
	}

	.references-view-teaser{
		padding: 50px 0 50px 10px;
	}

	.references-view-teaser .slick-arrow.slick-next{
		display: none !important;
	}

	.references-view-teaser .slick-slide img{
		max-height: 300px;
		width: 100%;
	}

	.reference-tax-terms-view .view-content{
		flex-wrap: initial;
		overflow: auto;
		white-space: nowrap;
	}

	.reference-tax-terms-view .view-content::-webkit-scrollbar {
	  display: none;
	}

	.reference-tax-terms-view .view-content .views-row{
		font-size: 18px;
	}

	.reference-group-list .views-row{
		width: 100%;
	}

	.reference-group-list .views-row:not(:first-child) .references-medium-image img{
		height: initial;
		object-fit: initial;
	}

	.view-gallery .views-row .views-field-title a{
		font-size: 35px;
	}
}

@media only screen and (max-width: 769px){
	h1{
		font-size: 32px;
	}

	h2{
		font-size: 26px;
	}

	h3{
		font-size: 25px;
	}

	.heading-main-wrapper.career-wrapper .heading-right > .field--body,
	.products-wrapper-inside-heading .field--body,
	.services-wrapper-inside-heading .field--body{
		font-size: 18px;
	}	

	.links-wrapper{
		flex-direction: column;
	}

	.links-wrapper > a{
		width: 100%;
		height: 180px;
	}

	.field--field-images{
		flex-direction: column;
	}

	.field--field-images > div:last-child{
		text-align: right;
	}

	.services-parameter, 
	.machines-parameter, 
	.field--field-feature-name{
		font-size: 26px;
	}

	.paragraph--type--parameters .field--field-parameter-name,
	.paragraph--type--parameters .field--field-parameter-data{
		font-size: 14px;
	}

	.certificate-text-1, 
	.certificate-text-2{
		font-size: 18px;
		padding-bottom: 20px;
	}

	.certificate-text-3{
		font-size: 14px;
	}

	.page-node-type-certificate .heading-main-wrapper{
		display: block;
		padding-bottom: 30px;
	}

	.references-fp-data-wrapper{
		position: relative;
		bottom: 0;
		left: 0;
		padding-top: 50px;
	}

	.references-fp-data-wrapper .references-fp-title{
		font-size: 22px;
		color: #1E1F20;
	}

	.references-fp-slider-arrows{
		position: relative;
		right: 0;
		bottom: 187px;
		justify-content: center;
	}

	.references-fp-slider-arrows > span.references-fp-arrow-left{
		background-image: url('cssimg/arrow-back-mobile.svg');
	}

	.guide-wrapper{
		flex-direction: column;
	}

	.guide-wrapper .guide-left,
	.guide-wrapper .guide-right{
		width: 100%;
	}

	.guide-wrapper .guide-right .guide-right-wrapper{
		max-width: initial;
	}

	.guide-wrapper .guide-right .guide-right-wrapper h3{
		font-size: 32px;
	}

	.references-medium-title{
		font-size: 18px;
		padding-top: 20px;
	}

	.references-medium-created{
		font-size: 13px;
		padding-bottom: 20px;
	}

	.reference-group-wrapper.reference-block-selected.last{
		padding-bottom: 0;
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 700px){

	.field--field-about-us-images{
		display: block;
	}

	.about-history-left .field--field-about-us-images > div:first-child{
		text-align: left;
		max-width: 350px;
		margin: 0 auto 15px auto;
	}

	.about-history-left .field--field-about-us-images > div:last-child{
		max-width: 350px;
		margin: 0 auto 0 auto;
	}

	.about-history-right{
		max-width: 490px;
	}

	.paragraph--type--about-us-history{
		min-height: 250px;
	}

	.paragraph--type--about-us-history .field--field-history-date{
		font-size: 75px;
	}

	.paragraph--type--about-us-history .field--field-history-date::before{
		height: 150px;
		top: 135px;
	}

	.paragraph--type--about-us-history .field--field-history-date::after{
		top: 60px;
	}

	.paragraph--type--about-us-history .field--field-history-text{
		font-size: 15px;
	}

	.fp-heading.heading-wrapper h2{
		font-size: 40px;
	}

	.fp-heading .fp-header-text{
		font-size: 16px;
	}

	.page-node-type-frontpage .fp-slider-wrapper .slick-slide img{
		max-height: 300px;
		width: 100%;
	}

	.slick-arrow.slick-next{
		left: 89%;
		background-size: 60px;
		width: 60px;
		height: 60px;
	}

	.fp-recent-refs{
		gap: 35px;
	}

	.fp-recent-refs .view-header, 
	.fp-recent-refs .view-filters{
		width: 100%;
	}

	.fp-recent-refs .view-header > div{
		max-width: 100%;
	}

	.references-medium-image .ref-types{
		font-size: 13px;
		bottom: 20px;
		left: 20px;
	}

	.references-medium-image:hover::after{
		width: 50px;
		height: 50px;
		background-size: 5px;
	}

	.about-history-left .field--field-about-us-images > div{
		width: 100%;
	}

	.fp-heading-new h2{
		font-size: 20px;
	}

	.field--field-about-us-info > div > .paragraph--type--o-nas-info-text{
		padding-right: 30px;
	}

	.view-gallery-content > .view-content{
		padding-top: 25px;
	}
}

@media only screen and (max-width: 600px){
	/*.field--field-images > div:first-child img{
		max-width: 456px;
		height: 312px;
		object-fit: cover;
		width: 100%;
	}*/

	.contact-address-wrapper{
		flex-direction: column;
	}

	.contact-email-wrapper{
		flex-direction: column;
		align-items: initial;
	}

	.contact-people-wrapper .field--field-people{
		flex-direction: column;
	}

	.contact-people-wrapper .field--field-people > div{
		width: 100%;
	}

	.certificates-view-teaser{
		padding-bottom: 60px;
	}

	.fp-valeur-sign{
		height: 180px;
	}

	.animation.fp-valeur-sign{
		bottom: -40px;
	}

	.cookiesjsr-banner{
		max-width: 100%;
		margin: 0;
	}

	.fp-heading.heading-wrapper.fp-new-heading h2{
		font-size: 35px;
		margin-bottom: 15px;
	}

	.fp-heading-video video{
		height: 400px;
	}

	.ref-about-image-wrapper .field--field-reference-image img{
		max-width: initial;
		width: 100%;
	}

}

@media only screen and (max-width: 550px){

	.field--field-product > div{
		width: 100%;
	}

	.prepress-wrapper .prepress-right,
	.prepress-wrapper .prepress-left{
		width: 100%;
	}

	.certificates-view-teaser .view-content > .views-row{
		width: 100%;
	}

	.about-history-right{
		max-width: 420px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.paragraph--type--about-us-history .field--field-history-date{
		font-size: 54px;
	}

	.paragraph--type--about-us-history .field--field-history-date::before{
		height: 150px;
		top: 100px;
	}

	.paragraph--type--about-us-history .field--field-history-date::after{
		top: 30px;
	}

	.paragraph--type--about-us-history .field--field-history-text{
		font-size: 14px;
		padding-top: 98px;
	}

	.fp-heading.heading-wrapper h2{
		font-size: 38px;
	}

	.cookiesjsr-service{
		display: block;
	}

	.cookiesjsr-service--action{
		width: 100%;
	}

	.cookiesjsr-service--always-on{
		justify-content: left;
	}

	.cookiesjsr-service--action{
		padding: 15px 0;
	}

	.fp-heading-new h2{
		font-size: 15px;
	}

	.view-gallery-content > .view-content{
		flex-wrap: wrap;
		justify-content: center;
	}
}

@media only screen and (max-width: 500px){

	.view-servicepage-teaser .views-row .services-service-page-left::before, 
	.view-servicepage-teaser .views-row .services-service-page-left::after{
		font-size: 100px;
	}

	.view-servicepage-teaser .views-row:nth-child(even) .services-service-page-left::after{
		right: initial;
		left: 75px;
	}

	.view-servicepage-teaser .views-row .services-service-page-left::after{
		left: 70px;
	}

	.view-servicepage-teaser .views-row:last-child .services-service-page-left::after{
		left: 75px;
	}

	.services-service-page-wrapper .services-service-page-left{
		padding-top: 100px;
	}

	.field--field-images > div:first-child img{
		height: auto;
	}

	.field--field-parameter .paragraph--type--parameters, 
	.field--field-parameters .paragraph--type--parameters, 
	.field--field-other-machines .paragraph--type--parameters{
		display: block;
		padding: 20px 15px;
	}

	.services-feature{
		margin-bottom: 28px;
	}

	.machines-text-first{
		font-size: 28px;
	}

	.about-heading-text-first{
		font-size: 26px;
		padding-top: 25px;
	}

	.about-history-title{
		text-align: left;
		padding-left: 80px;
	}

	.about-history-wrapper.animation .about-history-title::before{
		animation: initial;
		width: 60px;
	}

	.fp-heading.heading-wrapper h2{
		font-size: 32px;
		max-width: 375px;
	}

	.about-fp-wrapper-right .about-fp-big-box > a{
		font-size: 20px;
		padding-bottom: 40px;
		padding-top: 70px;
	}

	.about-fp-wrapper-right .about-fp-big-box{
		padding: 30px;
		width: 260px;
	}

	.about-fp-wrapper-right .about-fp-big-box > a:after{
		width: 155px;
		background-size: 100%;
	}

	.page-node-type-frontpage .video-start-button,
	.page-node-type-frontpage .video-wrapper .video-text{
		padding-left: 20px;
		padding-right: 20px;
	}

	.fp-valeur-sign{
		height: 150px;
	}

	.animation.fp-valeur-sign{
		bottom: -50px;
	}

	.cookiesjsr-banner--action{
		flex-direction: column;
	}

	.cookiesjsr-btn{
		width: 100%;
	}

	.fp-heading.heading-wrapper.fp-new-heading h2{
		font-size: 30px;
	}

	.field--field-gallery > div,
	.field--field-articles-images > div{
		width: 100%;
	}

	.ref-about-image-wrapper .field--field-reference-name{
		position: relative;
		bottom: initial;
		left: initial;
		display: inline-block;
		margin-top: 20px;
	}

}

@media only screen and (max-width: 420px){

	.footer-email{
		font-size: 28px;
	}

	.paragraph--type--about-us-history{
		min-height: initial;
		display: block;
	}

	.paragraph--type--about-us-history .field--field-history-date{
		display: inline-block;
	}

	.paragraph--type--about-us-history .field--field-history-date::before{
		content: none;
	}

	.paragraph--type--about-us-history .field--field-history-date::after{
		top: 14px;
		width: 25px;
		height: 25px;
		background-size: 25px;
	}

	.paragraph--type--about-us-history .field--field-history-text{
		padding: 20px 0 20px;
	}

	.fp-heading.heading-wrapper h2{
		margin-bottom: 20px;
	}

	.fp-heading.heading-wrapper h2 span.span-first,
	.fp-heading.heading-wrapper h2 span.span-last{
		background-image: none;
	}

	.fp-heading-buttons{
		flex-direction: column;
	}

	.fp-heading-buttons a{
		text-align: center;
		width: 100%;
	}

	.about-fp-wrapper-right .about-fp-big-box{
		width: 80%;
	}

	.about-fp-wrapper-right .about-fp-big-box > a{
		margin-bottom: 40px;
	}

	.about-fp-wrapper-right .about-fp-big-box > a:after{
		width: 120px;
		background-size: 100%;
	}

	.about-fp-small-box{
		right: -20%;
		bottom: -90px;
	}

	.fp-valeur-sign{
		height: 120px;
	}

	.animation.fp-valeur-sign{
		bottom: -30px;
	}

	.fp-heading-new{
	  top: 78%;
	}

	.fp-heading-new h2{
		font-size: 12px;
		letter-spacing: initial;
	}
}

@media only screen and (max-width: 350px){
	.footer-email{
		font-size: 25px;
	}

	.fp-heading-new h2{
		font-size: 10px;
	}

	.fp-heading-new{
	  top: 77%;
	}

}