@media(max-width: 1699px){
	h1 {
		font-size: 4rem;
	}
	h2 {
		font-size: 2.6rem;
		letter-spacing: 0.1rem;
	}
	h3 {
		font-size: 1.9rem;
	}
	h5 {
		font-size: 1.6rem;
	}
	h6 {
		font-size: 1.5rem;
	}
	p {
		font-size: 1.5rem;
	}
	.common-wrap {
		padding-left: 3%;
		padding-right: 3%;
	}
	.akker_btn_cls {
		font-size: 1.6rem;
	}
	.header-area .navbar-expand-lg .navbar-nav .nav-link, .header-area .nav-link, .menu-items a {
		font-size: 1.6rem;
	}
	.header-area .nav-item {
		margin: 0 2rem;
	}
	.content-text {
		padding-left: 10%;
	}
	.each-footer-info a {
		font-size: 1.5rem;
	}
	.content-text .akker_btn_cls {
		margin-top: 4rem;
	}
	/*=============== vacatures-dtl =================*/
	.form-area{
		margin-left: 0;
	}
	.form-contact p{
		font-size: 1.5rem;
	}
	.form-contact h6,
	.form-contact p {
	letter-spacing: normal;
	font-size: 1.4rem;
	}
	.form-contact .inner-contact {
		 margin-left: 2rem; 
	}
	/*=================================popup start======================================*/
	.modal-area .modal-dialog {
		max-width: 50%;
	}
}
@media(max-width: 1399px){
	.header-area {
		padding: 2rem 0;
	}
	.header-area .navbar-brand img {
		width: 18rem;
	}
	.header-area .navbar-expand-lg .navbar-nav .nav-link, .header-area .nav-link, .menu-items a {
		font-size: 1.4rem;
	}
	.each-service-title,
	.each-service-content {
		padding: 1.5rem;
	}
	.footer-area {
		padding: 6rem 0;
	}
	.footer-contact a {
		margin-bottom: 4rem;
	}
	.info-sec td{
		padding: 0 2rem;
	}
	.product-dtl td{
		padding-right: 1rem;
	}
	/***************** aanbod-list********** */
	.filter-sec .col-xl-2 {
		width: 18%;
		margin-left: 2%;
		margin-bottom: 2rem;
	}
	.aanbod-list .each-product {
		margin-bottom:6rem;
		margin-right: 1rem;
	}
	.list-wrap {
		margin-right: -1rem;
	}
	/*=============== vacatures-dtl =================*/
	.vacatures-dtl-btn .inner-btn {
		top: 10.5rem;
	}
	.vacatures-dtl-top {
		padding-top: 17.5rem;
	}
	.form-styl{
		font-size: 1.6rem;
	}
	.form-btn {
		margin-top: 2.4rem;
	}
	/* %%%%%%%%%% overons %%%%%%%%%%% */
	.overons-mid-left-big-circle {
		top: 0;
	}
	/* %%%%%%%%%%%aanbod-dtl%%%%%%%%%% */
	.dtl-top-info-table td:nth-child(odd) {
		width: 50%;
	}
	.dtl-top-info h2 {
		margin-bottom: 1.5rem;
	}
	.dtl-top-info h5 {
		margin-bottom: 1.5rem;
	}
	.dtl-top-info-table tr {
		padding: 1rem 0;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
		font-size: 1.7rem;
	}
	/* %%%%%%%%%%%% contact %%%%%%%%%% */
	.map-img {
		height: 60rem;
	}
	/*=================================popup start======================================*/
	.modal-area .modal-dialog {
		max-width: 60%;
	}
	.privacy_section {
	  	margin-top: 50px;
	}
}
@media(max-width: 1199px){
	h1 {
		font-size: 3rem;
	}
	h2 {
		font-size: 2.3rem;
	}
	h3 {
		font-size: 1.8rem;
	}
	.content-img {
		padding-left: 25%;
	}
	.header-area .nav-item {
		margin: 0 1rem;
	}
	.header-area .navbar-expand-lg .navbar-nav .nav-link, .header-area .nav-link, .menu-items a {
		font-size: 1.2rem;
	}
	.each-footer-info a {
		font-size: 1.4rem;
	}
	.each-footer-info p {
		font-size: 1.4rem;
	}
	/***************** aanbod-list********** */
	.product-dtl td {
		padding-right: 1rem;
	}
	.aanbod-list-mid {
		padding: 6rem 3rem;
	}
	/* *********** diensten-list  ******** */
	.diensten-list .each-service {
		margin-right: 1.5rem;
		margin-bottom: 2rem;
	}
	.diensten-wrap {
		margin-right: -1.5rem;
		margin-bottom: -2rem;
	}
	/*=============== vacatures-dtl =================*/
	.form-img{
		padding-left: 0;
	}
	/* %%%%%%%%%%%aanbod-dtl%%%%%%%%%% */
	.dtl-top-info-table td:nth-child(odd) {
		width: 61%;
		font-size: 1.6rem;
	}
	.dtl-top-info-table td:nth-child(even) {
		width: 37%;
		font-size: 1.6rem;
	}
	.gallery-top {
		margin-right: 2rem;
	}
	.dtl-top-sec {
		background-color: #1c1c1c;
		padding-top: 20rem;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
		margin-right: .5rem;
		width: 19.4%;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link {
		padding: 1.3rem 0rem;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
		font-size: 1.5rem;
	}
	/* %%%%%%%%%% contact %%%%%%%% */
	.contact-table td a{
		letter-spacing: normal;
	}
	.map-content {
		/* padding-left: 11%; */
		padding: 2rem 0 2rem 0%;
	}
	.overons-man-slider {
		padding: 4% 0 0;
	}
	/*=================================popup start======================================*/
	.modal-area .modal-dialog {
		max-width: 70%;
	}
}
@media(max-width: 991px){
	.navbar-nav {
		display: flex;
	}
	.header-area .navbar-expand-lg .navbar-collapse {
		display: flex!important;
		align-items: center;
		justify-content: center;
		flex-basis: auto;
	}
	.header-area .navbar-brand {
		margin: auto;
		display: table;
	}
	.header-area .navbar-nav.ms-auto {
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		margin-top: 0.5rem;
	}
	.header-area .nav-item {
		display: none;
	}
	.header-area .nav_menu_right_part {
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.header-area .menu-word {
		visibility: visible !important;
	}
	.header-area .navbar-expand-lg .navbar-nav .nav-link, .header-area .nav-link {
		font-size: 1.2rem;
		margin: 0 0.5rem;
	}
	.product-heading .akker_btn_cls {
		position: initial;
		margin-top: 3rem;
	}
	.product-heading {
		padding: 0 0 4rem;
	}
	.product-sec {
		padding: 4rem 0;
	}
	.product-slider {
		padding: 4rem 0 7rem;
	}
	.product-slider .common-arrow {
		top: 0;
	}
	.product-slider .swiper-button-next {
		right: 0;
	}
	.product-slider .swiper-button-prev {
		right: 4rem;
		left: auto;
	}
	.service-heading {
		max-width: 100%;
		margin-bottom: 4rem;
	}
	.content-img {
		padding: 0 0 4rem 0;
	}
	.content-block {
		padding: 4rem 0;
		background-color: #fff;
	}
	.content-block::before,
	.content-block::after {
		display: none;
	}
	.content-text {
		padding-left: 0;
	}
	.service-sec {
		padding-bottom: 0;
	}
	.footer-area {
		padding: 4rem 0;
	}
	.footer-right {
		margin-left: 0;
		margin-top: 3rem;
	}
	/* ***********aanbod-list************** */
	.filter-sec .col-xl-2 {
		width: 50%;
		margin-left: 0;
		margin-bottom: 2rem;
	}
	.inner-banner .banner-content {
		top: 59%;
	}
	.select-style{
		border-bottom: 1px solid #fff;
		padding: 0 0 .5rem;
	}
	/*=============== vacatures-dtl =================*/
	.vacatures-dtl-btn .inner-btn {
		position: initial;
		padding: 11.2rem 0 0;
	}
	.info-sec tr{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}
	.info-sec{
		padding: 1rem 0;
	}
	.info-sec td{
		width: 100%;
		display: block;
		padding: 3rem 0;
	}
	.info-sec td h5 {
		margin-bottom: 1.6rem;
	}
	.info-sec td::after{
		width: 100%;
		height: 1px;
		top: auto;
		bottom: 0;
	}
	.form-sec{
		padding: 4rem 0;
	}
	.form-area{
		padding: 4rem 0 0;
	}
	.form-contact{
		margin-bottom: 1rem;
	}
	.form-contact .inner-contact {
		margin-left: 0;
	}
	.each-contact{
		padding-bottom: 3rem;
	}
	.vacatures-service{
		padding: 4rem 0;
	}
	.vacatures-service .service-heading{
		max-width: 100%;
	}
	.vacatures-service .service-heading p{
		max-width: 100%;
	}
	/* %%%%%%%%%% overons %%%%%%%%%%% */
	.overons-man-slider-content {
		padding-bottom: 0;
	}
	.overons-man-slider {
		padding: 4rem 0 0;
	}
	.overons-man-slider-content {
		margin-top: 0;
	}
	.over-ons-ftr-top .slider-heading {
		margin-bottom: 2rem;
	}
	.over-ons-ftr-top{
		padding: 4rem 0 3rem;
		margin-top: 0;
	}
	.over-ons-ftr-top .swiper-pagination {
		margin-top: 2rem;
	}
	.overons-man-slider-content{
		max-width: 100%;
	}
	.overons-man-slider .swiper-slide-active{
		margin-top: 0;
	}
	.overons-man-slider .each-service {
		margin: 3rem 0 4rem;
	}
	/* %%%%%%%%%%% aanbod-dtl %%%%%%%%%%%% */
	.dtl-top-info{
		margin-left: 0;
		padding: 2rem 0;
	}
	.aanbod-dtl-top-circule{
		display: none;
	}
	.gallery-top {
		margin-right: 0;
	}
	.dtl-top-sec {
		background-color: #1c1c1c;
		padding-top: 3rem;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
		width: 48%;
	}
	.dtl-tab-content-heading h2 {
		padding: 3rem 0;
		margin-bottom: 4rem;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item.onder-btn{
		width: 100%;
		margin:auto 1.2rem;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link {
		padding: 1rem 0rem;
	}
	.akker_btn_cls {
		max-width: 18rem;
		padding: 1rem 0.5rem;
		font-size: 1.6rem;
	}
	/* %%%%%%%%%%%%% contact %%%%%%%%%%%% */
	.contact-top td{
		/* width: 100%; */
	}
	.form-img{
		border-radius: 1rem;
		overflow: hidden;
	}
	.contact-table table{
		margin: 0;
	}
	.contact-table .col-lg-6:first-child::after{
		display: none;
	}
	.map-img{
		margin-right: 0;
	}
	.map-content {
		padding: 4rem 0 0;
	}
	.map-content p:not(:last-child),
	.map-content h2 {
		margin-bottom: 2rem;
	}
	/* %%%%%%%% contact %%%%%%% */
	.map-img {
		border-radius: 0;
		margin-top: 4rem;
	}
	.vacatures-dtl-top .content-text{
		max-width: 100%;
	}
	/*=================================popup start======================================*/
	.modal-area .popup-content {
		padding: 4rem 4rem;
	}
	.modal-area .popup-content p{
		margin: 3rem 0;
	}
	/* %%%%%%%%%%%%% verkocht-list %%%%%%%%%%% */
	.verkocht-list{
		padding-top: 4rem;
	}
	.each-service-content img{
		display: none;
	}
}
@media(max-width: 767px){
	.morgeninternet-footer{
        margin-bottom : 45px !important;
    }
	#mobile-contact-bar img{
		width: 20px;
	}
	#mobile-contact-bar {
	    box-sizing: border-box;
	    opacity: 1;
	    position: fixed;
	    width: 100%;
	    z-index: 9998;
	    left: 0;
	    bottom: 0;
	    display: block !important;
	}
	#mobile-contact-bar-outer {
	  background-color: #F7CC46;
	  box-sizing: border-box;
	  height: 45px;
	  overflow: hidden;
	  width: 100%;
	}
	#mobile-contact-bar ul {
	  box-sizing: border-box;
	  line-height: 0;
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  position: relative;
	  text-align: center;
	  width: 100%;
	  font-size: 0;
	}
	#mobile-contact-bar ul li {
	  box-sizing: border-box;
	  display: inline-block;
	  text-align: center;
	  height: 45px;
	  line-height: 45px;
	  width: 25%;
	}
	#mobile-contact-bar ul li a {
	  color: rgba(255,255,255,0.9);
	  cursor: pointer;
	  display: block;
	  height: 100%;
	  position: relative;
	  z-index: 9998;
	}
	.li_color {
	  border-left: 1px solid #FFFFFF;
	}
	#mobile-contact-bar li:first-child img{
		width: 18px;
	}
	h1, h2, h3, h4, h5, h6 {
		letter-spacing: normal;
	}
	h1 {
		font-size: 2.5rem;
	}
	h2 {
		font-size: 2rem;
	}
	p {
		text-align: justify;
	}
	.akker_btn_cls {

	}
	.common-wrap {
		padding-left: 2%;
		padding-right: 2%;
	}
	.header-area .navbar-brand img {
		width: 11rem;
	}
	.header-area .nav_menu_right_part {
		margin: 0;
	}
	.header-area .navbar-expand-lg .navbar-nav .nav-link, .header-area .nav-link {
		margin: 0;
	}
	.menu-items.active {
		width: 25rem;
	}
	.menu-navigation {
		padding-top: 10rem;
	}
	.big-circle-top,
	.big-circle-left,
	.service-circle,
	.content-circle-left,
	.content-circle-mid,
	.content-circle-right {
		display: none;
	}
	.banner-content {
		position: initial;
		padding: 4rem 0 10rem;
		transform: translateY(0);
		background-color: #383838;
	}
	.nxt-sec-arrow {
		bottom: 1rem;
	}
	.product-dtl td {
		padding-right: 0;
		width: 49%;
		display: inline-block;
		font-size: 1.5rem;
	}
	.banner-content .border-btn {
		display: block;
		margin: 1rem auto 0;
	}
	.banner-sec .swiper-pagination,
	.service-slider .swiper-pagination,
	.product-slider .swiper-pagination {
		display: none;
	}
	.product-slider {
		padding-bottom: 0;
	}
	.service-slider .swiper-slide-active {
		margin-top: 0;
	}
	.service-slider .swiper {
		padding-top: 4rem;
	}
	.service-slider::after, .service-slider::before {
		display: none;
	}
	.service-slider .common-arrow {
		top: 0;
	}
	.service-slider .swiper-button-prev {
		left: auto;
		right: 5rem;
	}
	.service-btn {
		margin-top: 4rem;
	}
	.footer-contact a {
		margin-bottom: 2rem;
	}
	.footer-contact {
		margin-top: 3rem;
	}
	.service-btn .border-btn {
		display: block;
		margin: 1rem auto 0;
	}
	.footer-logo img {
		width: 18rem;
	}
	.footer-logo, .each-footer-info {
		margin-bottom: 3rem;
	}
	/* ************aanbod-list***** */
	.inner-banner .banner-content {
		position: absolute;
		padding:0;
		background-color: transparent;
	}
	.inner-banner .banner-content {
		top: 36%;
	}
	.inner-banner .banner-content h3 {
		margin:0;
	}
	.list-wrap{
		margin: 0;
	}
	.aanbod-list .each-product {
		margin-bottom: 4rem;
		margin-right: 0;
	}
	.filter-sec {
		padding: 4rem 0;
	}
	.aanbod-list-mid {
		padding: 4rem 2rem;
	}
	.select-style, .filter-wrap .col-12 a{
		font-size: 1.35rem;
	}
	/* *********** diensten-list  ******** */
	.diensten-list .each-service {
		margin-right: 0;
		margin-bottom: 2rem;
	}
	.diensten-wrap {
		margin-right: 0;
		margin-bottom: -2rem;
	}
	/*=============== vacatures-dtl =================*/
	.vacatures-dtl-btn .inner-btn {
		padding: 10rem 0 0;
	}
	.info-sec p {
		line-height: 2.2rem;
	}
	.form-styl {
		padding: 1.2rem;
	}
	.form-contact .inner-contact {
		margin-left: 1rem;
	}
	.form-contact h6, .form-contact p {
		font-size: 1.1rem;
	}
	.each-contact .logo img{
		width: 2.5rem;
	}
	.form-btn {
		margin-top: 1.4rem;
	}
	/* %%%%%%%%%% aanbod-dtl%%%%%%%%%%%%% */
	.kenmerken-tab ul li:nth-child(odd) {
		padding-left: 1rem;
		background-size: 0.6rem;
		background-position: left top 0.5rem;
	}
	.dtl-tab-sec .tab-content ul li {
		font-size: 1.3rem;
	}
	.dtl-tab-sec .bullet-panel li:after {
		background-size: 0.6rem;
		width: 0.6rem;
		height: 0.6rem;
	}
	.block-dtls {
		width: calc(100% - 9rem);
	}
	/* %%%% contact %%%%%%%% */
	.map-img {
		height: 32rem;
	}
	/* %%%%%%%%%% thankyou %%%%%%%% */
	.bedankt-banner{
		border-bottom: 1px solid #fff;
	}
	.bedankt-banner .banner-content {
		position: initial;
		padding: 4rem 0 4rem
	}
	/*=================================popup start======================================*/
	.modal-area .modal-dialog {
		max-width: 90%;
	}
	.modal-area .popup-content {
		padding: 4rem 2rem;
	}
	.close-img {
		font-size: 2rem;
		height: 4rem;
		width: 4rem;
	}
}
@media(max-width: 575px){
	.inner-banner img{
		height: 22vh;
		object-fit: cov;
	}
	.contact-table td a {
		letter-spacing: normal;
		font-size: 1.1rem;
	}
	.contact-table td img {
		width: 2rem;
		margin-right: 1rem;
	}
}
