/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:2000px) {
	#video-background {
	    wwidth: 2000px;
	    object-fit: cover;
	}
	.shape-fp {
		width: 40%;
	}
}


@media only screen and (min-width:1350px) {
	.wrap {
		max-width: 1480px;
	}
	.wrap-big {
		max-width: 1780px;
	}
	.wrap-small {
		max-width: 1250px;
	}
	.wrap-s {
		max-width: 900px;	
	}
	.wrap-xs {
		max-width: 700px;	
	}
}

@media only screen and (max-width:1800px) {
	.wrap-big 	{
		max-width: 98%;
	}
	.section-faq .block-right {
	    padding-right: 120px;
    	padding-left: 250px;
	}
	.section-faq .block-left {
		padding: 80px 0px 0px 120px;
	}
}

@media only screen and (max-width:1720px) and (min-width: 1150px) {
	.insta-img-outer{
		height: 100%;
	}
	#sbi_images{
		height: 100%;
	}
	#sb_instagram .sbi_photo_wrap{
		height: 100%;
	}
	#sb_instagram.sbi_col_1 #sbi_images .sbi_item {
	    height: 100%;
	}
	#sb_instagram .sbi_photo{
		height: 100%!important;
	}

}


@media only screen and (max-width:1550px) {
	.wrap 	{
		max-width: 90%;
	}
	.section-faq .block-right {
	    padding-right: 100px;
    	padding-left: 200px;
	}
	/* .section-usps .col4 {
		width: calc(1/3*100%);
	} */
	.facebook-feed-outer {
		padding: 50px 50px 0px 50px;
	}
	.last-post-outer {
		padding: 75px 50px 125px 0px;
	}

    .services-info a,
    .samples-info a {
    	font-size: 14px;
    	padding: 12px 29px 10px 12px;
    }
    .tagline {
		left: 38px;
    	bottom: 0px;
    	top: 75px;
	}
	.logo {
		top: 17px
	}
	.logo img {
		height: 55px;
	}

}
@media only screen and (max-width:1440px) {
	.nav ul li a:link, .nav ul li a:visited, .nav ul li a:active {
		ppadding: 17px 0px;
		padding: 18px 0px 48px;
	}
	.nav ul li.contact-menu-item a, .nav ul li.webshop-menu-item a{
		padding: 17px 0px!important;
	}
	.shape 	{
		width: 60%;
	}
	.case-content {
		padding: 60px 80px;
	}
	.testimonial-slide {
		padding: 0px 40px 0px 40px;
	}
	.section-faq .block-left {
	    padding: 80px 0px 0px 80px;
	}
	.slider-content-fp {
		width: 75%;
	}
	.shape-fp {
		width: 50%;		
	}
	.col6-1440 {
		width: 50%;
	}
	.m-b-xxxxl {
		margin-bottom: 50px;
	}
	.p-b-xxxl {
		padding-bottom: 50px;
	}
	.p-t-xxxl {
		padding-top: 50px;	
	}

}
@media only screen and (max-width:1366px) {
	/*------------------------------------*\
    START RESPONSIVE MENU CSS
\*------------------------------------*/	
	.mega-menu-wrap{
		display:none!important;
	}
	
	.nav ul li:hover ul,
	.nav ul li:hover ul li
	{
		width: 100%!important;
	}
	.btn-stroke:hover.c-hamburger--htx.is-active span{
		background:none;
	}
	#menu-main-mob-menu{
		list-style:none;
		padding:0;
		margin:0;
	    min-height: 500px;
	}
	.nav ul#menu-main-mob-menu li ul {
		top: 0px;
		position: relative
	}
	#menu-main-mob-menu li{
		line-height: 1.8em;
		margin-bottom: 0em;
		ppadding: 7px 0px 7px 15px;
		padding: 14px;
		padding-left: 15px;
		border-bottom: 1px solid rgba(255,255,255, 0.15);
		position: unset;
		line-height: 0px;
	}
		#menu-main-mob-menu li .sub-menu a{
			padding-left: 0px;
		}

	#menu-main-mob-menu li .sub-menu a,
	#menu-main-mob-menu li a{
		font-size:18px;
		color:#fff;
		display:block;
		cursor:pointer;
		text-align:left;
		min-height:inherit !important;
	}	
	#menu-main-mob-menu .menu-item-has-children a:after,
	#menu-main-mob-menu li.haschild > a:after{
		content: '\f105';
		font-family: 'Font Awesome 5 Free';
		font-weight: 600;
		font-style: normal;
		font-size: 17px;
		margin: 0 10px 0 0;
		float: right;
	}
	#menu-main-mob-menu .menu-item-has-children ul li a:after {
		display:none;
	}
	#menu-main-mob-menu li a:hover{
		/*color:#999;*/
	}
	#menu-main-mob-menu li.current > a{
		color: #e21a22;
	}
	#menu-main-mob-menu li:before {
		content: none;
	}
	#menu-main-mob-menu .sub-menu,
	#menu-main-mob-menu .child{
		display:none;
		list-style:none;
		margin:0;
		padding: 0;
	}
	#menu-main-mob-menu .menu-item-has-children.active .sub-menu,
	#menu-main-mob-menu .haschild.active .child{
		display:block;
		background-color: #ba161d;
	}
	#menu-main-mob-menu .haschild.active .child ul.child{
		display:none;

	}
	#menu-main-mob-menu .haschild.active .child .active ul.child{
		display:block;

	}
	#menu-main-mob-menu .menu-item-has-children,
	#menu-main-mob-menu .haschild{
		left:-81%;
		overflow-x: hidden;
		overflow-y: auto;
		visibility: visible;
		-webkit-overflow-scrolling: touch;
		-moz-transition:left 0.3s ease;
		-webkit-transition:left 0.3s ease;
		transition: left 0.3s ease;
		-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
	}
	#menu-main-mob-menu .menu-item-has-children.active,
	#menu-main-mob-menu .haschild.active{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		padding:0;
		margin:0;
		background-color: #ba161d;
		border-bottom:0;
		padding-top: 0px;
		z-index: 2;
	}
	#menu-main-mob-menu .menu-item-has-children.active > a,
	#menu-main-mob-menu .haschild.active > a{
		padding-left: 15px !important;
		color: #fff;
		border-bottom: 1px solid rgba(255,255,255, 0.15);
		font-weight: bold;
		padding-top: 15px;
		padding-bottom: 15px;
		background: #ba161d!important;
	}
	#menu-main-mob-menu .menu-item-has-children.active > a:before,
	#menu-main-mob-menu .haschild.active > a:before{
		display:none;
	}
	#menu-main-mob-menu .menu-item-has-children.active .mobile-close,
	#menu-main-mob-menu .first-child .mobile-exit,
	#menu-main-mob-menu .haschild.active .mobile-close{
		position: absolute;
		z-index: 2;
		cursor: pointer;
		float: right;
		font-size: 24px;
		bbackground: #393939;
		background: #ba161d;
		top: 0px;
		right: 0px;
		height: 33px;
		width: 49px;
		line-height: 49px;
		text-align: center;
		color: #fff !important;
		bborder-bottom: 1px solid rgba(255,255,255, 0.15);
	}
	#menu-main-mob-menu .mobile-exit .c-hamburger{
		margin-left: 3px;
		margin-top: 2px;
	}
	#menu-main-mob-menu .mobile-exit .c-hamburger span::before,
	#menu-main-mob-menu .mobile-exit .c-hamburger span::after{
		background-color: #ffffff;
	}
	#menu-main-mob-menu .menu-item-has-children .mobile-close i,
	#menu-main-mob-menu .haschild.active .mobile-close i{
		pointer-events:None;
	}
	.mobile-menu-container .logo-lt
	{
		max-width: 200px;
	}
	.mobile-menu-container  .wpml-ls-menu-item .wpml-ls-flag {
		width: 30px;
		height: 30px;
	}
	.mobile-menu-container .icon-mail, .mobile-menu-container .icon-phone {
		float: left;
		width: 100%;
		margin: 0 0 1.5em 0;
	}
	.mobile-menu-container .nav ul li a:link, 
	.mobile-menu-container .nav ul li a:visited, 
	.mobile-menu-container .nav ul li a:active {
		color:  #fff;
	}
	.c-hamburger span::before {
	  top: -8px;
	}
	.c-hamburger span::after {
	  bottom: -8px;
	}
	.c-hamburger--htx span {
	  transition: background 0s 0.3s;
	}
	.c-hamburger--htx span::before,
	.c-hamburger--htx span::after {
	  transition-duration: 0.3s, 0.3s;
	  transition-delay: 0.3s, 0s;
	}
	.c-hamburger--htx span::before {
	  transition-property: top, transform;
	}
	.c-hamburger--htx span::after {
	  transition-property: bottom, transform;
	}
	/* active state, i.e. menu open */
	.c-hamburger--htx.is-active {

	}
	.c-hamburger--htx.is-active span {
	  background: none;
	}
	.c-hamburger--htx.is-active span::before {
	  top: 0;
	  transform: rotate(45deg);
	}
	.c-hamburger--htx.is-active span::after {
	  bottom: 0;
	  transform: rotate(-45deg);
	}
	.c-hamburger--htx.is-active span::before,
	.c-hamburger--htx.is-active span::after {
	  transition-delay: 0s, 0.3s;
	}
	.mobile-menu {
		position: relative;
		right: 0px;
		margin-right: 0px;
		z-index: 100;
		top: 6px;
	    top: 0;
		    display: flex!important;
		    align-items: center;
	}
	.is-sticky .mobile-menu {
		top: -24px;
	}
	.c-hamburger {
	  display: block;
	  position: relative;
	  overflow: hidden;
	  margin: 0;
	  padding: 0;
	  width: 36px!important;
	  height: 36px;
	  font-size: 0;
	  text-indent: -9999px;
	  appearance: none;
	  box-shadow: none;
	  border-radius: none;
	  cursor: pointer;
	  background:none;
	  border:0;
	 bbackground:#fff;
	  mmargin: 10px 0 0 10px;
	  margin: 13 px 0 0 10px;
	  border-radius: 20px;
	  /* transition: background 0.3s; */
	}
	.down .c-hamburger
	{
		background:none;
	}
	.c-hamburger span {
		display: block;
		position: absolute;
		top: 16px;
		left: 0px;
		right: 0px;
		background: #393939;
		width: 60%;
		margin-left: 20%;
		height: 4px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	.c-hamburger span::before,
	.c-hamburger span::after {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		height: 4px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		background-color: #393939;
		content: "";
	}
	.btn-stroke:hover.c-hamburger span,
	.btn-stroke:hover.c-hamburger span::before,
	.btn-stroke:hover.c-hamburger span::after
	{
		background-color:#A72072
	}
	.down .c-hamburger span,
	.down .c-hamburger span::before,
	.down .c-hamburger span::after
	{
		background-color:#000000;

	}
	.btn-stroke:hover.c-hamburger--htx.is-active span{
		background:none;
	}
	.mobile-menu-container .logo-lt {
		max-width: 260px;
		padding-left:15px;
	}
	.c-hamburger span::before {
	  top: -8px;
	}

	.c-hamburger span::after {
	  bottom: -8px;
	}
	.c-hamburger--htx span {
	  transition: background 0s 0.3s;
	}

	.c-hamburger--htx span::before,
	.c-hamburger--htx span::after {
	  transition-duration: 0.3s, 0.3s;
	  transition-delay: 0.3s, 0s;
	}

	.c-hamburger--htx span::before {
	  transition-property: top, transform;
	}

	.c-hamburger--htx span::after {
	  transition-property: bottom, transform;
	}

	/* active state, i.e. menu open */
	.c-hamburger--htx.is-active {

	}

	.c-hamburger--htx.is-active span {
	  background: none;
	}

	.c-hamburger--htx.is-active span::before {
	  top: 0;
	  transform: rotate(45deg);
	}

	.c-hamburger--htx.is-active span::after {
	  bottom: 0;
	  transform: rotate(-45deg);
	}

	.c-hamburger--htx.is-active span::before,
	.c-hamburger--htx.is-active span::after {
	  transition-delay: 0s, 0.3s;
	}
	.container-wrapper{
		-webkit-transition: -webkit-transform 0.3s ease;
		-moz-transition: -moz-transform 0.3s ease;
		-o-transition: -o-transform 0.3s ease;
		transition: transform 0.3s ease;
		-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

	}
	.mobile-menu-container{
		background-color: #ba161d;
		padding:10px 0 20px 0px;
		position: fixed;
		top: 0;
		left:-50%;
		bottom: 0;
		z-index: 100000;
		display: block!important;
		width: 50%!important;
		overflow-x: hidden;
		overflow-y: auto;
		visibility: visible;
		-webkit-overflow-scrolling: touch;
		-moz-transition:left 0.3s ease;
		-webkit-transition:left 0.3s ease;
		transition: left 0.3s ease;
		-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
	}
	.mobile-menu-container a:link, .mobile-menu-container a:visited, .mobile-menu-container a:active
	{
		color: #fff;
	}
	.off-screen{
		left:0;
	}

	.off-screen+* {
		position: relative;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 4;
		width: 100%;
		overflow: hidden;
		-webkit-transition: -webkit-transform .3s ease;
		-moz-transition: -moz-transform .3s ease;
		-o-transition: -o-transform .3s ease;
		transition: transform .3s ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition-delay: 0.1s; /* Safari */
		transition-delay: 0.1s;
	}
	.logo-mobile img {
		max-width: 200px;
		margin-top: 10px;
		height: 45px;
	}

	
	.wrap-big 	{
		max-width: 90%;
	}

	.p-t-xl-1350 {
		padding-top: 50px;
	}
	.section-testimonials blockquote {
		max-width: 400px;
	}
	.section-faq .col5 {
		width:  55%;
	}
	.section-faq .col7 {
		width:  45%;	
	}
	.section-faq .block-right {
		padding-right: 50px;
    	padding-left: 0px;
	}
	.services-info,
	.samples-info {
		width: 98% !important;
	}
	.wrap-small,
	.wrap-s {
		max-width: 90%;
	}
	.nav ul li {
		padding-left: 5px;
		padding-right: 5px;
	}
	.nav ul li a:link,
	.nav ul li a:visited {
    	font-size: 15px;
	}

}

@media only screen and (max-width:1366px) and (min-width: 1151px){
	.facebook-feed-outer {
    	padding: 40px 40px 0px 40px;
	}
}


@media only screen and (min-width:1260px) {


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

	header .col6:first-child
	{
		padding-left: 1%;
	}	
	header .col6:last-child
	{
		padding-right: 1%;
	}
	body,
	a.button, .button, span.button, a.button-white, .button-white, span.button-white, a.button-dark, .button-dark, span.button-dark, a.button-outline, .button-outline, span.button-outline, a.button-outline-dark, .button-outline-dark, span.button-outline-dark, input[type="button"], input[type="reset"], input[type="submit"]
	{
		font-size: 14px;
	}
	.col12-1200{
		width: 100%
	}
	.col11-1200{
		width: 91.66666667%
	}
	.col10-1200{
		width: 83.51515133%
	}
	.col9-1200{
		width: 75%
	}
	.col8-1200{
		width: 66.66666667%
	}
	.col7-1200{
		width: 58.333%
	}
	.col6-1200{
		width: 50%
	}
	.col5-1200{
		width: 41.66666667%
	}
	.col4-1200 {
		width: 33.51515133%
	}
	.col3-1200{
		width: 25%
	}
	.col2-1200{
		width: 16.66666667%
	}
	.col1-1200
	{
		width: 8.51515133%
	}
	.nav ul li {
		padding-left: 3px;
		padding-right: 3px;
	}
	.nav ul li a:link,
	.nav ul li a:visited {
    	font-size: 14px;
	}

}
@media only screen and (max-width:1150px) {
	.case-content h3, .case-content h4 {
		margin-bottom: 20px;
	}
	.testimonial-content {
		margin-right: 0px;
		margin-top: 25px;
	}
	.section-faq .block-left {
    	padding: 160px 0px 0px 40px;
	}
/* 	.section-usps .col4 {
		width: 100%;
		margin-bottom: 10px;
	} */
	.section-usps .wrap {
		display:  block;
	}
	.section-newsfeed .flexitem {
		display: block;
	}
	.col4.last-post-outer {
		width: 100%;
		padding: 0px 0px 50px 0px;
	}
	.col4.instagram-feed-outer,
	.col4.facebook-feed-outer {
		width: calc(50% - 10px);
		margin: 0px;
	}
	.col4.instagram-feed-outer  {
		margin-right: 10px;
	}
	.col4.facebook-feed-outer {
		margin-left: 10px;
	}

	.section-newsfeed {
		height: auto;
	    background-color: #e31b23;
	}
	.facebook-feed-outer {
		padding: 0px 5% 0px 5%;
	}
	.txt-lt-1150,
	.txt-lt-1150 h3,
	.txt-lt-1150 a {
		color:  #fff;
	}
	.instagram-feed-outer {
		height: auto;
	}
	.insta-img-outer img {
		max-width: 100%;
	}
	.flexbox-m-1150 {
		width: calc(1/2*100% - (1 - 1/2)*10px);
		margin-bottom: 10px;
	}
	.services-info,
	.samples-info {
		width: 70% !important;
		left: 10%;
	}
	.nav ul li a:link, .nav ul li a:visited {
		font-size: 14px;
	}
	.section-newsfeed {
		max-height: inherit;
	}
}

@media only screen and (max-width:1024px) {
	
	body,
	a.button, .button, span.button, a.button-white, .button-white, span.button-white, a.button-dark, .button-dark, span.button-dark, a.button-outline, .button-outline, span.button-outline, a.button-outline-dark, .button-outline-dark, span.button-outline-dark, input[type="button"], input[type="reset"], input[type="submit"]
	{
		font-size: 14px;
	}
	h1,
	.h1
	{
		font-size:2.2em;
	}
	h2 
	{
		font-size:1.7em;
	}
	.section-intro h3, .section-extra-text h3, .section-text-block p {
		font-size: 20px;
	}
	h3 
	{
		font-size:28px;
	}
	h4,
	.subtext-fp
	{
		font-size: 1.2em;
	}
	.section-intro h3 {
		font-size: 1.75em;
	}
	




/*------------------------------------*\
    END RESPONSIVE MENU CSS
\*------------------------------------*/
	
	.col12-s{
		width: 100%
	}
	.col11-s{
		width: 91.66666667%
	}
	.col10-s{
		width: 83.51515133%
	}
	.col9-s{
		width: 75%
	}
	.col8-s{
		width: 66.66666667!important;
	}
	.col7-s{
		width: 58.333%
	}
	.col6-s{
		width: 50%
	}
	.col5-s{
		width: 41.66666667%
	}
	.col4-s {
		width: 33.333333%
	}
	.col3-s{
		width: 25%
	}
	.col2-s{
		width: 16.66666667%
	}
	.col1-s
	{
		width: 8.51515133%
	}
	.p-xxl
	{
		padding:  50px;
	}
	.p-l-xl
	{
		padding: 0px;
	}
	.p-r-xl-1024
	{
		padding-right: 20px;
	}
	.p-b-xl {
    	padding-bottom: 50px;
	}
	.p-t-xl {
		padding-top: 50px;
	}
	.hide-1024 {
		display:none;
	}
	.show-1024 {
		display:block;
	}
	.p-none-s
	{
		padding: 0 !important;
	}
	.p-r-20-1024 {
		padding-right: 20px;
	}
	.p-l-20-1024 {
		padding-left: 20px;	
	}
	.p-t-5p-1024 {
		padding-top: 5%;
	}
	.m-b-none-1024 {
		margin-bottom: 0px
	}
	.text-center-1024 {
		text-align: center;
	}
	.header .col12 {
		height:  94px;
	}
	.logo {
		top: 17px;
	}
	.page-template-template-lp-branche .shape,
	.page-template-template-about-us .shape,
	.page-template-template-print-packaging .shape,
	.cases-template-default .shape,
	.page-template-template-packaging .shape,
	.page-template-template-blogs .shape,
	.page-template-template-packaging .shape,
	.page-template-template-default-packaging .shape {
	    width: 70%;
	    height: 350px;
	    min-height: 350px;
	}
	.shape-fp {
	    width: 70%;
	    height: 350px;
	    min-height: 350px;
	}
	.slider-content {
		margin-top: 208px;
		width: 65%;
	}
	.slider, .slide-image, .slider img {
		height: 350px;
	}
	.wrap-small,
	.wrap-s {
		max-width: 94%;
	}
	.single-stap-container .titel-content-stap {
		width: 60%;
    	margin-right: 2%;
	}
	.single-stap:nth-child(even) .single-stap-container .titel-content-stap {
		margin-left: 2%;
    	width: 60%;
	}
	.top-footer .widget-first.widget,
	.top-footer .widget-last.widget,
	.top-footer .widget-3.widget,
	.top-footer .widget {
	    width: 50%;
		padding-right:50px;
		padding-bottom:50px;
		margin-right: 0%;
	}
	.m-b-xxxxl {
		margin-bottom: 25px;
	}
	.col-contact:nth-child(2),
	.col-contact:nth-child(3),
	.col-contact:nth-child(4) {
		width: calc(33% - 18px);
	}
	.footer-form .col3 {
		width: calc(50% - 20px);
	}
	.col-contact:nth-child(5),
	.col-contact:nth-child(6) {
		width: calc(50% - 20px);
	}
	.col-contact input.wpcf7-submit {
		width:100%
	}
	h3.widget-title {
    	margin-top: 0px;
    	margin-bottom: 1em;
	}
	#video-background,
	.gradient {
		max-height: 728px;
	}
	.shape-fp {
		min-height: 768px;
		width: 50% !important;
	}
	.slider-content-fp {
		width: 89%;
	}
	.services-info,
	.samples-info {
		left: 9px;
	}
	.top-footer {
		padding-bottom: 50px;
	}
	.section-testimonials blockquote {
		max-width: 90%;

	}
	.testimonial-content {
		margin: 50px 0 0 0 ;		
		max-width: 100%;
	}
	.testimonial-slide {
		padding: 60px 40px 140px 40px;
	}
	.section-faq .col5,
	.section-faq .col7 {
		width:  100%;
	}
	.section-faq .block-left {
    	ppadding: 50px 0px 0px 50px;
    	padding: 10% 10% 0px 10%;
    	border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.section-faq  .block-right {
		background-image: none;
		padding:  50px;
		background-color: #e31b23;
		height: auto;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
	.block-right:after {
		display: none;
	    
	}
	.section-faq  .block-left,
	.section-faq  .faq-content,
	.section-faq  .block-right {
		height:  auto;
	}
	.section-usps .col4:last-child {
		width: 100%;
		margin-top: 10px;
	}
	.section-usps .col4:nth-child(2) {
		margin-top: 10px;
	}
	.flexlist-1024 {
		display: flex;
		flex-wrap: wrap
	}
	.tagline {
		display: none;
	}
	.slider-content {
		bottom: 15px;
	}
	.testimonial-slider .owl-pagination {
		display: none;
	}
	.testimonial-slide {
		max-height: 700px;
		height: 100%;
	}
	.section-testimonials blockquote {
		font-size: 2.5em;
	}
	.p-b-xxxl {
		padding-bottom: 50px;
	}
}

@media only screen and (max-width:900px) {
	.col12-s-900{
		width: 100%
	}
	.col11-s-900{
		width: 91.66666667%
	}
	.col10-s-900{
		width: 83.51515133%
	}
	.col9-s-900{
		width: 75%
	}
	.col8-s-900{
		width: 66.66666667%
	}
	.col7-s-900{
		width: 58.51515133%
	}
	.col6-s-900{
		width: 50%
	}
	.col5-s-900{
		width: 41.66666667%
	}
	.col4-s-900 {
		width: 33.51515133%
	}
	.col3-s-900{
		width: 25%
	}
	.col2-s-900{
		width: 16.66666667%
	}
	.col1-s-900
	{
		width: 8.51515133%
	}
	.hide-900 {
		display:none;
	}
	.show-900 {
		display:block;
	}
	.p-r-0-900 {
		padding-right: 0px;
	}
	.cols3 > li {
		width: 45%;
	}
	.col5a,
	.col7a {
		width: 100%;
	}
	.cases-slider .col12.flexitem {
	    flex-direction: column-reverse;
	}
	.cases-slider a.readmore:after {
		background-image: url(/wp-content/themes/html5blank-stable-child/img/arrow-white.svg);
	    background-size: 16px 14px;
	    height: 12px;
    	width: 16px;
	    top: 1px;
	}
	.section-cases .owl-item img {
    	height: 200px;
	    width: 75%;
    	text-align: center;
    	margin: 0 auto;
    	width: calc( 100% - 160px);
    	padding-left: 0px;
	}
	.section-cases {
		background-size: 200%;
	}
	.section-cases {
		bbackground-size: cover;
		background-color: #e31b23 ;
		color: #fff;
	}
	.testimonial-slider .col5,
	.testimonial-slider .col7 {
		width:  100%;
	}
	.testimonial-content {
    	margin-right: 0%;
    	margin-left: 0%;
    	margin-top: 40px;
    	height: auto;
	}
	.testimonial-quote {
		padding-top:  0px;
	}
	.section-testimonials blockquote {
		max-width: 90%;
	}
	.services-info,
	.samples-info {
		left: 2.5%;
		width: 95% !important;
	}
	.slider-content-fp {
		margin-top: 240px;
	}
	.section-cases h3 a, .section-cases h4, .section-cases a.readmore-dk, .section-cases a.readmore,
	.section-cases h3 a.txt-dk:link, .section-cases h3 a.txt-dk:visited, .section-cases h3 a.txt-dk:active 	{
		color: #fff;
	}
	.cases-slider h3 a:hover {
		color: #333;	
	}
}

@media only screen and (max-width:800px) {
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12
	{
		width: 100%;
	}
	.minheight-800
	{
		height: 400px;
	}
	.min-height-lg
	{
		height: 300px;
	}
	.col12-s-800{
		width: 100%
	}
	.col11-s-800{
		width: 91.66666667%
	}
	.col10-s-800{
		width: 83.51515133%
	}
	.col9-s-800{
		width: 75%
	}
	.col8-s-800{
		width: 66.66666667%
	}
	.col7-s-800{
		width: 58.51515133%
	}
	.col6-s-800{
		width: 50%
	}
	.col5-s-800{
		width: 41.66666667%
	}
	.col4-s-800 {
		width: 33.3333333%
	}
	.col3-s-800{
		width: 25%
	}
	.col2-s-800{
		width: 16.66666667%
	}
	.col1-s-800
	{
		width: 8.51515133%
	}
	.p-none-s-800
	{
		padding: 0 !important;
	}
	.hide-800 {
		display:none;
	}
	.show-800 {
		display:block;
	}
	.p-l-s-none
	{
		padding-left: 0;
	}	
	.p-r-s-none
	{
		padding-right: 0;
	}
	.shape {
		width: 80%;
	}
	.case-content {
		padding: 25px 80px
	}
	.section-employees .owl-prev,
	.section-employees .owl-next {
		display:  none;
	}
	.p-r-xxl {
		padding-right: 0px;
	}
	.p-l-xxl {
		padding-left: 0px;
	}
	.col-contact:nth-child(1),
	.col-contact:nth-child(2),
	.col-contact:nth-child(3),
	.col-contact:nth-child(4),
	.col-contact:nth-child(5),
	.col-contact:nth-child(6) {
		width: 100%;
	}
	.col-contact input.wpcf7-submit {
		width:100%
	}
	.contact-block-footer {
		padding: 10%;
	}
	#wpcf7-f5-o1 {
		margin-top: 1em;
	}
	.section-services .col3,
	.section-samples-plant .col3 {
		width: calc(1/2*100% - (1 - 1/2)*10px);
	}
	.headertext-fp h1 {
		font-size: 2.6em;
	}
	#video-background,
	.gradient {
		max-height: 600px;
	}
	.section-usps-lp .usps-wrap:nth-child(1) .usps-line,
	.section-usps-lp .usps-wrap:nth-child(3) .usps-line  {
		width: 100%;
		left: 0px;
		right: 0px;
	}
	.testimonial-content {
		height: auto;
	}
	.testimonial-slide {

	}
	/* packaging */
	.section-packaging .flexitem {
		display: block;
	}
}
@media only screen and (max-width:768px) {
	a.button, .button, span.button, a.button-white, .button-white, span.button-white, a.button-dark, .button-dark, span.button-dark, a.button-outline, .button-outline, span.button-outline, a.button-outline-dark, .button-outline-dark, span.button-outline-dark, input[type="button"], input[type="reset"], input[type="submit"]
	{
		margin-right: 0;
	}
	.col12-768{
		width: 100%
	}
	.col11-768{
		width: 91.66666667%
	}
	.col10-768{
		width: 83.51515133%
	}
	.col9-768{
		width: 75%
	}
	.col8-768{
		width: 66.66666667%
	}
	.col7-768{
		width: 58.51515133%
	}
	.col6-768{
		width: 50%
	}
	.col5-768{
		width: 41.66666667%
	}
	.col4-768 {
		width: 33.51515133%
	}
	.col3-768{
		width: 25%
	}
	.col2-768{
		width: 16.66666667%
	}
	.col1-768
	{
		width: 8.51515133%
	}
	.single-stap-container {
		width: 100%;
		margin-bottom: 75px;
	}
	.single-stap:nth-child(even) .single-stap-container,
	.single-stap:nth-child(even) .single-stap-container .icon-single-stap,
	.single-stap:nth-child(even) .single-stap-container .counter-stap,
	.single-stap:nth-child(even) .single-stap-container .titel-content-stap {
		float: left;
		text-align: left;
	}
	.line-steps {
		display: none;
	}
	.readmore-box {
		bottom: -28px;
    	left: 0px;
	}
	.single-stap:nth-child(even) .single-stap-container .titel-content-stap {
		margin-left: 0%;
	}
	.single-stap-container .icon-single-stap {
		padding-top:  0px;
	}
	.testimonial-slide {
	    height: auto;
	    padding-bottom: 80px;
	    background-size: cover;
	}
	.col4.instagram-feed-outer,
	.col4.facebook-feed-outer {
		width: 100%;
		margin: 0px auto;
	}
	.col4.facebook-feed-outer {
		padding-top: 25px;
    	padding-bottom: 25px;
	}
	.col4.instagram-feed-outer,
	.col4.facebook-feed-outer {
		width: 100%;
		margin:  0px;
		margin-bottom: 20px;
	}
	.insta-img-outer img {
		width: 100%;
	}
	.insta-img-outer:before, .insta-img-outer img {
		max-width: 100%;
	}
	.shape-fp {
	    min-height: 675px;
	    width: 50% !important;
	}
	.employee-info {
	    width: calc(100% - 80px);
	}
	.d-block-768 {
		display: block;
	}
	.section-newsfeed .flexlist {
		 flex-wrap: nowrap
	}

	.section-testimonials blockquote {
		font-size: 2em;
	}
	.section-employees {
		display: block
	}
    
}

@media only screen and (max-width:670px) {
	.instagram-feed-outer .insta-btn {
    	bottom: 45px;
	}
	.section-table table td
	{

	}
	.col12-xs{
		width: 100%
	}
	.col11-xs{
		width: 91.66666667%
	}
	.col10-xs{
		width: 83.51515133%
	}
	.col9-xs{
		width: 75%
	}
	.col8-xs{
		width: 66.66666667%
	}
	.col7-xs{
		width: 58.51515133%
	}
	.col6-xs{
		width: 50%
	}
	.col5-xs{
		width: 41.66666667%
	}
	.col4-xs {
		width: 33.51515133%
	}
	.col3-xs{
		width: 25%
	}
	.col2-xs{
		width: 16.66666667%
	}
	.col1-xs
	{
		width: 8.51515133%
	}
	.hide-670 {
		display:none;
	}
	.show-670 {
		display:block;
	}
	.p-l-xs-none
	{
		padding-left: 0;
	}	
	.p-r-xs-none
	{
		padding-right: 0;
	}


/*------------------------------------*\
    START FORMS CSS
\*------------------------------------*/
	input, 
	select, 
	textarea,
	select, 
input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="date"], 
input[type="tel"],
textarea,
button {
		width: 100%;
	}
	select, 
	input[type="text"], 
	input[type="email"], 
	input[type="password"], 
	input[type="date"], 
	input[type="tel"], 
	textarea,
	button
	{
		min-height: 40px;
		margin-bottom: 1.0em;
	}
	form p {
		margin-bottom: 10px;
	}
	.top-footer .widget-first.widget,
	.top-footer .widget-last.widget,
	.top-footer .widget-3.widget,
	.top-footer .widget {
	    width: 100%;
	    padding: 0px;
	}
	.testimonial-slide {
		max-height: 800px;
		height: 800px;
	}
	.shape-fp {
    	min-width: 96%;
	}
	.services-info,
	.samples-info {
		left: 20%;
    	width: 60% !important;
	}
	.section-services .col3,
	.section-samples-plant .col3 {
		width: 100%;
	}
	footer h3.widget-title {
		margin-top: 1em;
    	margin-bottom: 0.5em;
	}
	.slider-content-fp {
		margin-top: 200px;
	}
	.slide-content-title {

	}
	.employee-info {
		width: 100%;
		position: relative;
		bottom: 0px;
		left: 0px;
		border-top-right-radius: 0px;
    	border-top-left-radius: 0px;
	}
	.employees-slider .owl-wrapper-outer {
		height: auto;
	}
	.employees-slider .owl-item .employee-img {
		border-bottom-right-radius: 0px;
    	border-bottom-left-radius: 0px;
	}
	select {
		    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);
	}
	.footer-form .col3,
	.footer-form textarea {
		width: 100%;
	}
	.employees-slider .owl-stage-outer {
		height: auto !important;
	}

}
@media only screen and (max-width:550px) {
	h3 {
    	font-size: 24px;
	}

	a.btn, 
	.btn, 
	span.btn, 
	a.btn-white, 
	.btn-white, 
	span.btn-white, 
	a.btn-blue, 
	.btn-blue, 
	span.btn-blue,
	a.btn-blue-outline,
	.btn-blue-outline,
	span.btn-blue-outline,
	a.btn-dark,
	.btn-dark,
	span.btn-dark,
	a.btn-outline,
	.btn-outline,
	span.btn-outline,
	a.btn-outline-white,
	.btn-outline-white,
	span.btn-outline-white,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	a.btn.readmore-block {
		margin-right: 0px;
		margin-bottom:20px;
		width: 100%;
	}
	.header a.btn, 
	.header .btn {
		margin-right: 5px;
		margin-bottom: 6px;
		width: auto!important;
	}
	
	.cols2 > li, .cols3 > li, .cols4 > li
	{
		width: 100%;
	}
	.mobile-menu
	{
		top: 0;
	}
	.col12-xs-550{
		width: 100%
	}
	.col11-xs-550{
		width: 91.66666667%
	}
	.col10-xs-550{
		width: 83.51515133%
	}
	.col9-xs-550{
		width: 75%
	}
	.col8-xs-550{
		width: 66.66666667%
	}
	.col7-xs-550{
		width: 58.51515133%
	}
	.col6-xs-550{
		width: 50%
	}
	.col5-xs-550{
		width: 41.66666667%
	}
	.col4-xs-550 {
		width: 33.51515133%
	}
	.col3-xs-550{
		width: 25%
	}
	.col2-xs-550{
		width: 16.66666667%
	}
	.col1-xs-550
	{
		width: 8.51515133%
	}
	.hide-550 {
		display:none;
	}	
	.hide-550 {
		display:none;
	}
	.m-b-none-550 {
		margin-bottom: 0px;
	}
	.p-b-none-550 {
		padding-bottom: 0px
	}
	.p-t-20-550 {
		padding-top: 20px
	}
	.p-b-20-550 {
		padding-bottom: 20px
	}
	.m-t-20-550 {
		margin-top: 20px
	}
	.m-b-20-550 {
		margin-bottom: 20px
	}
	.text-inherit-550 {
		text-align: inherit
	}
	.single-stap:last-child {
		padding-bottom: 20px;
	}
	.case-content {
		padding: 25px 25px;	
	}
	.header .wrap {
		max-width: 100%;
	}
	.header .col12 {
		top: 0px;
		border-radius: 0px 0px 0 0px;
	}
	.slider-content-fp {
		margin-top: 170px;
		width: 100%;
	}
	.single-stap-container .icon-single-stap {
		width: 15%;
	}
	.counter-stap {
		width: 85%;
    	font-size: 6em;
    	max-width: 120px;
	}
	.single-stap-container .titel-content-stap,
	.single-stap:nth-child(even) .single-stap-container .titel-content-stap {
		width: 100%;
    	margin-right: 0%;
	}
	.single-stap-container {
		margin-bottom: 25px;
	}
	.employees-slider .owl-item img {
		width: auto;
	}
	.testimonial-content {
	    margin-right: 0px;
    	margin-left: 0px;
	}
	.mobile-menu-container{
		left:-70%;
		width: 70%!important;
	
	}
	.off-screen{
		left:0;
	}
	.section-cases .owl-item img {
		width: calc(100% - 40px);
	}
	.cases-slider .owl-prev, .cases-slider .owl-next {
		top: inherit;
		bottom: -60px;
	}
	.cases-slider .owl-controls .owl-prev {
		left: 25px;
	}
	.cases-slider .owl-controls .owl-next {
		right: 25px;
	}
	.section-cases {
		padding-bottom: 75px;
	}
	.single-stap-container .icon-single-stap img {
    	width: 54px;
	}
	.wrap-full-550 {
		max-width: 100%;
	}
	.wrap-550 {
		max-width: 90%;
	}
	.wrap-big {
		max-width: 90%;
	}
	.section-faq .block-right,
	.section-faq .block-left {
		bborder-radius: 0px;
	}
	blockquote p {
		padding-left: 40px;
    	padding-right: 35px;	
	}
	.logo {
		left: 3%;
	}
	.header .col12 {
		height:  60px;
	}
	.logo {
		top: 5px;
	}
	.header .col12 {
		padding: 11px 3%;
	}
	.top-footer {
		padding-top: 280px;
	}
	/* .headertext-fp h1 {
		font-size: 1em;
	} */
	body, a.button, .button, span.button, a.button-white, .button-white, span.button-white, a.button-dark, .button-dark, span.button-dark, a.button-outline, .button-outline, span.button-outline, a.button-outline-dark, .button-outline-dark, span.button-outline-dark, input[type="button"], input[type="reset"], input[type="submit"],
	select, input[type="text"], input[type="email"], input[type="password"], input[type="date"], input[type="tel"], textarea, button {
		font-size:  13px;
	}
	.employees-slider .owl-item .employee-img {
		width: 100%;
	}
	.employees-slider .owl-item {
		padding-left: 0px;
	}
	.employees-slider .owl-item .col12 {
		padding: 5px;
	}
	.section-testimonials .owl-buttons {
		display: none;
	}
	.section-usps .text {
		margin-left: 20px;
	}
	.logo img {
		height: 45px;
	}

}
@media only screen and (max-width:480px) {
	.col12-xs-480{
		width: 100%
	}
	.col11-xs-480{
		width: 91.66666667%
	}
	.col10-xs-480{
		width: 83.51515133%
	}
	.col9-xs-480{
		width: 75%
	}
	.col8-xs-480{
		width: 66.66666667%
	}
	.col7-xs-480{
		width: 58.51515133%
	}
	.col6-xs-480{
		width: 50%
	}
	.col5-xs-480{
		width: 41.66666667%
	}
	.col4-xs-480 {
		width: 33.51515133%
	}
	.col3-xs-480{
		width: 25%
	}
	.col2-xs-480{
		width: 16.66666667%
	}
	.col1-xs-480
	{
		width: 8.51515133%
	}
	.p-20-400 {
		padding: 20px;
	}
	.hide-480 {
		display:none;
	}
	.show-480 {
		display:block;
	}
	.section-faq .block-left
	{
		padding: 30px 10px 10px 10px;
	}
	.section-faq .block-right {
		padding: 10px 10px 30px 10px;
	}
	.section-faq a:before {
		margin-left: 7px;
    	margin-right: 7px;
	}
	.faq-content {
		padding: 30px 30px 30px 30px;
	}
	.contact-block-footer {
		padding: 30px;
	}
	.section-faq h3 {
    	margin-bottom: 1em;
	}	
	.services-info,
	.samples-info {
	    left: 5%;
	    width: 90% !important;
	}
	.testimonial-content {
		padding: 40px 40px 40px 40px;
	}
	.testimonial-slide {
    	padding: 20px 20px 60px 20px;
	}
	.section-testimonials blockquote:after {
		right: -21px;
	    bottom: -4px;
	}
	.client-block, .employee-block {
		bottom: 30px;
	}
	.slider-content {
		width: 80%;
	}
	.shape {
		width: 90%;
	}
	.section-intro h3{
		font-size: 1.4em;
	}
	.big-quote blockquote:after{
		right: 0;
	}
	h2, .h2 {
    	 font-size: 1.7em !important;
	}
	/* h3, .h3 {
    	font-size: 1.4em;
	} */
	h4, .subtext-fp {
		font-size: 1.1em;
		line-height: 1.75em;
	}
	.fp-video {
		z-index: 3;
	}
	#video-background,
	.gradient {
    	max-height: 350px;
    	z-index: 4;
	}
	.home .slide-content-title {
 	    position: relative;
		background: #bb161d;
    	/* background-image: url(/wp-content/uploads/2019/12/red-corner-upper-left-home.svg); */
    	background-image: url(http://bangma.nl.iclicksapp.nl/wp-content/uploads/2020/06/header.svg);
    	background-size: contain;
    	background-repeat: no-repeat;
    	background-size: cover;
    	z-index: 4;
    	background-position: top;
	}
	.slider-content-fp {
		margin-top: 25px;
	}
	.shape-fp {
		min-height: 0px;
		background-image:none !important;

	}
	.page-template-template-lp-branche .shape,
	.page-template-template-about-us .shape,
	.page-template-template-print-packaging .shape,
	.cases-template-default .shape,
	.page-template-template-default-packaging .shape {
		width: 80%;
	}
	.section-testimonials blockquote {
    	max-width: 70%;
	}
	.headertext-fp h1 {
		font-size: 2em;
	}
}
@media only screen and (max-width:400px) {
	.wrap {
		max-width: 90%;
	}
	.logo
	{
		width: 120px;
	}
	
	.video-url a
	{
		height: 75px;
		width: 75px;
		font-size: 25px;
		padding-top: 20px;
	}

	.minheight-800
	{
		height: 300px;
	}
	.col12-xs-400{
		width: 100%
	}
	.col11-xs-400{
		width: 91.66666667%
	}
	.col10-xs-400{
		width: 83.51515133%
	}
	.col9-xs-400{
		width: 75%
	}
	.col8-xs-400{
		width: 66.66666667%
	}
	.col7-xs-400{
		width: 58.51515133%
	}
	.col6-xs-400{
		width: 50%
	}
	.col5-xs-400{
		width: 41.66666667%
	}
	.col4-xs-400 {
		width: 33.51515133%
	}
	.col3-xs-400{
		width: 25%
	}
	.col2-xs-400{
		width: 16.66666667%
	}
	.col1-xs-400
	{
		width: 8.51515133%
	}
	.testimonial-content .client-info {
		bottom: 0px;
    	left: 0px;
	}
	.p-t-none-400 {
		padding-top: 0px;
	}
	/* 	.section-cases {
		max-height: 700px;
    	min-height: 700px;
	} */
	.cases-slider .owl-item img {
		    min-height: 200px;
	}
	.testimonial-slide {
		padding: 20px 10px 20px 10px;
	}
	.section-testimonials blockquote {
		font-size: 1.4em;
	}
	.slider-content {
				width: 100%;
	}
	.headerclass,
	.slider p {
		text-shadow: 1px 1px 5px #333;
	}
	.stripe {
		height: 30px;
	}
	#menu-main-mob-menu li .sub-menu a, #menu-main-mob-menu li a {
		font-size: 14px;
	}
	.headertext-fp h1, h1, .h1 {
		font-size: 1.8em;
	}
	.testimonial-content {
		max-height: 560px;
	}

}
@media only screen and (max-width:350px) { 
	.headertext-fp h1 {
	    font-size: 1.6em;
	}

}