@media (min-width: 1600px) {
	.container {
		max-width: 1522px;
	}
}
@media(max-width: 1599.98px){
	h1 {
		font-size: 6rem;
		line-height: 68px;
	}
	h2 {
		font-size: 5rem;
		line-height: 56px;
	}
	.header-wrap {
    	max-width: 90%;
	}
	.header-logo img {
		width: 270px;
	}
	.header-wrap .col-lg-3 {
		width: 17%;
	}
	.header-wrap .col-lg-2 {
		/* width: 18%; */
	}
	.header-wrap .col-lg-7 {
		width: 57%;
	}
	.banner-video, .each-banner {
		height: 820px;
	}
	.service-wrap {
		padding-top: 100px;
	}
	.each-service-desk li, .each-service-hover li {
		font-size: 1.5rem;
	}
	.each-service-desk,
	.each-service-hover {
    	padding: 28px 18px;
	}
	.home-mid-man-img {
		width: 152px;
		height: 167px;
	}
	.home-mid-man-info{
		width: 70%;
	}
	.home-mid-info-title p {
		margin: 15px 0 30px;
	}
	.home-mid-info-title h2 {
		margin-bottom: 28px;
	}
	.about-right {
		padding: 100px 0;
		padding-left: 80px;
	}
	/* ====== Vacature List Page ====== */
    .listing-wave img {
        height: calc(100% - 80px);
    }
    .listing-wave {
        top: 52%;
        left: -146px;
        height: 100%;
    }
    .inner-listing-wrap .inner-listing-item:nth-child(even) .listing-wave {
        right: -148px;
    }
	/****vacature-dtl****/
	.list-detail-sec .common-wrap {
		padding-top: 100px;
		padding-bottom: 100px;
	}
    /* ===== POPUP PAGE ===== */
    .modal-area .modal-dialog {
        max-width: 92%;
    }
    .pop-up-image .listing-wave {
        left: -193px;
    }
	/****contact****/
	.contact-detail {
		margin: 60px 0;
	}
	/****over-ons****/
	.over-ons-top-wrap {
		padding-top: 100px;
	}
	.each-over-ons-mid-info {
		row-gap: 180px;
	}
	.over-ons-about-sec .about-right {
		padding-right: 80px;
	}
	.each-service-desk li:first-child,
	.each-service-hover li:first-child {
		padding-right: 15px;
	}
}
@media(max-width: 1399.98px){
	.header-wrap {
        max-width: 100%;
    }
	.header-logo img {
        width: 210px;
    }
	.banner-video, .each-banner {
		height: 650px;
	}
	.usp-marquee-wrap ul li {
		padding-left: 66px;
	}
	.service-wrap {
        padding-top: 80px;
    }
	.home-mid-block-wrap {
		padding: 80px 0;
	}
	.home-mid-man {
		align-items: center;
		justify-content: center;
	}
	.home-mid-man-img {
        width: 26%;
        height: 140px;
        /* width: 140px; */
    }
	.home-mid-man-info {
        width: 70%;
    }
	.home-mid-block-wrap .col-lg-7 {
		width: 55%;
	}
	.home-mid-block-wrap .col-lg-5 {
		width: 45%;
	}
	.home-mid-wave {
		top: 55%;
		left: -290px;
	}
	.about-right {
		padding: 80px 0;
		padding-left: 60px;
	}
	.footer-logo img {
		width: 250px;
	}
	/* ====== Vacature List Page ====== */
    .inner-banner-bg {
        height: 560px;
    }
    .listing-content {
        padding: 30px 40px;
    }
    .listing-content h3 {
        margin-bottom: 24px;
    }
    .listing-wave {
        left: -135px;
    }
    .inner-listing-wrap .inner-listing-item:nth-child(even) .listing-wave {
        right: -135px;
    }
    /* ====== Vacature Detail Page ====== */
    .list-detail-sec .common-wrap {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .inner-related-sec {
        padding: 80px 0;
    }
    .list-detail-content {
        padding: 20px 36px;
    }
    .inner-box-wrap table tr td {
        padding: 32px 20px 94px;
    }
    .each-item {
        height: 350px;
    }
    /* ===== POPUP PAGE ===== */
    .modal-area .popup-content {
        padding: 80px 35px 80px;
    }
	/* ===== Onze werkwijze ===== */
	.work-list-sec .common-wrap {
		padding-top: 80px;
	}
	.list-number {
		width: 90px;
		height: 90px;
	}
	.list-number h4::after {
		width: 76px;
		height: 76px;
	}
	/****contact****/
	.work-marquee-sec ul li {
		padding-left: 47px;
	}
	.contact-bg {
		padding: 80px 0;
	}
	.contact-warp {
		padding: 25px 28px;
	}
	/****over-ons****/
	.over-ons-top-wrap {
		padding-top: 80px;
	}
	.each-over-ons-mid-info {
		row-gap: 140px;
		padding: 30px 30px;
	}
	.over-ons-about-sec .about-right {
		margin: 70px 0;
	}
	.over-ons-about-sec .about-right {
		padding-right: 60px;
	}
	/* ===== auto-verkopen page ===== */
	.step-number-text strong {
		font-size: 1.4rem;
		line-height: 22px;
	}
	.each-about-part {
		height: 360px;
	}
 
}
@media(max-width: 1199.98px){
	h1 {
        font-size: 5rem;
        line-height: 58px;
    }
	h2 {
		font-size: 4rem;
		line-height: 45px;
	}
	h3 {
		font-size: 3.5rem;
		line-height: 40px;
	}
	.header-logo img {
        width: 189px;
    }
	.header-nav > ul > li {
		font-size: 1.4rem;
	}
	.header-wrap {
		padding: 17px;
	}
	.header-wrap .col-lg-3 {
        width: 19%;
    }
	.header-wrap .col-lg-7 {
		width: 60%;
	}
	.header-wrap .col-lg-2 {
        width: 21%;
    }
	.parent-dropdown > ul > li {
		font-size: 1.4rem;
		line-height: 28px;
	}
	.each-service-frame {
		width: 140px;
		height: 140px;
	}
	.each-about-part-info {
		padding: 20px 16px;
	}
	.about-right {
        padding-left: 40px;
    }
	.footer-top {
		max-width: 70%;
	}
/* ====== Vacature List Page ====== */
    .inner-banner-bg {
        height: 470px;
    }
    .inner-heading-wrap {
        top: 55%;
    }
    .listing-content {
        padding: 30px 20px;
    }
    /* ====== Vacature Detail Page ====== */
    .list-detail-sec .common-wrap {
        padding-bottom: 60px;
    }
    .inner-box-sec .common-wrap {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .inner-related-sec {
        padding: 60px 0;
    }
    .list-detail-content h3 {
        margin-bottom: 22px;
    }
    .list-detail-content h6 {
        margin-top: 10px;
        margin-bottom: 24px;
    }
    /* ===== POPUP PAGE ===== */
    .modal-area .popup-content {
        padding: 40px 24px 40px;
    }
    .popup-inner-content h3 {
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .pop-up-image .listing-wave {
        left: -160px;
    }
	/* ===== Onze werkwijze ===== */
	.work-list-sec .common-wrap {
		padding-top: 60px;
	}
	.work-list-heading {
		margin-bottom: 60px;
	}
	.each-work-text {
		padding: 40px;
	}
	.each-work-text h4 {
		margin-bottom: 28px;
	}
	.work-marquee-sec ul li {
		font-size: 2rem;
		line-height: 26px;
	}
	.work-marquee-sec ul li strong {
		font-size: 2.8rem;
		line-height: 28px;
	}
	/****contact****/
	.contact-warp .col-lg-5 {
		width: 100%;
	}
	.contact-warp .col-lg-7 {
		width: 100%;
	}
	.contact-detail {
        margin: 40px 0;
    }
	.contact-content {
		padding-right: 0;
		margin-bottom: 40px;
	}
	/****over-ons****/
	.over-ons-mid-wrap .row {
		row-gap: 15px;
	}
	.over-ons-about-sec .about-right {
        padding: 65px 0;
        padding-right: 60px;
    }
	.over-ons-about-sec .about-right table {
		margin-left: 25px;
	}
	/* ===== auto-verkopen page ===== */
	.inner-service-sec .service-wrap {
		padding: 60px 0;
	}
	.step-form-sec .common-wrap {
		padding-top: 60px;
	}
	.step-btn-wrap {
		margin-bottom: 60px;
	}
	.step-number-text h6 {
		width: 60px;
		height: 60px;
	}
	.step-number-text h6::after {
		width: 54px;
		height: 54px;
	}
	.step-number-text::after {
		left: 28px;
	}
	.step-number-text {
		gap: 10px;
	}
	.main-form-wrap .row .col-lg-3 {
		width: 30%;
	}
	.main-form-wrap .row .col-lg-9 {
		width: 70%;
	}
	.main-form {
		padding: 30px;
	}
	.main-form .form-group .form-select {
		background-size: 14px;
	}
	.main-form .textarea-field textarea {
		height: 155px;
	}
	.each-about-part {
		height: 300px;
	}
	.home-mid-man-info {
        width: 100%;
    }
	.home-mid-man-img {
        height: 150px;
        width: 150px;
    }
 
}
@media(max-width: 991.98px){
	.header-wrap .col-lg-2 {
        width: 26%;
    }
	.header-area .glass-content {
		z-index: unset;
	}
	.header-logo {
		position: relative;
		z-index: 2;
		}
	.header-wrap .col-lg-7 {
		display: none;
	}
	.header-wrap .col-lg-3 {
		width: 74%;
	}
	.header-btn {
		display: none;
	}
	.service-slider {
		display: none;
	}
	.service-slider-mobile {
		display: block;
	}
	.service-slider-mobile .row {
		row-gap: 15px;
	}
	.service-wrap {
        padding-top: 60px;
    }
	.home-mid-block-wrap {
		padding: 80px 0;
	}
	.service-left-wave {
        top: -3%;
    }
	.home-mid-block-wrap .col-lg-5,
	.home-mid-block-wrap .col-lg-7 {
        width: 100%;
    }
	.home-mid-block-img{
		padding-bottom: 12px;
	}
	.home-mid-block-wrap {
        padding: 60px 0;
    }
	.home-mid-wave {
		display: none;
	}
	.home-mid-mobile-wave {
		display: block;
	}
	.home-mid-info-title p {
		max-width: max-content;
	}
	.about-wrap > .container > .row {
		flex-direction: column;
	}
	.about-wrap .container, .about-wrap .row, .about-wrap .col-lg-6 {
		height: auto;
	}
	.about-right {
        padding-left: 0;
        height: auto !important;
        max-width: 100%;
		text-align: center;
		padding: 60px 0;
    }
	.about-scroll-slider {
        height: 700px;
        overflow: hidden;
    }
	.about-scroll-slider {
        height: 700px;
        overflow: hidden;
        position: relative;
    }
	.about-scroll-slider::after {
		background: linear-gradient(180deg, #0F0F0F 27.2%, rgba(15, 15, 15, 0.78) 60.27%, rgba(15, 15, 15, 0.00) 100%);
		position: absolute;
		content: '';
		top: -70px;
		left: 0;
		height: 40%;
		width: 100%;
	}
	.about-sec .common-wrap, .about-sec .about-wrap {
		height: auto;
	}
	.each-about-part {
		height: auto;
		margin-bottom: 6px;
	}
	.about-wrap > .container > .row {
        flex-direction: column-reverse;
    }
	.about-right td::after {
		display: none;
	}
	.about-right td h6 {
        position: relative;
        transform: translateX(-50%);
        top: auto;
        left: 50%;
		margin-bottom: 10px;
    }
	.about-right td {
		max-width: max-content;
		margin: 0 auto;
	}
	.about-right td h5, .about-right td p {
		padding-left: 0;
	}
	.about-sec {
		height: auto;
	}
	.about-right td h5, .about-right td p {
		color: #fff;
	}
	.about-wave {
		display: none;
	}
	.home-btm-wrap .white-border-btn {
		min-width: 286px;
	}
	.footer-top {
        max-width: 100%;
    }
	.footer-social {
		margin: 40px auto;
	}
	.footer-credit a{
		color: rgba(255, 255, 255, 0.70);
	}
	.footer-sec .common-wrap {
		margin: 0 16px;
	}
	/* ====== Vacature List Page ====== */
    .inner-banner-bg {
        height: 420px;
    }
    .inner-listing-item .row {
        --bs-gutter-y: 16px;
        flex-direction: column-reverse;
    }
    .inner-listing-wrap .inner-listing-item:nth-child(even) .row {
        flex-direction: column-reverse;
    }
    .listing-wave{
        display: none;
    }
    /* ====== Vacature Detail Page ====== */
    .list-detail-img {
        border-radius: 10px;
    }
    .list-detail-wave1 {
        display: none;
    }
    .list-detail-wave2{
        display: none;
    }
	.list-detail-sec .common-wrap {
        padding-top: 60px;
    }
    .list-detail-sec .row{
        --bs-gutter-x: 16px;
        --bs-gutter-y: 16px;
    }
    .list-detail-content {
        border-radius: 10px;
    }
    .inner-box-wrap table tr td {
        width: 100%;
    }
    .inner-box-wrap table tr {
        gap: 24px;
        flex-direction: column;
    }
    .each-item {
        border-radius: 10px;
    }
    /* ===== POPUP PAGE ===== */
    .modal-area .modal-content-wrap .row {
        --bs-gutter-x: 16px;
        --bs-gutter-y: 16px;
        flex-direction: column-reverse;
    }
    .modal-area .pop-up-image {
        border-radius: 10px;
    }
    .modal-area .popup-content {
        border-radius: 10px;
    }
	/* ===== Onze werkwijze ===== */
	.each-work-list .row {
		flex-direction: column-reverse;
	}
	.each-work-list {
		padding-left: 46px;
	}
	.list-number {
		width: 90px;
		height: 90px;
		left: 0;
		transform: translateY(-50%);
	}
	.work-list-wrap::after {
		left: 28px;
		top: 0;
		transform: unset;
		z-index: -1;
	}
	.list-number {
		width: 70px;
		height: 70px;
		left: -6px;
		transform: unset;
		top: 0;
	}
	.list-detail-wave3 {
		display: none;
	}
	.list-number h4::after {
		width: 62px;
		height: 62px;
	}
	.list-number h4 {
		color: #B7B7B7;
		font-size: 2rem;
	}
	.work-list-wrap .each-work-list:nth-child(even) .row {
		flex-direction: column-reverse;
	}
	.each-work-img{
		margin-bottom: 24px;
	}
	.each-work-text {
		max-width: 100%;
	}
	/****contact****/
	.contact-bg {
		padding: 60px 0;
	}
	.contact-warp {
        padding: 25px 20px;
    }
	.contact-form {
		padding: 45px 30px;
	}
	/****over-ons****/
	.over-ons-top-wrap {
		padding-top: 60px;
	}
	.over-ons-top .listing-content h6 {
		margin: 15px 0 25px;
	}
	.over-ons-top-wave-left {
		display: none;
	}
	.each-over-ons-mid-info {
        row-gap: 100px;
        padding: 25px 20px;
    }
	.over-ons-about-sec .about-right td::before {
		display: none;
	}
	.over-ons-list-wave-img {
		display: none;
	}
	.over-ons-about-sec .about-right {
        padding: 60px 0;
        padding-right: 0;
        margin: 50px 0;
    }
	.over-ons-about-sec .about-right-title {
		margin-left: 10px;
		margin-right: 10px;
	}
	.over-ons-about-sec .about-right td p {
		max-width: 100%;
	}
	.over-ons-about-sec .about-right table {
        margin-left: 15px;
        margin-right: 15px;
    }
	.over-ons-about-sec .about-right td h5, .over-ons-about-sec .about-right td p {
		padding-left: 0;
	}
	.over-ons-about-sec .about-wrap .container {
		padding-top: 60px;
	}
	/* ===== auto-verkopen page ===== */
	.main-form-wrap .row .col-lg-3 {
		width: 100%;
	}
	.main-form-wrap .row .col-lg-9 {
		width: 100%;
	}
	.step-number {
		gap: 30px;
		margin-bottom: 30px;
	}
	.step-number-text::after {
		height: 30px;
		bottom: -30px;
	}
	.step-btn-wrap {
		margin-bottom: 40px;
	}
	.modal-area .pop-up-image img {
		border-radius: 10px;
	}
	.about-right-title p {
		max-width: max-content;
	}
	.home-mid-man-img {
        height: 160px;
        width: 160px;
    }
	.privacy_section {
		padding-top: 105px;
	}
	.over-ons-about-wrap-part {
		margin-right: 0;
	}
	.auto-verokp-middle {
		padding-top: 140px;
	}
	.step-btn-wrap {
		padding: 30px;
	}
}
@media(max-width: 767.98px){
	.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: 98;
		left: 0;
		bottom: 0;
		display: block !important;
	}
	#mobile-contact-bar-outer {
		background-color: #D11E1E;
		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%;
		padding-left: 0;
		margin-bottom: 0;
		padding-left: 0;
	}
	#mobile-contact-bar ul li::after {
		display: none;
	}
	#mobile-contact-bar ul li a {
		color: rgba(255,255,255,0.9);
		cursor: pointer;
		display: block;
		height: 100%;
		position: relative;
		z-index: 98;
	}
	.li_color {
		border-left: 1px solid #fff;
	}
	#mobile-contact-bar li:first-child img{
		width: 18px;
	}
	.iframe-footer {
		margin-bottom: 44px;
	}
	.privacy_section p {
		word-break: break-word;
	}
	.common-wrap {
		padding-left: 7px;
		padding-right: 7px;
	}
	.container {
		padding-left: 10px;
		padding-right: 10px;
	}
	h1 {
		font-size: 4rem;
		line-height: 48px;
	}
	h2 {
		font-size: 3.2rem;
		line-height: 40px;
	}
	h3 {
		font-size: 2.8rem;
		line-height: 35px;
	}
	h4 {
		font-size: 2.4rem;
		line-height: 30px;
	}
	p {
		margin-bottom: 20px;
	}
	li {
		line-height: 24px;
	}
	li::after {
		top: 9px;
	}
	.fix-wp {
		display: none;
	}
	.header-main {
		padding: 20px 0 13px;
	}
	.header-wrap {
        padding: 19px 23px;
    }
	.header-wrap .glass-element,
	.header-wrap {
		border-radius: 8px;
	}
	.header-wrap .glass-element .glass-filter {
		border-radius: 8px;
	}
	.banner-video, .each-banner {
        height: 666px;
    }
	.banner-sec {
		padding-top: 7px;
	}
	.common-btn {
		padding: 7px 16px;
	}
	.banner-content {
		top: 73%;
	}
	.usp-marquee-bg {
		background: linear-gradient(223deg, #D11E1E 0.02%, #270F11 99.67%), #D11E1E;
	}
	.usp-marquee-wrap {
		padding: 16px 0px;
	}
	.usp-marquee-wrap,
	.usp-marquee-wrap ul {
		gap: 18px;
	}
	.usp-marquee-wrap ul li {
        padding-left: 34px;
    }
	.service-wrap {
        padding-top: 52px;
    }
	.service-title p {
		max-width: 100%;
		margin-top: 15px;
	}
	.each-service-desk,
	.each-service-hover {
        padding: 23px 24px;
    }
	.each-service-frame {
		margin: 5px auto 15px;
		width: 90px;
		height: 90px;
	}
	.home-mid-block {
		padding: 15px 0;
	}
	.home-mid-man-img {
        width: 182px;
        height: 182px;
    }
    .home-mid-man-img img{
        height: 100%;
		width: 100%;
        object-fit: cover;
    }
	.home-mid-man-info {
        width: 100%;
        padding: 25px 20px 15px;
        overflow: hidden;
    }
	.home-mid-info {
        padding: 40px 0px 12px;
        margin-top: 12px;
    }
	.home-mid-man-vector {
        right: -80px;
    }
	.about-scroll-slider .col-6 {
        padding-left: 3.5px;
        padding-right: 3.5px;
    }
    .about-scroll-slider .row {
        margin-left: -3.5px;
        margin-right: -3.5px;
    }
	.each-service-hover-img img {
        width: 50px !important;
    }
	.home-mid-block-wrap {
        padding: 12px 0 5px;
    }
	.home-mid-info-title h2,
	.home-mid-info-title h6,
	.home-mid-info-title p {
		text-align: center;
	}
	.home-mid-info-title .common-btn {
        max-width: max-content;
        margin: 0 auto;
        border-color: #D11E1E;
    }
    .home-mid-info-title .common-btn:hover {
        background-color: #D11E1E;
    }
	.home-mid-info-title {
        text-align: center;
        margin: 0 12px;
    }
	.home-mid-man {
		margin-top: 40px;
	}
	.about-scroll-slider {
        height: 560px;
    }
	.about-right {
        padding: 45px 0 67px;
    }
	.about-right-title {
		margin-bottom: 30px;
	}
	.each-about-part-info h6 {
		font-size: 1.2rem;
		margin-top: 0;
	}
	.each-about-part-info p {
		font-size: 1.2rem;
		line-height: 14px;
	}
	.home-btm-left-wave,
	.home-btm-right-wave {
		display: none;
	}
	.service-right-wave {
        display: none;
    }
	.banner-content-wrap h1 br {
        display: none;
    }
	/* ====== Vacature List Page ====== */
	.inner-banner-bg {
		height: 340px;
		border-radius: 10px;
	}
	.listing-img img {
		border-radius: 10px;
	}
	.listing-content {
		border-radius: 10px;
	}
	.listing-content {
		padding: 20px 16px;
	}
	.listing-content h3 {
		margin-bottom: 16px;
	}
	.listing-content h6 {
		color: #FFFFFF;
		margin: 16px 0;
	}
	.each-about-part-info {
        padding: 20px 6px 10px;
    }
	.each-about-part {
		height: 238px;
	}
	.home-btm-wrap {
		padding: 21px 0 33px;
		background: linear-gradient(223deg, #D11E1E 0.02%, #270F11 99.67%);
	}
	.home-btm-info p {
		margin: 18px auto 33px;
	}
	.home-btm-wrap .white-border-btn {
		min-width: 137px;
	}
	.home-btm-wrap {
        padding: 20px 0 30px;
		border-radius: 10px;
    }
	.footer-top {
        flex-wrap: wrap;
        text-align: center;
        row-gap: 27px;
    }
	.each-footer-contact {
		width: 100%;
	}
	.each-footer-contact td {
		text-align: left;
		padding-right: 0;
	}
	.each-footer-contact table {
        width: 100%;
        margin: 0 auto;
        max-width: max-content;
    }
	.footer-btm {
		text-align: center;
	}
	.footer-wrap {
		padding: 32px 0 29px;
	}
	.each-footer-contact h5 {
		margin-bottom: 23px;
	}
	.footer-social {
        margin: 34px auto;
        padding: 34px 0;
    }
	.footer-logo img {
        width: 189px;
    }
	.footer-credit {
		margin-top: 22px;
	}
	/* ====== Vacature List Page ====== */
    /* .inner-banner-bg {
        height: 340px;
        border-radius: 10px;
    }
    .listing-img img {
        border-radius: 10px;
    }
    .listing-content {
        border-radius: 10px;
    }
    .listing-content {
        padding: 20px 16px;
    }
    .listing-content h3 {
        margin-bottom: 16px;
    }
    .listing-content h6 {
        color: #FFFFFF;
        margin: 16px 0;
    } */
    /* ====== Vacature Detail Page ====== */
    .each-item {
        border-radius: 10px;
    }
    .list-detail-content {
        padding: 20px 16px;
    }
    .list-detail-content h3 {
        margin-bottom: 16px;
    }
    .list-detail-content p{
        margin-bottom: 0;
    }
    .list-detail-content h6 {
        margin-top: 16px;
        margin-bottom: 18px;
    }
    .list-detail-sec .common-wrap {
        padding-top: 40px;
        padding-bottom: 40px;
		margin-top: 120px;
    }
    .inner-box-sec .common-wrap {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .inner-box-heading h2 {
        margin-bottom: 30px;
    }
    .inner-box-wrap table tr td h6 {
        margin-bottom: 16px;
    }
    .inner-box-wrap table tr td {
        padding: 26px 16px 68px;
    }
    .inner-box-wrap table tr td::after {
        background-size: 83px;
        width: 87px;
        height: 55px;
    }
    .inner-related-sec {
        padding: 40px 0;
    }
    .inner-related-heading h2 {
        margin-bottom: 30px;
    }
    .each-item-text {
        padding: 24px 16px;
    }
    /* ===== POPUP PAGE ===== */
    .modal-area .popup-content {
        padding: 20px 16px;
    }
    .popup-inner-content h3 {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .popup-inner-content ul {
        margin-bottom: 24px;
    }
	/* ===== Onze werkwijze ===== */
	.work-list-sec .common-wrap {
		padding-top: 40px;
	}
	.work-list-heading {
		margin-bottom: 40px;
	}
	.each-work-img {
		margin-bottom: 16px;
		border-radius: 10px;
	}
	.each-work-text {
		padding: 20px 16px;
	}
	.each-work-content {
		border-radius: 10px;
	}
	.each-work-text h4 {
		margin-bottom: 16px;
	}
	.each-work-text p {
		margin-bottom: 16px;
	}
	/****contact****/
	.work-marquee-sec ul li,
	.work-marquee-sec .usp-marquee-wrap ul,
	.work-marquee-sec .usp-marquee-wrap {
		gap: 18px;
	}
	.contact-bg {
		padding: 40px 0;
	}
	.contact-detail {
		flex-wrap: wrap;
		row-gap: 30px;
	}
	.contact-social {
		flex-wrap: wrap;
		row-gap: 30px;
	}
	.contact-info-item h5 {
		margin-bottom: 12px;
	}
	.contact-info-item p {
		margin-bottom: 5px;
	}
	.contact-form {
        padding: 30px 20px;
    }
	.contact-form .form-style {
		padding: 10px 18px;
	}
	.contact-form .form-group label {
		margin-bottom: 15px;
		padding-left: 10px;
	}
	.contact-form .form-group {
		margin-bottom: 20px;
	}
	.sub-btn.common-btn {
		margin-top: 5px;
		padding-right: 40px;
	}
	.sub-btn.common-btn::after {
		right: 20px;
		height: 15px;
		width: 15px;
		background-size: 15px;
	}
	.textarea-field textarea {
		height: 120px;
	}
	/****over-ons****/
	.over-ons-top-wrap {
		padding-top: 30px;
	}
	.over-ons-about-sec .about-wrap .container {
        padding-top: 40px;
    }
	.over-ons-about-sec .about-right {
        padding: 35px 0;
        margin: 40px 0;
    }
	/* ===== auto-verkopen page ===== */
	.auto-list-sec .common-wrap {
		margin-top: 104px;
	}
	.auto-list-sec .common-wrap {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.auto-list-sec .list-detail-content  h2 {
		margin-bottom: 20px;
	}
	.auto-list-sec .list-detail-content p {
		margin-bottom: 24px;
	}
	.auto-list-sec .list-detail-content p:last-child{
		margin-bottom: 0;
	}
	.step-form-sec .common-wrap {
		padding-top: 40px;
	}
	.step-form-heading {
		margin-bottom: 34px;
	}
	.step-btn-wrap {
		margin-bottom: 40px;
		flex-direction: column;
	}
	.main-form {
		padding: 20px 16px;
		border-radius: 10px;
	}
	.main-form .form-group .form-style {
		padding: 10px;
		font-size: 1.4rem;
		line-height: 22px;
	}
	.main-form-heading h4 {
		margin-bottom: 25px;
	}
	.main-form .form-group .upload-form {
		padding: 20px;
	}
	.upload-btn {
		margin-top: 16px;
	}
	.upload-btn {
		font-size: 1.4rem;
		line-height: 22px;
		padding: 10px 24px;
	}
	.sub-form-btn {
		padding: 10px 24px;
		font-size: 1.4rem;
		line-height: 22px;
	}
	.form-radio-item label strong {
		font-size: 1.4rem;
		line-height: 22px;
	}
	.form-radio-item strong:before {
		margin-right: 8px;
	}
	.form-group.checkbox label {
		font-size: 1.4rem;
		line-height: 22px;
	}
	.main-form .form-group.checkbox label strong {
		gap: 16px;
	}
	.step-form-sec .common-wrap {
		margin: 0px 0px;
		border-radius: 0px;
	}
	.auto-list-sec .common-wrap {
		margin-left: 0;
		margin-right: 0;
		border-radius: 0px;
	}
	.modal-area .modal-content-wrap .row {
        --bs-gutter-x: 9px;
        --bs-gutter-y: 9px;
    }
	.footer-sec .common-wrap {
        margin: 0 7px;
    }
	.privacy_section {
		padding-top: 85px;
		padding-bottom: 30px;
	}
	.privacy_section .acties-left-content {
		padding-left: 5px;
		padding-right: 5px;
	}
	.step-btn-wrap {
		padding: 20px;
	}
	
}
@media(max-width: 429.98px){
	h1 {
        font-size: 3.5rem;
        line-height: 40px;
    }
	h2 {
        font-size: 3rem;
        line-height: 34px;
    }
	h3 {
		font-size: 2.6rem;
		line-height: 30px;
	}
	.header-wrap {
        padding: 15px 15px;
    }
	.header-logo img {
        width: 170px;
    }
	.menu-bar div, .menu-bar::after, .menu-bar::before {
		width: 40px;
	}
	.menu-bar {
		margin-right: 0;
	}
	.side-menu {
		width: 305px;
	}
	.banner-video, .each-banner {
        height: 590px;
    }
	.each-banner img {
		border-radius: 10px;
	}
	.usp-marquee-bg {
		border-radius: 10px;
	}
	.service-wrap {
        padding-top: 35px;
    }
	.service-title p {
        margin-top: 10px;
    }
	.service-title {
		margin-bottom: 30px;
	}
	.each-service-desk,
	.each-service-hover {
        padding: 20px 18px;
    }
	.each-service-hover-img img {
        width: 38px !important;
    }
	.service-sec .common-wrap {
		border-radius: 0;
		margin: 0;
	}
	.home-mid-block-wrap,
	.home-mid-block-img img {
		border-radius: 10px;
	}
	.home-mid-info {
        padding: 30px 15px 12px;
        margin-top: 10px;
    }
	.home-mid-info-title h2 {
        margin-bottom: 15px;
    }
	.home-mid-man {
        margin-top: 30px;
    }
	.home-mid-man-img {
        width: 68%;
    }
	.about-right {
        padding: 30px 0;
    }
	.each-about-part-img::after,
	.each-about-part {
		border-radius: 10px;
	}
	.each-about-part {
		height: 220px;
	}
	.about-sec .common-wrap {
		border-radius: 0;
		margin: 0;
	}
	.footer-social li a {
		height: 44px;
		width: 44px;
	}
	.footer-social li a img {
		width: 18px;
	}
	.footer-sec .common-wrap {
		border-radius: 0;
		/* margin: 0; */
	}
	/* ====== Vacature List Page ====== */
    .inner-banner-bg {
        height: 270px;
    }
	/****vacature-dtl****/
	.list-detail-sec .common-wrap {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-top: 110px;
    }
	.list-detail-sec .common-wrap {
		border-radius: 0;
		margin-left: 0;
		margin-right: 0;
	}
	.inner-box-sec .common-wrap {
		border-radius: 0;
	}
	/* ===== Onze werkwijze ===== */
	.list-number {
		width: 40px;
		height: 40px;
		left: 0;
	}
	.work-list-sec .common-wrap {
    	border-radius: 0;
	}
	.list-number h4::after {
		width: 30px;
		height: 30px;
	}
	.list-number h4 {
		font-size: 1.3rem;
	}
	.work-list-wrap::after {
		left: 20px;
	}
	.each-work-list {
		padding-left: 30px;
	}
	.work-marquee-sec ul li {
		font-size: 1.6rem;
		line-height: 24px;
	}
	.work-marquee-sec ul li strong {
		font-size: 2.4rem;
		line-height: 24px;
	}
	.work-marquee-sec .usp-marquee-wrap {
		padding: 16px 0px;
	}
	/****contact****/
	.contact-social-item ul li a {
		height: 44px;
		width: 44px;
	}
	.contact-social-item ul li a img {
		width: 18px;
	}
	.contact-warp {
        padding: 20px 15px;
    }
	.contact-detail {
        margin: 30px 0;
    }
	.contact-form {
        padding: 25px 15px;
    }
	.contact-form .form-style {
        padding: 8px 13px;
    }
	/****over-ons****/
	.each-over-ons-mid-info {
        row-gap: 50px;
        padding: 20px 15px;
    }
	.over-ons-top .common-wrap {
		margin: 0;
		border-radius: 0;
	}
	.over-ons-mid-sec .common-wrap {
		border-radius: 0;
		margin: 0;
	}
	.bedankt-banner .each-banner {
        height: 480px;
    }
	.main-form .form-group .form-select {
		background-position: 96%;
	}
	.auto-verokp-middle {
		padding-top: 114px;
	}
	.step-btn-wrap {
		padding: 20px 16px;
	}
}