/* CUSTOM RESPONSIVE AANPASSINGEN  */
@media only screen and (max-width:1200px) {
	.section-row-steps h4 span{
		max-width: 80%;
	}
	
	#section-row-footer-top .row-text-block-inner{
		padding: 40px 10px 0px 20px;
	}
}

@media only screen and (min-width: 2000px){
	#section-1-fp, #section-1-fp .gradient {
		height: calc(100vh - 220px) !important;
	}
}

@media only screen and (min-width:768px) {
	#section-1-fp, #section-1-fp .gradient{
		max-height: 700px;
		min-height: 600px;
	}
}

#section-row-vacatures .vacature .card{
	height: 340px !important;
}


.u-bent-advocaat .wpcf7-response-output{
	color: #fff !important;
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:2000px) {
#section-1-fp, #section-1-fp .gradient {
    height: calc(50vh - 220px);
}

}
@media only screen and (min-width:1320px) {
    .wrap{
        max-width: 1280px;
        min-height: 20px;
        box-sizing: border-box;
    }
    .wrap-small{
        max-width: 860px;
        min-height: 20px;
        box-sizing: border-box;
    }
    .wrap-full {
        max-width: 100%;
    }

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

}
@media only screen and (max-width:1440px) {
    .bg-block:after {
        right: -2%;
    }
}
@media only screen and (max-width:1320px) {
    .wrap{
        max-width: 96%;
    }
    .wrap-full {
        max-width: 100%;
    }
    .nav ul li a:link, .nav ul li a:visited, .nav ul li a:active {
        font-size: 16px;
    }
    .topheader a.button.button-outline,
    .phone-container {
        font-size: 14px;
        margin-bottom: 0;
    }
    #section-1-fp.header-lp{
        height: 300px !important;
    }
	
	#section-row-footer-top .col3,
    #section-row-footer-top .col3:nth-child(4n+1), 
    #section-row-footer-top .col3:nth-child(4n+4) {
      width: calc(100%/2 - 60px);
      margin: 20px 20px;
    }
	
}
@media only screen and (max-width:1200px) {
    
    .col12-1200{
        width: 100%
    }
    .col11-1200{
        width: 91.66666667%
    }
    .col10-1200{
        width: 83.33333333%
    }
    .col9-1200{
        width: 75%
    }
    .col8-1200{
        width: 66.66666667%
    }
    .col7-1200{
        width: 58.33333333%
    }
    .col6-1200{
        width: 50%
    }
    .col5-1200{
        width: 41.66666667%
    }
    .col4-1200 {
        width: 33.33333333%
    }
    .col3-1200{
        width: 25%
    }
    .col2-1200{
        width: 16.66666667%
    }
    .col1-1200
    {
        width: 8.33333333%
    }
    .m-t-0-1200 {
        margin-top:0px;
    }
    .bg-block:after {
        right: -2%;
    }
}
@media only screen and (min-width:1024px) and (max-width:1200px) {

}

@media only screen and (min-width:1024px) and (max-width:1350px) {
	.row-calc .m-r-xl{
		margin-right: 0;
	}
	
	.col12.row-calc{
		font-size: 14px;
	}
	
	.col12.row-calc div:nth-child(2){
		width: 55%;
	}
}

@media only screen and (max-width:1150px) {
/*     .header .nav ul li {
        padding: 0px 11px;
    } 
    #section-row-offer-lp .offer-info {
            max-height: 550px;    
    } */
    .nav ul li a:link, .nav ul li a:visited, .nav ul li a:active {
        font-size: 14px;
    }
    h2 {
        font-size: 36px;
    }
    #section-row-usps .p-r-lg {
        padding-right: 20px;
    }
    .m-l-xxl-150 {
        margin-left: 75px;
    }
}

@media only screen and (max-width:1024px) {
   
    /* START RESPONSIVE MENU  */
    .btn-stroke:hover.c-hamburger--htx.is-active span{
        background:none;
    }
    #mainmenu,
    #menu-main-menu-1{
        list-style:none;
        padding:0;
        margin:0;
    }

    #mainmenu li,
    #menu-main-menu-1 li{
        line-height: 40px;
        border-bottom: 1px solid rgba(255,255,255, 0.15);
    }
    #mainmenu li a,
    #menu-main-menu-1 li a{
        color:#fff;
        font-size:14px;
        display:block;
    }
    #menu-main-menu-1 .menu-item-has-children a:after,
    #mainmenu li.haschild > a:after,
    #menu-main-menu-1 li.haschild > a:after{
        content: '\f105';
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 17px;
        margin: 0 10px 0 0;
        float: right;
    }
    #menu-main-menu-1 .menu-item-has-children ul li a:after {
        display:none;
    }
    #mainmenu li a:hover,
    #menu-main-menu-1 li a:hover{
        /*color:#999;*/
    }

    #mainmenu li.current > a,
    #menu-main-menu-1 li.current > a{
        color: #ec7124;
    }
    #menu-main-menu-1 .sub-menu,
    #mainmenu .child,
    #menu-main-menu-1 .child{
        display:none;
        list-style:none;
        margin:0;
        padding: 0;
    }
    #menu-main-menu-1 .menu-item-has-children.active .sub-menu,
    #mainmenu .haschild.active .child,
    #menu-main-menu-1 .haschild.active .child{
        display:block;

    }
    #mainmenu .haschild.active .child ul.child,
    #menu-main-menu-1 .haschild.active .child ul.child{
        display:none;

    }
    #mainmenu .haschild.active .child .active ul.child,
    #menu-main-menu-1 .haschild.active .child .active ul.child{
        display:block;

    }
    #menu-main-menu-1 .menu-item-has-children,
    #mainmenu .haschild,
    #menu-main-menu-1 .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-menu-1 .menu-item-has-children.active,
    #mainmenu .haschild.active,
    #menu-main-menu-1 .haschild.active{
        /*position:absolute;*/
        top:0;
        left:0;
        right:0;
        bottom:0;
        padding:0;
        margin:0;
        background-color: #000;
        border-bottom:0;
        padding-top: 0px;
        z-index: 2;
    }
    #menu-main-menu-1 .page-4.haschild.active {
        height:400px;
    }
    #menu-main-menu-1 .page-5.haschild.active {
        height:1200px;
    }
    #menu-main-menu-1 .menu-item-has-children.active > a,
    #mainmenu .haschild.active > a,
    #menu-main-menu-1 .haschild.active > a{
        padding-left: 15px !important;
        color: #96c32a !important;
        border-bottom: 1px solid rgba(255,255,255, 0.15);
        font-weight: bold;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #menu-main-menu-1 .menu-item-has-children.active > a:before,
    #mainmenu .haschild.active > a:before,
    #menu-main-menu-1 .haschild.active > a:before{
        display:none;
    }
    #mainmenu .first-child .mobile-exit,
    #mainmenu .haschild.active .mobile-close,
    #menu-main-menu-1 .menu-item-has-children.active .mobile-close,
    #menu-main-menu-1 .first-child .mobile-exit,
    #menu-main-menu-1 .haschild.active .mobile-close{
        position: absolute;
        z-index: 2;
        cursor: pointer;
        float: right;
        font-size: 24px;
        background: #000;
        top: 0px;
        right: 0px;
        height: 46px;
        width: 46px;
        line-height: 49px;
        text-align: center;
        color: #fff !important;
        border-bottom: 1px solid rgba(255,255,255, 0.15);
    }

    #mainmenu .mobile-exit .c-hamburger,
    #menu-main-menu-1 .mobile-exit .c-hamburger{
        margin-left: 3px;
        margin-top: 2px;
    }
    #mainmenu .mobile-exit .c-hamburger span::before,
    #mainmenu .mobile-exit .c-hamburger span::after,
    #menu-main-menu-1 .mobile-exit .c-hamburger span::before,
    #menu-main-menu-1 .mobile-exit .c-hamburger span::after{
        background-color: #ffffff;
    }
    #menu-main-menu-1 .menu-item-has-children .mobile-close i,
    #mainmenu .haschild.active .mobile-close i,
    #menu-main-menu-1 .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;
    }

    .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;
    }
    .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;
      background:#fff;
      margin-left: 20px;
      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: #212121;
        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: #212121;
        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;
    }



    #mainmenu,
    #menu-main-menu-1{
        list-style:none;
        padding:0;
        margin:0;
        display: inline-block;
        width: 100%;
    }
    #menu-main-menu-1 .menu-item-has-children .mobile-close i,
    #mainmenu .haschild.active .mobile-close i,
    #menu-main-menu-1 .haschild.active .mobile-close i{
        pointer-events:none;
    }
    #menu-main-menu-1 ul {
        list-style:none !important;
        padding-left:0px;
    }
    #mainmenu li,
    #menu-main-menu-1 li{
        line-height: 1.8em;
        margin-bottom: 0.2em;
        padding: 4px 0px 4px 15px;
        position: initial;
    }
    #menu-main-menu-1 li .sub-menu a,
    #mainmenu li a,
    #menu-main-menu-1 li a{
        font-size:18px;
        ttext-transform:uppercase;
        color: #212121;
        display:block;
        cursor:pointer;
        text-align:left;
        min-height:inherit !important;
        ppadding: 8px 0px 4px 0px !important;
        font-weight:400;
    }
    #menu-main-menu-1 li .sub-menu a {
        padding: 0px !important;
    }
    #menu-main-menu-1 .wpml-ls-menu-item {
        margin-top:10px;
        padding: 0px 0px 0px 15px;
    }
    #mainmenu ul li,
    #menu-main-menu-1 ul li
    {
        margin-bottom:0px;
    }
    .mobile-menu-container .icon-mail,
    .mobile-menu-container .icon-phone,
    .mobile-menu-container .icon-mail a,
    .mobile-menu-container .icon-phone a
    {
        color:#fff;
    }

    #mainmenu li a:hover,
    #mainmenu li:hover,
    #menu-main-menu-1 li a:hover,
    #menu-main-menu-1 li:hover
    {
        color:#96c32a;
    }

    #mainmenu li.current a,
    #menu-main-menu-1 li.current a{
        color:#fff;
    }

    .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: #fff;
        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 */
        -webkit-box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.35);
        -moz-box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.35);
        box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.35);
    }
    .off-screen{
        left:0;
    }

    .off-screen+* {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 5;
        width: 100%;
        overflow: hidden;
        /*
        -webkit-transform: translate3d(200px,0,0);
        transform: translate3d(200px,0,0);
        */
        -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;
    }

    /* END RESPONSIVE MENU  */

    .col12-s{
        width: 100%
    }
    .col11-s{
        width: 91.66666667%
    }
    .col10-s{
        width: 83.33333333%
    }
    .col9-s{
        width: 75%
    }
    .col8-s{
        width: 66.66666667%
    }
    .col7-s{
        width: 58.33333333%
    }
    .col6-s{
        width: 50%
    }
    .col5-s{
        width: 41.66666667%
    }
    .col4-s {
        width: 33.33333333%
    }
    .col3-s{
        width: 25%
    }
    .col2-s{
        width: 16.66666667%
    }
    .col1-s
    {
        width: 8.33333333%
    }
    .hide-1024 {
        display:none;
    }
    .show-1024 {
        display:block;
    }
    /* .header,
    .info-menu-header {
        padding-top: 0px; 
        height: 85px; 
    } */

    .header {
        height: 85px;
        padding-top: 0;
        /* top: 0;
        left: 0px;
        position: fixed; */
        -webkit-box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.35);
        -moz-box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.35);
        box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.35);
        z-index: 1000;
        background-color: #fff;
        width: 100%;
    }

    .info-menu-header {
        height: 85px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .phone-container {
        margin-right: 20px;
    }
    .logo {
        top: 15px;
        width: 175px;
        position: absolute;
        z-index: 10;
    }
    .logo img {
        max-width: 175px;
    }
    a.phone {
        margin-right: 20px;
    }
    .middle-footer-right .widgetbar, .bottom-footer .widgetbar-inner-2, .bottom-footer .widgetbar-inner-3, .bottom-footer .widgetbar-inner-4 {
        float: inherit;   
    }
    .p-b-xxl {
        padding-bottom: 50px;
    }
     .p-t-xxl {
        padding-top: 50px;
    }
    #section-primary_blocks .primary-blocks-block {
        padding: 60px 30px 30px 30px;
    }
    #section-primary_blocks .col4,
    #section-row-steps .col4 {
      width: calc(100%/3 - 23px/3);
      margin-right: 10px;
      margin-left: 10px;
    }
    #section-primary_blocks .col4:nth-child(1),
    #section-row-steps .col4:nth-child(1) {
      margin-right: 10px;
      margin-left: 0px;
    }
    #section-primary_blocks .col4:nth-child(3),
    #section-row-steps .col4:nth-child(3) {
      width: calc(100%/3 - 76px/3);
      margin-right: 0px;
      margin-left: 10px;
    }
    h2 {
      font-size: 34px;
    }
    #section-row-start-incasso .row-text-block {
        padding: 40px 60px 40px 50px;
    }
    .bg-block:after {
        right: 0%;
    }
    .down .mobile-menu {
        top: 2px!important;
    }
    .header-pusher {
        height: 80px!important;
    }
}

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


@media only screen and (max-width:999px) {
    .col6-s-999 {
        width: 50%
    }
    #section-row-footer-top .col3,
    #section-row-footer-top .col3:nth-child(4n+1), 
    #section-row-footer-top .col3:nth-child(4n+4) {
      width: calc(100%/2 - 30px);
      margin: 20px 20px;
    }
    #section-row-footer-top .col3:nth-child(2n+1) {
        margin: 20px 20px 20px 0px;
    }
    #section-row-footer-top .col3:nth-child(2n+2) {
        margin: 20px 0px 20px 20px;
    }
    .col12-s-999 {
        width: 100%;
    }
    .p-l-0-999 {
        padding-left: 0px;
    }
    .p-r-n-999 {
        padding-right: 0px;
    }
}
@media only screen and (max-width:920px) {
    .hide-920 {
        display:none;
    }
}
@media only screen and (max-width:900px) {
  
    .col12-s-900{
        width: 100%
    }
    .col11-s-900{
        width: 91.66666667%
    }
    .col10-s-900{
        width: 83.33333333%
    }
    .col9-s-900{
        width: 75%
    }
    .col8-s-900{
        width: 66.66666667%
    }
    .col7-s-900{
        width: 58.33333333%
    }
    .col6-s-900{
        width: 50%
    }
    .col5-s-900{
        width: 41.66666667%
    }
    .col4-s-900 {
        width: 33.33333333%
    }
    .col3-s-900{
        width: 25%
    }
    .col2-s-900{
        width: 16.66666667%
    }
    .col1-s-900
    {
        width: 8.33333333%
    }
    .hide-900 {
        display:none;
    }
    .show-900 {
        display:block;
    }
    .phone-container {
        margin-right: 5px;
    }
    .p-0-none{
        padding: 0!important;
    }
    .p-t-xl {
        padding-top: 40px;
    }
    .p-l-0-900 {
        padding-left: 0px;
    }
    h2 {
        font-size: 26px;
    }
    #section-row-start-incasso .row-text-block {
        margin-top: 0px;
    }
    form#cp_calculatedfieldsf_pform_1 #fieldlist_1 .fields {
        width: 50%;
    }
    #section-row-steps .col4,
    #section-row-steps .col4:nth-child(1),
    #section-row-steps .col4:nth-child(3) {
      width: 100%;
      margin-right: 0px;
      margin-left: 0px;
    }
    #section-row-steps .col4:nth-child(2),
    #section-row-steps .col4:nth-child(3) {
      margin-top: 4%;
    } 
    .bg-block:after {
        display: none;
    }
	
	
	
}

@media only screen and (min-width:800px) and (max-width: 900px) {


}

@media only screen and (max-width:800px) {
    .row-5-frontpage .formulier {
        width: 100%;
    }   
    .single-stap
    {
        width: 42.5%;
        padding-right: 0;
    }
    .col-24p
    {
        width: 48%;
    }
    .p-projects
    {
        padding: 20px;
    }
    .col12-s-800{
        width: 100%
    }
    .col11-s-800{
        width: 91.66666667%
    }
    .col10-s-800{
        width: 83.33333333%
    }
    .col9-s-800{
        width: 75%
    }
    .col8-s-800{
        width: 66.66666667%
    }
    .col7-s-800{
        width: 58.33333333%
    }
    .col6-s-800{
        width: 50%
    }
    .col5-s-800{
        width: 41.66666667%
    }
    .col4-s-800 {
        width: 33.33333333%
    }
    .col3-s-800{
        width: 25%
    }
    .col2-s-800{
        width: 16.66666667%
    }
    .col1-s-800
    {
        width: 8.33333333%
    }
    .hide-800 {
        display:none;
    }
    .show-800 {
        display:block;
    }
    #section-row-offer-lp .col4 {
        width: 100%;
    }
    #section-row-offer-lp .offer-info {
        max-width: inherit;
        min-height: inherit;
    }
    #section-row-offer-lp .offer-lp:nth-child(2) {
        margin-top:  35px;
    }
    [data-aos^=fade][data-aos^=fade] {
        opacity: 1;
        transform: translateZ(0);
    }
    #section-row-offer-lp .col4:nth-child(2n+2),
    #section-row-offer-lp .col4:nth-child(2n+1) {
        margin-left:  35px;
    }
    #section-row-product-char .product-char-image {
        margin-top: 25px;
        margin-bottom: 25px;  
    }
    .section.header-lp h1,
    .section.header-default-lp h1,
    .section.header-post-lp h1 {
        font-size: 50px;
    }
}

@media only screen and (min-width:768px) {
    .tekst-header-homepage {
        margin-top: 100px;
    }
}

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

	.woocommerce-message .button:after,
	.place-order .button:after
	{
		display: none !important;
	}
	#map iframe
	{
		height: 250px !important;
	}
	.footer
	{
		padding-top: 75px;
		padding-bottom: 5px;
	}
    .col12-768{
        width: 100%
    }
    .col11-768{
        width: 91.66666667%
    }
    .col10-768{
        width: 83.33333333%
    }
    .col9-768{
        width: 75%
    }
    .col8-768{
        width: 66.66666667%
    }
    .col7-768{
        width: 58.33333333%
    }
    .col6-768{
        width: 50%
    }
    .col5-768{
        width: 41.66666667%
    }
    .col4-768 {
        width: 33.33333333%
    }
    .col3-768{
        width: 25%
    }
    .col2-768{
        width: 16.66666667%
    }
    .col1-768
    {
        width: 8.33333333%
    }
    .hide-768 {
        display: none;
    }
    .flexvertical-768 {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #section-primary_blocks {
        /*margin-top: -30vh;*/
    }
    .section-row-steps .flexlist .flexitem:nth-child(1):after, .section-row-steps .flexlist .flexitem:nth-child(2):after {
        display: none;
    }
    /*.section-row-intro {
        padding-top: 930px;
    }*/
    .home .section-row-intro {
        padding-top: 160px;
    }
    h1.h2 {
        font-size: 32px;
    }
    .p-r-n-768{
        padding-right: 0!important;
    }
    .col4.step-1 {
        padding-right: 0!important;
    }
    .m-t-lg-768 {
        margin-top: 30px;
    }
    .post .row.pl-5,
    .post .post_thumbnail {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    #section-1-fp, #section-1-fp .gradient {
        max-height: 600px;
    }
}
@media only screen and (min-width:0px) and (max-width: 767px) {
    #section-primary_blocks .col4,
    #section-row-steps .col4,
    #section-primary_blocks .col4:nth-child(1),
    #section-row-steps .col4:nth-child(1),
    #section-primary_blocks .col4:nth-child(3),
    #section-row-steps .col4:nth-child(3) {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }
    #section-primary_blocks .primary-blocks-block {
        margin-top: 8%;
    }
    h2 {
        font-size: 42px;
    }
    #section-1-fp, #section-1-fp .gradient {
        height: 300px !important;
        position: relative;
    }
    #section-primary_blocks  .primary-blocks-block {
        max-width: 100%;
    }
    .m-t-4p-768 {
        margin-top: 8%;
    }
    .p-b-xl-150 {
        padding-bottom: 75px;
    }
}

@media only screen and (max-width:670px) {
    ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%!important;
    }
    .wrap {
        max-width: 94%;
    }
    .col12-xs
    {
        width: 100%
    }
    .col11-xs{
        width: 91.66666667%
    }
    .col10-xs{
        width: 83.33333333%
    }
    .col9-xs{
        width: 75%
    }
    .col8-xs{
        width: 66.66666667%
    }
    .col7-xs{
        width: 58.33333333%
    }
    .col6-xs{
        width: 50%
    }
    .col5-xs{
        width: 41.66666667%
    }
    .col4-xs {
        width: 33.33333333%
    }
    .col3-xs{
        width: 25%
    }
    .col2-xs{
        width: 16.66666667%
    }
    .col1-xs
    {
        width: 8.33333333%
    }
    .hide-670 {
        display:none;
    }
    .show-670 {
        display:block;
    }
    #section-row-offer .col4 {
        width: 100%;
    }
    #section-row-offer .col4:nth-child(2n+1),
    #section-row-offer .col4:nth-child(2n+2) {
        margin-right: 0px;
        margin-left: 0px;
    }
    .border-right-dash:after {
        background-image: inherit;
    }
    .p-l-0-670 {
        padding-left: 0px;
    }
    #section-row-referral .ref-image img {
        max-width: 100px;   
    }
    .masonry {
        display: block;
        padding-bottom: 20px
    }
    .masonry .cell {
       margin-bottom: 20px;
    }
    #section-header-default-lp.header-default-lp, 
    #section-header-default-lp.header-default-lp .gradient, 
    #section-header-post-lp.header-post-lp, 
    #section-header-post-lp.header-post-lp .gradient{
        height: 280px !important;
    }
    .m-b-xxl-670{
        margin-bottom: 50px!important;
    }
    #section-row-contact form input, #section-row-contact form textarea, #section-row-contact form select,
    form input, form textarea, form select{
        padding-left: 15px;
    }
    #section-row-contact .form-container form label{
        margin-left: 15px!important;
    }
    #section-row-login form label{
        padding-left: 15px!important
    }

    body, .col12.row-calc, form#cp_calculatedfieldsf_pform_1 #fbuilder .large,p {
        font-size: 14px;
    }

    h3, .h3 {
        font-size: 26px;
    }
    #section-row-btag .col6 {
        padding: 2% 0px;
    }
	
	#section-row-vacatures .vacature .card{
		height: 320px !important;
	}
}
@media only screen and (max-width:600px) {
    .hide-600 {
        display:none;
    }

}
@media only screen and (max-width:550px) {
    .col12-xxs
    {
        width: 100%
    }
    form .form-buttons-wrap input {
        max-width: inherit;
        position: inherit;
        bottom: 0px;
        left: 0px;
    }
    #section-row-footer-top .col3,
    #section-row-footer-top .col3:nth-child(4n+1), 
    #section-row-footer-top .col3:nth-child(4n+4),
    #section-row-footer-top .col3:nth-child(2n+1),
    #section-row-footer-top .col3:nth-child(2n+2) {
        width: 100%;
        margin: 0px;
    }
    .p-b-xl-150 {
        padding-bottom: 40px;
    }
    .estab-wrap img {
        max-height: 250px;
        width: 100%;
        object-fit: cover;
    }
    .row-calc {
        font-size: 0.8em;
    }
    .p-t-xxl-110 {
        padding-top: 30px;
    }
    .mobile-menu-container {
        left: -70%;
        width: 70%!important;

    }
    .off-screen {
        left: 0;
    }
    .section.header-lp h1,
    .section.header-default-lp h1,
    .section.header-post-lp h1 {
        font-size: 40px;
    }
    #section-1-fp.header-lp,
    #section-1-fp.geader-lp .gradient {
        height: 280px !important;
    }
    .section-row-usps {
        text-align: center;
    }
    #wpcf7-f996-o1 form,
    #wpcf7-f949-o1 form{
        width: 100%;
    }
    #wpcf7-f996-o1 form label,
    #wpcf7-f949-o1 form label {
        padding-left: 15px;
    }
    #wpcf7-f996-o1 form .col,
    #wpcf7-f949-o1 form .col {
        flex-basis: auto;
    }
    #section-row-contact .form-container {
        padding-top: 50px !important;
    }
    #section-row-contact .form-container form .submit-small {
        width: 100%;
    }
}
@media only screen and (max-width:480px) {
    .info-menu-header{
        width: 100%;
    }
    #section-row-referral .ref-image {
        width: 50%;   
    }
    form#cp_calculatedfieldsf_pform_1 #fieldlist_1 .fields {
        width: 100%;
    }


}
@media only screen and (max-width:400px) {
    h2 {
        font-size: 32px;
    }
    h3 {
        font-size: 26px;
    }
    .row-calc {
        font-size: 0.6em;
    }
    .section.header-lp h1, .section.header-default-lp h1, .section.header-post-lp h1 {
        font-size: 32px;
    }
    .p-t-xl {
        padding-top:20px;
    }
    .p-b-30 {
        padding-bottom: 30px;
    }

}

@media only screen and (min-width: 1024.99px) {
    body {
        margin-top: 220px;
    }

}