@media screen and (min-width:1241px) and (max-width:1500px)
{
	/* Home page */
	.reviews-section .reviews-slider{
		max-width: 1110px;
	}
	.hero-section h2{
		font-size: 51px;
	}
	.hero-content h1{
		font-size: 67px;
		line-height: 67px;
	}
	.services-header{
		max-width: 48%;
		left: 7%;
	}
	.services-section-t .slider-cls{
		transform: translateX(18%);
	}
	.slider-cls .service-item{
		height: 620px;
	}
	.slider-cls .service-item h3{
		font-size: 20px;
	}

	/* Over Ons */
	.about-box .text{
		padding: 40px 50px 40px 60px;
	}
	.about-box .text p{
		margin-bottom:20px;
	}
	.about-box-one.about-box .d-flex.aic{
		align-items: unset;
	}

	/* wat-doen-we */
	.wat-sec-main .text{
		padding: 70px 50px;
	}
	.wat-sec-main.wat-sec-two .text{
		padding: 70px;
	}

	/* contact us */
	.contact-form-cnctsec{
		padding-left: 80px;
		padding-right: 80px;
	}
	.row.contact-form-rw-mn .col-md-6 .contact-fill-form-mn, .row.contact-form-rw-mn .col-md-6 .contact-form-cnctsec{
		padding-top: 100px;
		padding-bottom: 80px;
	}
	.contact-fill-form-mn{
		padding-left: 84px;
		padding-right: 100px;
	}
	.cnct-hed-p h2{
		font-size: 57px;
	}
}

@media screen and (min-width:1025px) and (max-width:1240px)
{
	.about-us-cls .head h2,
	.services-header h2,
	.contact-section h2,
	.success-cls .head h2,
	.reviews-section .main-title,
	.aanpak-cls .head h2, 
	.about-box-two.about-box .text h2,
	.product-detail .left-part h2,
	.other-project-cls h2{
		font-size: 54px;
		line-height: 54px;
	}

	/* Home page */
	.reviews-section .reviews-slider{
		max-width: 890px;
	}
	.hero-section h2{
		font-size: 48px;
	}
	.hero-section:before{
		width: 45%;
	}
	.hero-section .hero-content p{
		max-width: 40%;
	}
	.hero-section .container{
		width: 98%;
	}
	.hero-content h1{
		font-size: 60px;
		line-height: 60px;
	}
	.services-header{
		max-width: 47%;
		left: 2%;
	}
	.services-section-t .slider-cls{
		transform: translateX(15%);
		max-width: 85%;
	}
	.slider-cls .service-item{
		height: 580px;
	}
	.slider-cls .service-item h3{
		font-size:18px;
		width: 80%;
	}
	.slider-cls .slide-arrow img{
		height: 21px;
	}
	.service-card{
		padding: 60px 40px 40px 40px;
	}
	.service-card a{
		margin-top: 30px;
	}
	.service-card h3{
		font-size: 19px;
	}
	.about-us-cls{
		padding: 120px 0;
	}
	.about-us-cls .main-content .box{
		padding: 22px 60px;
	}
	.about-us-cls .main-content .box p br{
		display: none;
	}
	.services-header p{
		font-size: 17px;
	}
	.contact-section{
		padding: 100px 0 50px;
	}
	.success-cls{
		padding: 120px 0 60px;
	}
	.success-cls .main-content .box img{
		height: 300px;
	}
	.success-cls .main-content .box h3{
		font-size: 22px;
	}
	.success-cls .main-content .box p{
		font-size: 16px;
		line-height: 26px;
	}
	.success-cls .main-content{
		padding: 40px 0 0;
	}
	.reviews-section{
		padding: 40px 0 140px;
	}
	.reviews-section .review-item{
		padding: 0px 15px;
	}
	.reviews-section .slick-dots{
		bottom: -70px;
	}
	.reviews-section .slide-arrow{
		height: 50px;
		width: 50px;
	}
	.reviews-section .slide-arrow img{
		height: 32px;
	}
	footer .footer-logo img{
		max-width: 180px;
	}
	footer .footer-content{
		margin-bottom: 90px;
	}

	/* Over Ons */
	.about-box .text{
		padding: 30px;
	}
	.about-box .text p{
		margin-bottom:18px;
	}
	.about-box .d-flex.aic{
		align-items: unset;
	}
	.aanpak-cls{
		padding: 70px 0;
	}
	.aanpak-cls .main-content .box{
		margin: 0 15px;
	}
	.about-box-two.about-box .text{
		padding: 30px 30px;
	}

	/* wat-doen-we */
	.wat-sec-main .text{
		padding: 70px 50px;
	}
	.wat-sec-main.wat-sec-one .text{
		padding-right: 50px;
	}
	.wat-sec-main.wat-sec-two .text{
		padding: 50px;
	}
	.wat-sec-main .text h2{
		font-size: 50px;
		line-height: 50px;
	}

	/* projecten */
	.galler-cls{
		padding: 70px 0 80px;
	}
	.galler-cls .container{
		width: 90%;
	}

	/* contact us */
	.contact-form-cnctsec{
		padding-left: 60px;
		padding-right: 60px;
	}
	.row.contact-form-rw-mn .col-md-6 .contact-fill-form-mn, .row.contact-form-rw-mn .col-md-6 .contact-form-cnctsec{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.contact-text{
		padding: 90px;
	}
	.contact-fill-form-mn{
		padding-left: 64px;
		padding-right: 60px;
	}
	.cnct-hed-p h2,
	.contact-form-cnctsec h2{
		font-size: 52px;
		line-height: 52px;
	}

	/* project-details */
	.big-slider-cls .abs-cls .box{
		height: 80px;
		width: 110px;
	}
}

@media screen and (min-width:992px) and (max-width:1024px)
{
	.about-us-cls .head h2,
	.services-header h2,
	.contact-section h2,
	.success-cls .head h2,
	.reviews-section .main-title,
	.aanpak-cls .head h2, 
	.about-box-two.about-box .text h2,
	.product-detail .left-part h2,
	.other-project-cls h2{
		font-size: 50px;
		line-height: 50px;
	}

	/* Home page */
	.reviews-section .reviews-slider{
		max-width: 850px;
	}
	.hero-section h2{
		font-size: 28px;
	}
	.hero-section:before{
		width: 45%;
	}
	.hero-section .hero-content p{
		max-width: 40%;
	}
	.hero-section .container{
		width: 98%;
	}
	.hero-content h1{
		font-size: 55px;
		line-height: 55px;
	}
	.social-icons a img{
		height: 20px;
	}
	.services-header{
		max-width: 47%;
		left: 2%;
	}
	.services-section-t .slider-cls{
		transform: translateX(15%);
		max-width: 85%;
	}
	.slider-cls .service-item{
		height: 580px;
	}
	.slider-cls .service-item h3{
		font-size:18px;
		width: 80%;
	}
	.slider-cls .slide-arrow img{
		height: 21px;
	}
	.service-card{
		padding: 40px 30px 30px 20px;
	}
	.service-card a{
		margin-top: 30px;
	}
	.service-card h3{
		font-size: 19px;
	}
	.about-us-cls{
		padding: 90px 0;
	}
	.about-us-cls .main-content .box{
		padding: 22px 60px;
	}
	.about-us-cls .main-content .box p br{
		display: none;
	}
	.services-header p{
		font-size: 17px;
	}
	.contact-section{
		padding: 100px 0 50px;
	}
	.success-cls{
		padding: 120px 0 60px;
	}
	.success-cls .main-content .box img{
		height: 300px;
	}
	.success-cls .main-content .box h3{
		font-size: 22px;
	}
	.success-cls .main-content .box p{
		font-size: 16px;
		line-height: 26px;
	}
	.success-cls .main-content{
		padding: 40px 0 0;
	}
	.reviews-section{
		padding: 40px 0 140px;
	}
	.reviews-section .review-item{
		padding: 0px 15px;
	}
	.reviews-section .slick-dots{
		bottom: -70px;
	}
	.reviews-section .slide-arrow{
		height: 50px;
		width: 50px;
	}
	.reviews-section .slide-arrow img{
		height: 32px;
	}
	footer .footer-logo img{
		max-width: 180px;
	}
	footer .footer-content{
		margin-bottom: 90px;
	}
	.services-section-t{
		padding: 60px 0 80px;
	}
	.reviews-section .review-text{
		font-size: 16px;
	}
	footer .footer-section ul li a,
	footer .footer-section ul li{
		font-size: 16px;
	}
	footer .social-links a{
		font-size: 25px;
		margin-bottom: 9px;
	}
	footer .footer-section h3{
		font-size: 17px;
		margin-bottom: 18px;
	}

	/* Over Ons */
	.about-box .text{
		padding: 30px;
	}
	.about-box .text p{
		margin-bottom:18px;
	}
	.about-box-one.about-box .img img, .about-box-one.about-box .img{
		min-height: 950px;
	}
	.aanpak-cls{
		padding: 70px 0;
	}
	.aanpak-cls .main-content .box{
		margin: 0 15px;
	}
	.about-box-two.about-box .text{
		padding: 30px 30px;
	}
	.hero-section.sub-p-banner h1{
		font-size: 52px;
		line-height: 52px;
	}

	/* wat-doen-we */
	.wat-sec-main .text{
		padding: 70px 50px;
	}
	.wat-sec-main.wat-sec-one .text{
		padding-right: 50px;
	}
	.wat-sec-main.wat-sec-two .text{
		padding: 50px;
	}
	.wat-sec-main .text h2{
		font-size: 47px;
		line-height: 47px;
	}

	/* projecten */
	.galler-cls{
		padding: 70px 0 80px;
	}
	.galler-cls .container{
		width: 90%;
	}

	/* contact us */
	.contact-form-cnctsec{
		padding-left: 40px;
		padding-right: 40px;
	}
	.row.contact-form-rw-mn .col-md-6 .contact-fill-form-mn, .row.contact-form-rw-mn .col-md-6 .contact-form-cnctsec{
		padding-top: 70px;
		padding-bottom: 80px;
	}
	.contact-text{
		padding: 70px;
	}
	.contact-fill-form-mn{
		padding-left: 40px;
		padding-right: 40px;
	}
	.cnct-hed-p h2,
	.contact-form-cnctsec h2,
	.contact-text h2{
		font-size: 52px;
		line-height: 52px;
	}
	.contact-text h2{
		margin-bottom: 23px;
	}

	/* project-details */
	.big-slider-cls .abs-cls .box{
		height: 80px;
		width: 110px;
	}
}

@media screen and (min-width:768px) and (max-width:991px)
{
	.navbar-toggler:focus{
		box-shadow: none;
	}
	.navbar-toggler{
		padding: 0;
		border: 0;
		position: relative;
		width: 38px;
		height: 30px;
		transform: none;
	}
	.navbar-toggler span{
		height: 4px;
		width: 100%;
		background: #D7CEB9;
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		transition: all 0.3s;
		transform: none;
	}
	.nav-active .navbar-toggler span.one-line{
		transform: rotate(45deg);
		bottom: 0;
	}
	.nav-active .navbar-toggler span.two-line{
		transform: translateX(-40px);
		opacity: 0;
		visibility: hidden;
	}
	.nav-active .navbar-toggler span.three-line{
		transform: rotate(-45deg);
		top: 0;
	}
	.navbar-toggler span.one-line{
		top: 0
	}
	.navbar-toggler span.two-line{
		top: 0;
		bottom: 0;
	}
	.navbar-toggler span.three-line{
		bottom: 0;
	}
	.navbar{
		position: absolute;
		left: 0;
		right: 0;
		width: 100%;
		margin: auto;
		transition: all 0.5s;
		z-index: 111111;
		top: 0;
	}
	.nav-active .navbar,
	.nav-active .hero-section.sub-p-banner .navbar{
		position: fixed;
		height: 100%;
		overflow-y: auto;
		bottom: 0;
    	scrollbar-color: #D7CEB9 #243847;
	}
	.hero-section{
		align-content: end;
		min-height: 750px;
	}
	.nav-active .lang-btn,
	header .normal-cls{
		display: block;
	}
	nav .b-box{
		display: flex;
		align-items: center;
		gap: 40px;
	}
	.hero-section .navbar select, .lang-btn select{
		font-size: 16px;
	}
	.mousefollower{
		display: none!important;
	}
	.nav-active .navbar{
		background: #243847;
	}
	.hero-section .navbar li{
		width: 100%;
	}
	.hero-section .navbar li select{
		display: none;
	}
	.hero-section .navbar li a{
		font-size: 35px!important;
		color: #D7CEB9;
		text-transform: uppercase;
		margin: 8px 0!important;
		padding: 0!important;
		font-weight: 700;
	}
	.hero-section .navbar ul
	{
		margin: 60px 0 20px;
	}
	header .normal-cls h5,
	header .normal-cls a{
		width: 100%;
		color: #fff;
		font-size: 18px;
		font-weight: 400;
		margin: 15px 0;
		display: block;
	}
	.normal-cls .social-icons{
		margin-top: 0;
		gap: 25px;
		justify-content: left;
	}
	.normal-cls .social-icons a{
		width: fit-content;
		font-size: 35px;
		color: #D7CEB9;
	}

	.about-us-cls .head h2,
	.services-header h2,
	.contact-section h2,
	.success-cls .head h2,
	.reviews-section .main-title,
	.aanpak-cls .head h2, 
	.about-box-two.about-box .text h2,
	.product-detail .left-part h2,
	.other-project-cls h2{
		font-size: 42px;
		line-height: 42px;
	}

	/* Home page */
	.reviews-section .reviews-slider{
		max-width: 92%;
	}
	.reviews-section .slide-arrow.next-arrow{
		right: -30px;
	}
	.reviews-section .slide-arrow.prev-arrow{
		left: -30px;
	}
	.hero-section h2{
		font-size: 28px;
	}
	.hero-section:before{
		width: 52%;
	}
	.hero-section .hero-content p{
		max-width: 48%;
		font-size: 16px;
	}
	.hero-section .container{
		width: 98%;
	}
	.hero-content h1{
		font-size: 48px;
		line-height: 48px;
	}
	.social-icons a img{
		height: 20px;
	}
	.services-header{
		max-width: 60%;
		left: 2%;
	}
	.services-section-t .slider-cls{
		transform: translateX(18%);
		max-width: 80%;
	}
	.slider-cls .service-item{
		height: 580px;
	}
	.slider-cls .service-item h3{
		font-size:18px;
		width: 80%;
	}
	.slider-cls .slide-arrow img{
		height: 21px;
	}
	.service-card{
		padding: 30px 10px 20px 10px;
	}
	.service-card a{
		margin-top: 20px;
	}
	.btn-h:before{
		height: 16px;
		width: 16px;
	}
	.service-card:before{
		height: 112%;
	}
	.service-card h3{
		font-size: 16px;
	}
	.services-section h5{
		font-size: 14px;
	}
	.about-us-cls{
		padding: 60px 0 40px;
	}
	.about-us-cls .main-content:before{
		height: 70%;
	}
	.about-us-cls .main-content .box{
		padding: 12px 40px;
	}
	.about-us-cls .main-content .box p br{
		display: none;
	}
	.services-header p{
		font-size: 16px;
	}
	.contact-section{
		padding: 70px 0 30px;
	}
	.contact-section h3{
		font-size: 18px;
	}
	.contact-section p{
		font-size: 16px;
	}
	.success-cls{
		padding: 80px 0 60px;
	}
	.success-cls .main-content .box img{
		height: 300px;
	}
	.success-cls .main-content .box h3{
		font-size: 22px;
	}
	.success-cls .main-content .box p{
		font-size: 16px;
		line-height: 26px;
	}
	.success-cls .main-content{
		padding: 40px 0 0;
	}
	.reviews-section{
		padding: 40px 0 140px;
	}
	.reviews-section .review-item{
		padding: 0px 15px;
	}
	.reviews-section .slick-dots{
		bottom: -70px;
		width: 35%;
	}
	.reviews-section .slide-arrow{
		height: 40px;
		width: 40px;
	}
	.reviews-section .slide-arrow img{
		height: 28px;
	}
	footer .footer-logo img{
		max-width: 150px;
	}
	footer .footer-content{
		margin-bottom: 40px;
		grid-template-columns: repeat(2, 1fr);
		gap:60px;
	}
	.services-section-t{
		padding: 60px 0 80px;
	}
	.reviews-section .review-text{
		font-size: 16px;
	}
	footer .footer-section ul li a,
	footer .footer-section ul li{
		font-size: 15px;
	}
	footer .social-links a{
		font-size: 25px;
		margin-bottom: 9px;
	}
	footer .footer-section h3{
		font-size: 17px;
		margin-bottom: 18px;
	}
	.services-section .container{
		padding: 0;
	}
	.success-cls .slick-list {
		padding: 0!important;
	}
	footer .footer-links a{
		margin-left: 40px;
	}
	.slider-cls .slide-arrow.next-arrow{
		right: 19%;
	}
	
	/* Over Ons */
	.about-box .text{
		padding: 30px;
	}
	.about-box .text p{
		margin-bottom:18px;
	}
	.about-box-one.about-box .img img, .about-box-one.about-box .img{
		min-height: max-content;
	}
	.aanpak-cls{
		padding: 70px 0;
	}
	.aanpak-cls .main-content .box{
		margin: 0 10px;
		padding: 20px;
		min-height: 340px;
	}
	.about-box-two.about-box .text{
		padding: 30px 30px;
	}
	.aanpak-cls .main-content .box h4{
		font-size: 22px;
	}
	.aanpak-cls .main-content .box p{
		font-size: 16px;
	}
	.aanpak-cls .main-content .box p br{
		display: none;
	}
	.hero-section.sub-p-banner h1{
		font-size: 52px;
		line-height: 52px;
	}
	.nav-active nav.navbar.changeclr .logo {
        width: 100px;
        height: auto;
    }

	/* wat-doen-we */
	.wat-sec-main .text{
		padding: 70px 50px;
	}
	.wat-sec-main.wat-sec-one .text{
		padding-right: 50px;
	}
	.wat-sec-main.wat-sec-two .text{
		padding: 50px;
	}
	.wat-sec-main .text h2{
		font-size: 47px;
		line-height: 47px;
	}
	.wat-sec-main .col-lg-5,
	.wat-sec-main .col-lg-7{
		width: 100%;
	}
	.wat-sec-main.wat-sec-one.wat-b-one .d-flex,
	.wat-sec-main.wat-sec-one.wat-b-three .d-flex,
	.wat-sec-main.wat-sec-one.wat-b-five .d-flex{
		flex-direction: column-reverse;
	}

	/* projecten */
	.galler-cls{
		padding: 70px 0 80px;
	}
	.galler-cls .container{
		width: 90%;
	}
	.grid-item{
		height: 280px;
	}
	.overlay{
		padding: 20px 20px 28px 25px;
	}
	.grid-item:before{
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 17%) 50%, rgb(0 0 0 / 33%) 81%, rgb(0 0 0) 100%);
	}
	.grid-item.large{
		height: 540px;
	}
	.projecten-bnr.hero-section .navbar li a, .projecten-bnr.hero-section .navbar li select{
		color: #fff;
		font-weight: 700!important;
	}

	/* contact us */
	.contact-form-cnctsec{
		padding-left: 40px;
		padding-right: 40px;
	}
	.row.contact-form-rw-mn .col-md-6 .contact-fill-form-mn, .row.contact-form-rw-mn .col-md-6 .contact-form-cnctsec{
		padding-top: 70px;
		padding-bottom: 80px;
	}
	.contact-text{
		padding: 70px 0;
	}
	.contact-fill-form-mn{
		padding-left: 40px;
		padding-right: 40px;
	}
	.cnct-hed-p h2,
	.contact-form-cnctsec h2{
		font-size: 44px;
		line-height: 44px;
	}
	.input-type-form-mn textarea{
		padding-top:100px;
		height: 140px;
	}
	.contact-text h2{
		font-size: 52px;
		line-height: 52px;
	}
	.contact-text h2{
		margin-bottom: 23px;
	}

	/* project-details */
	.big-slider-cls .abs-cls .box{
		height: 80px;
		width: 110px;
	}
	.product-detail .right-part{
		max-width: 100%;
		margin-top: 50px;
	}
	.product-detail .right-part h4,
	.product-detail .right-part h5, 
	.product-detail .right-part h6{
		font-size: 21px;
	}

	.other-project-cls .slider-cls .slide-arrow{
		bottom: -80px;
	}
}

@media (max-width: 767px)
{	
	.navbar-toggler:focus{
		box-shadow: none;
	}
	.about-us-cls .main-content .col-12:first-child:before{
		display:none;
	}
	.navbar-toggler{
		padding: 0;
		border: 0;
		position: relative;
		width: 38px;
		height: 30px;
		transform: none;
	}
	.navbar-toggler span{
		height: 4px;
		width: 100%;
		background: #D7CEB9;
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		transition: all 0.3s;
		transform: none;
	}
	.nav-active .navbar-toggler span.one-line{
		transform: rotate(45deg);
		bottom: 0;
	}
	.nav-active .navbar-toggler span.two-line{
		transform: translateX(-40px);
		opacity: 0;
		visibility: hidden;
	}
	.nav-active .navbar-toggler span.three-line{
		transform: rotate(-45deg);
		top: 0;
	}
	.navbar-toggler span.one-line{
		top: 0
	}
	.navbar-toggler span.two-line{
		top: 0;
		bottom: 0;
	}
	.navbar-toggler span.three-line{
		bottom: 0;
	}
	.navbar,
	.hero-section.sub-p-banner .navbar{
		position: fixed;
		left: 0;
		right: 0;
		width: 100%;
		margin: auto;
		transition: all 0.5s;
		z-index: 111111;
		top: 0;
		padding: 0;
	}
	.nav-active .navbar,
	.nav-active .hero-section.sub-p-banner .navbar{
		height: 100%;
		overflow-y: auto;
		bottom: 0;
    	scrollbar-color: #D7CEB9 #243847;
	}
	.nav-active .navbar .navbar-collapse,
	.nav-active .hero-section.sub-p-banner .navbar .navbar-collapse{
		padding-bottom: 100px;
	}
	.hero-section{
		align-content: end;
		min-height: 570px;
	}
	.nav-active .lang-btn,
	header .normal-cls{
		display: block;
	}
	nav .b-box{
		display: flex;
		align-items: center;
		gap: 40px;
	}
	.hero-section .navbar select, .lang-btn select{
		font-size: 16px;
	}
	.mousefollower{
		display: none!important;
	}
	.nav-active .navbar{
		background: #243847;
	}
	.hero-section .navbar li{
		width: 100%;
	}
	.hero-section .navbar li select{
		display: none;
	}
	.hero-section .navbar li a{
		font-size: 35px!important;
		color: #D7CEB9;
		text-transform: uppercase;
		margin: 8px 0!important;
		padding: 0!important;
		font-weight: 700;
	}
	.hero-section .navbar ul
	{
		margin: 60px 0 20px;
	}
	header .normal-cls h5,
	header .normal-cls a{
		width: 100%;
		color: #fff;
		font-size: 18px;
		font-weight: 400;
		margin: 15px 0;
		display: block;
	}
	.normal-cls .social-icons{
		margin-top: 0;
		gap: 25px;
		justify-content: left;
	}
	.normal-cls .social-icons a{
		width: fit-content;
		font-size: 35px;
		color: #D7CEB9;
	}

	.about-us-cls .head h2,
	.services-header h2,
	.contact-section h2,
	.success-cls .head h2,
	.reviews-section .main-title,
	.aanpak-cls .head h2, 
	.about-box-two.about-box .text h2,
	.wat-sec-main .text h2,
	.other-project-cls h2,
	.product-detail .left-part h2{
		font-size: 40px;
		line-height: 40px;
	}

	/* Home page */
	.reviews-section .reviews-slider{
		max-width: 92%;
	}
	.reviews-section .slide-arrow.next-arrow{
		right: -7.7%;
	}
	.reviews-section .slide-arrow:hover{
		background: transparent;
	}
	.reviews-section .slide-arrow.prev-arrow{
		left: -7.7%;
	}
	.hero-section h2{
		font-size: 25px;
	}
	.hero-section:before{
		width: 100%;
	}
	.hero-section .hero-content p{
		max-width: 100%;
		font-size: 18px;
	}
	.social-icons .s-cls{
		display: none;
	}
	.social-icons{
		justify-content: center;
		margin-top: 15px;
	}
	.social-icons a{
		margin: 0;
	}
	.services-section{
		padding: 30px 0;
	}
	.hero-section .container{
		width: 100%;
		padding: 15px 20px 15px 25px;
		align-items: self-start;
	}
	.hero-content h1{
		font-size: 40px;
		margin: 15px 0 20px;
		line-height: 40px;
	}
	.hero-content h1 br{
		display: none;
	}
	.social-icons a img{
		height: 25px;
	}
	.services-header{
		max-width: 100%;
		padding: 0 10px 20px;
		position: unset;
	}
	.services-section-t .slider-cls{
		transform: translateX(2%);
		max-width: 100%;
	}
	.slider-cls .service-item{
		height: 580px;
	}
	.slider-cls .service-item h3{
		font-size:18px;
		width: 80%;
	}
	.slider-cls .slide-arrow img{
		height: 26px;
		object-fit: contain;
	}
	.service-card{
		padding: 15px 20px;
	}
	.service-card a{
		display: none;
	}
	.hero-content{
		margin-bottom:20px;
		margin-top: 200px;
	}
	.btn-h:before{
		height: 16px;
		width: 16px;
		bottom: 0;
	}
	.btn-h{
		font-size: 18px;
		padding: 7px 25px;
	}
	.service-card:before{
		display: none;
	}
	.service-card:hover h3, .service-card:hover a{
		color: #D7CEB9;
	}
	.service-card h3{
		font-size: 20px;
	}
	.services-section h5{
		font-size: 15px;
		margin-bottom: 15px;
	}
	.about-us-cls{
		padding: 60px 0 20px;
	}
	.about-us-cls .main-content:before{
		display: none;
	}
	.about-us-cls .main-content .box p,
	.about-us-cls .main-content .box.l-box p{
		text-align: center;
	}
	.about-us-cls .head h5{
		font-size: 18px;
	}
	.about-us-cls .main-content .box.l-box p{
		padding-bottom: 35px;
		margin-bottom: 20px;
		position: relative;
	}
	.about-us-cls .main-content .box.l-box p:before{
		content: '';
		width: 80%;
		height: 1px;
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		bottom: 0;
		background: #000;
	}
	.about-us-cls .main-content .box{
		padding: 12px 40px 0;
	}
	.about-us-cls .main-content .box p br{
		display: none;
	}
	.services-header p{
		font-size: 18px;
		max-width: 100%;
	}
	.contact-section{
		padding: 70px 0 30px;
	}
	.contact-section h3{
		font-size: 20px;
	}
	.contact-section p{
		font-size: 18px;
	}
	.contact-form{
		max-width: 100%;
	}
	.contact-form .form-control, 
	.contact-form .ff-el-form-control{
		padding: 12px 5px!important;
	}
	.contact-form .btn-h{
		margin: 40px auto 50px;
	}
	.contact-section .btn-h{
		margin:40px auto 50px!important;
	}
	.success-cls{
		overflow: hidden;
		padding: 80px 0 150px;
	}
	.success-cls .main-content .box img{
		height: 300px;
		width: 100%;
		object-fit: cover;
	}
	.success-cls .main-content{
		transform: translateX(-25%);
		padding: 40px 0 0;
	}
	.success-cls .main-content .box a{
		font-weight: 600;
	}
	.success-cls .main-content .slick-list{
		overflow: visible;
	}
	.reviews-section{
		padding: 40px 0 140px;
		overflow: hidden;
	}
	.reviews-section .review-item{
		padding: 0px 15px;
	}
	.reviews-section .slick-dots{
		bottom: -70px;
		width: 82%;
	}
	.reviews-section .slide-arrow{
		height: 40px;
		width: 40px;
	}
	.reviews-section .slide-arrow img{
		height: 28px;
	}
	footer .footer-logo img{
		max-width: 150px;
	}
	footer .footer-content{
		margin-bottom: 27px;
		grid-template-columns: repeat(1, 1fr);
		gap:35px;
	}
	.footer-logo{
		text-align: center;
		margin-bottom: 30px;
	}
	footer .container{
		padding: 0 40px;
	} 
	.services-section-t{
		padding: 50px 10px 100px;
	}
	footer .footer-section ul li a,
	footer .footer-section ul li{
		margin-bottom: 8px;
	}
	footer .footer-bottom p,
	footer .footer-bottom a{
		font-size: 14px;
		width: 100%;
		text-align: left!important;
		margin-bottom: 15px;
	}
	footer .footer-bottom{
		flex-wrap: wrap;
		margin-bottom: 10px;
		padding-top: 30px;
	}
	footer .footer-section h3{
		margin-bottom: 15px;
	}
	.services-section .container{
		padding: 0;
	}
	.success-cls .slick-list {
		padding: 0!important;
	}
	footer .footer-links a{
		margin-left: 0;
		width: 100%;
		display: block;
	}
	.services-section .col-md-4:last-child a{
		display: block;
		margin-top: 10px;
	}
	.slider-cls .slide-arrow.next-arrow{
		right: 20px;
		bottom: -90px;
		height: 48px;
		width: 48px;
	}
	.slider-cls .slide-arrow.prev-arrow{
		right: 75px;
		bottom: -90px;
		height: 48px;
		width: 48px;
	}
	.slider-cls .slick-dots{
		bottom: -45px;
		width:95%;
	}
	.success-cls .slider-cls .slick-dots li.slick-active button{
		background: #243847;
	}
	.success-cls .slider-cls .slick-dots{
		bottom: -75px;
		width: 70%;
		margin: auto;
		left: 40%;
		right: 0;
	}
	.success-cls .slider-cls .slick-dots li button{
		background: #D7CEB9;
	}
	.logo{
		width: 80px;
		height: auto;
		transition: all 0.5s;
	}
	
	nav.navbar.changeclr .logo{
		width: 42px;
		height: auto;
	}
	.navbar-brand{
		padding: 0;
	}
	.nav-active nav.navbar.changeclr .logo{
		width: 80px;
	}
	nav.navbar.changeclr .container{
		padding: 10px 20px 10px 25px;
		align-items: center;
		transition: all 0.5s;
	}
	.nav-active nav.navbar.changeclr .container{
		padding: 15px 20px 15px 25px;
	}
	nav.navbar:before{
		content: '';
		background: #243847;
		height: 100%;
		width: 100%;
		position: absolute;
		left: 0;
		right: 0;
		top:0;
		z-index: -1;
		transition: all 0.5s;
		transform: translateY(-100%);
	}
	nav.navbar.changeclr:before{
		transform: translateY(0);
	}

	/* Over Ons */
	.about-box .text{
		padding: 70px 30px;
	}
	.about-box .text p{
		margin-bottom:18px;
	}
	.about-box-one.about-box .img img, .about-box-one.about-box .img{
		min-height: max-content;
	}
	.aanpak-cls{
		padding: 70px 0;
	}
	.aanpak-cls .main-content .box{
		margin: 10px 25px;
		padding: 100px 20px 20px;
		min-height: fit-content;
	}
	.about-box-two.about-box .text{
		padding: 70px 30px;
	}
	.about-box-two.about-box .text h2{
		margin-bottom: 14px;
	}
	.aanpak-cls .main-content .box h4{
		font-size: 22px;
	}
	.aanpak-cls .main-content .box p{
		font-size: 16px;
	}
	.aanpak-cls .main-content .box p br{
		display: none;
	}
	.hero-section.sub-p-banner h1{
		font-size: 52px;
		line-height: 52px;
	}
	.hero-section.sub-p-banner .hero-content{
		margin: 0;
	}

	/* wat-doen-we */
	.wat-sec-main .text{
		padding: 50px 15px;
	}
	.wat-sec-main.wat-sec-one .text{
		padding-right: 15px;
	}
	.wat-sec-main.wat-sec-two .text{
		padding: 50px 15px;
	}
	.wat-sec-main .col-lg-5,
	.wat-sec-main .col-lg-7{
		width: 100%;
	}
	.wat-sec-main .text h2 br{
		display: none;
	}
	.wat-sec-main.wat-sec-one.wat-b-1 .d-flex,
	.wat-sec-main.wat-sec-one.wat-b-3 .d-flex,
	.wat-sec-main.wat-sec-one.wat-b-5 .d-flex{
		flex-direction: column-reverse;
	}
	.wat-sec-main .text p{
		line-height: 28px;
		padding-top: 10px;
	}


	/* projecten */
	.galler-cls{
		padding: 70px 0 80px;
	}
	.galler-cls .container{
		width: 100%;
		padding: 0 40px;
	}
	.grid-item{
		height: 280px;
	}
	.overlay{
		padding: 20px 20px 28px 25px;
	}
	.grid-item:before{
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 17%) 50%, rgb(0 0 0 / 33%) 81%, rgb(0 0 0) 100%);
	}
	.grid-item.large{
		height: 540px;
	}
	.overlay h3{
		font-size: 20px;
	}
	.overlay p{
		font-size: 16px;
	}
	.projecten-bnr.hero-section .navbar li a, .projecten-bnr.hero-section .navbar li select{
		color: #fff;
		font-weight: 700!important;
	}
	.hero-section.sub-p-banner.projecten-bnr .b-arw-cls img{
		filter: brightness(0) saturate(100%) invert(81%) sepia(24%) saturate(183%) hue-rotate(4deg) brightness(104%) contrast(120%);
	}


	/* contact us */
	.contact-form-cnctsec{
		padding-left: 20px;
		padding-right: 20px;
	}
	.row.contact-form-rw-mn .col-md-6 .contact-fill-form-mn, .row.contact-form-rw-mn .col-md-6 .contact-form-cnctsec{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.contact-text{
		padding: 70px 0 30px;
	}
	.contact-fill-form-mn{
		padding-left: 20px;
		padding-right: 20px;
	}
	.cnct-hed-p h2,
	.contact-form-cnctsec h2{
		font-size: 40px;
		line-height: 40px;
	}
	.address-mn-point h6,.address-mn-point p{
		font-size: 22px;
	}
	.input-type-form-mn textarea{
		padding-top:100px!important;
		height: 140px;
		margin-bottom: 40px!important;
	}
	.contact-us-main-one .fluentform .btn-h{
		margin: auto!important;
	}
	.contact-text h2{
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 15px;
	}
	.contact-text p{
		margin-bottom: 16px;
		width: 100%;
	}
	.cnct-hed-p,
	.input-type-form-mn.sbmit-btn-cnct button{
		text-align: center;
		margin: auto;
	}
	.input-type-form-mn.sbmit-btn-cnct button{
		margin-top: 30px;
	}
	nav.navbar.changeclr .logo, .hero-section.sub-p-banner.contact-head .changeclr .logo,
	.hero-section.sub-p-banner.projecten-detail nav.changeclr img.logo{
		height: auto;
	}
	.hero-section.sub-p-banner.contact-head .logo{
		height: auto;
	}

	/* project-details */
	.big-slider-cls .abs-cls .box{
		height: 100px;
		width: 19%;
	}
	.product-detail .right-part{
		max-width: 100%;
		margin-top: 50px;
	}
	.product-detail .right-part h4,
	.product-detail .right-part h5, 
	.product-detail .right-part h6{
		font-size: 25px;
	}
	.big-slider-cls .abs-cls{
		position: unset;
		margin: 20px auto 70px;
	}
	.big-slider-cls{
		height: auto;
	}
	.big-slider-cls .slider-for, .big-slider-cls .slider-for .box{
		height: 600px;
	}
	.other-project-cls .container{
		padding: 0;
	}
	.other-project-cls h2{
		padding: 0 15px;
	}
	.hero-section.sub-p-banner.projecten-detail{
		background: transparent;
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		z-index: 11111;
	}
	.product-detail{
		padding: 60px 0 70px;
	}
	.other-project-cls .box .text{
		bottom: 17px;
	}
	.other-project-cls .box:after{
		right: 10px;
		bottom: 10px;
	}
	.other-project-cls .slider-cls-main{
		padding-left: 10px;
	}
	.other-project-cls .box{
		width: 330px;
	}
	.arr-sec{
		bottom: 50px;
	}
	.other-project-cls .box h4{
		font-size: 15px;
		padding: 0 20px;
	}
	#fluentform-recaptcha-4-1{
		margin: auto;
		margin-bottom: 20px;
	}
}

@media screen and (max-width:575px)
{
	.success-cls .main-content{
		transform: translateX(-59%);
	}
	.success-cls .slider-cls .slick-dots{
		left: 73%;
	}

	/* Over Ons */
	.hero-section.sub-p-banner h1{
		font-size: 40px;
		line-height: 40px;
	}

	/* projecten */
	.grid-container{
		grid-template-columns:repeat(auto-fill, minmax(100%, 1fr));
	}
	.grid-item{
		height: 350px;
	}
	.grid-item.large{
		height: 570px;
	}
	.galler-cls .more-btn{
		margin-top: 50px;
	}

	/* project-details */
	.big-slider-cls .abs-cls{
		padding: 0 5px;
	}

	.other-project-cls .box{
		width: 280px;
	}
}

@media screen and (max-width:480px)
{
	.hero-content h1{
		word-break: break-word;
	}
	.about-us-cls .main-content .box{
		padding: 12px 20px 0;
	}	
	.logo{
		width: 77px;
	}
	.hero-section .container{
		height: 100%;
		align-content: baseline;
	}
	.hero-section{
		min-height: fit-content;
	}
	.hero-content{
		margin-top: 120px;
		margin-bottom: 7px;
	}
	.services-section .col-md-4:last-child a{
		margin-top: 3px;
	}
	.services-section{
		padding: 40px 0;
	}
	.normal-cls .social-icons a{
		font-size: 45px;
		margin-top: 0;
	}
	.slider-cls .service-item{
		height: 426px;
	}
	.services-section-t .slider-cls{
/*		transform: translateX(3px);*/
	}
	.services-section-t{
		padding: 50px 5px 100px;
	}
	.services-header{
		padding: 0 15px 20px;
	}
	.slider-cls .slide-arrow{
		height: 42px!important;
		width: 42px!important;
	}
	.success-cls{
		padding: 70px 0 150px;
	}
	.success-cls .main-content .box h3{
		font-size: 20px;
	}
	.success-cls .main-content .box p{
		line-height: 28px;
	}
	.reviews-section .slide-arrow.next-arrow{
		right: -10.7%;
	}
	.reviews-section .slide-arrow.prev-arrow{
		left: -10.7%;
	}
	.reviews-section .slick-dots{
		bottom: -90px;
	}
	.reviews-section{
		padding: 80px 0 170px;
	}
	.success-cls .slider-cls .slick-dots{
		width: 60%;
		left: 78%;
	}
	.success-cls .slider-cls .slick-dots li.slick-active button{
		height: 5px;
	}
	footer.footer{
		padding: 50px 0 20px;
	}
	footer .footer-logo img{
		max-width: 155px;
	}

	/* Over Ons */
	.hero-section.sub-p-banner{
		min-height: 700px;
	}
	.about-box .text{
		padding: 90px 20px;
	}
	.aanpak-cls .head p{
		margin: 15px auto 40px;
	}
	.aanpak-cls .main-content .box{
		padding: 130px 30px 20px;
	}
	.about-box-two.about-box .img img{
		height: 500px;
	}
	.about-box-two.about-box .text{
		padding: 70px 20px;
	}

	/* wat-doen-we */
	.wat-sec-main.wat-sec-one.wat-b-five img{
		min-height: 540px;
	}
	.hero-section.sub-p-banner .hero-content .social-icons{
		bottom: 40px;
	}
	.galler-cls{
		padding: 60px 0 80px;
	}
	.overlay h3{
		font-size: 16px;
	}
	.overlay p{
		font-size: 14px;
	}
	.overlay{
		padding: 10px 10px 18px 20px;
	}
	.overlay .right-box{
		height: 35px;
		width: 35px;
	}
	.grid-item.large{
		height: 458px;
	}
	.grid-item{
		height: 229px;
	}
	.grid-item:before{
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 17%) 50%, rgb(0 0 0 / 33%) 81%, rgb(0 0 0 / 49%) 100%);
	}
	.galler-cls .more-btn a{
		font-size: 15px;
	}
	.big-slider-cls .abs-cls .box{
		height: 53px;
	}
	.big-slider-cls .slider-for, .big-slider-cls .slider-for .box{
		height: 350px;
	}
	.other-project-cls .box{
		width: 185px;
	}
	.other-project-cls .slider-cls .slick-dots{
		bottom: -20px;
	}
	.other-project-cls .slider-cls .slide-arrow{
		bottom: -75px;
	}
	.other-project-cls{
		padding-bottom: 170px;
	}
}

@media screen and (max-width:375px)
{
	.hero-content h1{
		font-size: 32px;
		line-height: 35px;
	}
	.about-us-cls .head h2, 
	.services-header h2, 
	.contact-section h2, 
	.success-cls .head h2, 
	.reviews-section .main-title{
		font-size: 36px;
		line-height: 36px;
	}

	/* wat-doen-we */
	.hero-section.sub-p-banner h1,
	.wat-sec-main .text h2{
		font-size: 37px;
		line-height: 37px;
	}

	.slider-cls .service-item h3{
		font-size: 15px;
		width: 85%;
	}
}