@media (min-width: 1599px) {
	.container {
        max-width: 1546px;
    }
}
@media(max-width: 1699.98px){
	.menu-bar {
		margin-right: 0;
	}
}
@media(max-width: 1599.98px){
	.line {
		width: 460px;
		height: 460px;
	}
	.each-ons-werk-cursor.active {
		width: 290px;
		height: 290px;
	}
	.partner-area li {
    	width: 19.26%;
	}
	.about-area .col-lg-5 {
		width: 34%;
	}
	.about-area .col-lg-7 {
		width: 66%;
	}
	.about-right .col-lg-4 {
		width: 45%;
	}
	.about-right .col-lg-8 {
		width: 55%;
	}
	.about-right-txt {
		width: calc(100% + 35%);
		padding-left: 20px;
	}
	.about-left-mark {
		width: 60%;
	}
	.each-gal-slider {
    	height: 242px;
	}
	/****FULL-DTL****/
	.diens-dtl-top-sec {
		padding-top: 175px;
		/* padding-bottom: 110px; */
	}
	/* .form-part{
        width: calc(100% + 20%);
    } */
	.form-sec .about-right .col-lg-8 {
		width: 48%;
	}
	.form-sec .about-right .col-lg-4 {
		width: 52%;
	}
	.diens-dtl-btm-sec {
		padding-top: 100px;
		padding-bottom: 80px;
	}
	.each-dtl-btm-img {
		height: 480px;
	}
	/****BESANKT****/
    .bedankt-banner .inner-banner-bg{
        height: 800px;
    }
	/****over-ons****/
    .over-ons-btm-sec .dtl-mid-content-list {
        margin-right: 120px;
    }
    .over-ons-mid-info {
        padding-top: 120px;
        /* padding-bottom: 300px; */
    }
	.over-ons-mid-bg-img{
		min-height: 580px;
	}
	.over-new-text h2 {
		font-size: 4rem;
	}

	.new-ons-slider .swiper-button-next {
		right: 6.6%;
	}
	.new-ons-img {
		height: 356px;
	}

}
@media(max-width: 1399.98px){
	h1 {
		font-size: 5rem;
		line-height: 58px;
	}
	h2 {
		font-size: 4rem;
		line-height: 48px;
	}
	.common-arrow {
		width: 65px;
		height: 65px;
	}
	.common-arrow img {
		width: 16px;
	}
	.header-logo img {
		width: 250px;
	}
	.side-menu {
		padding-left: 72px;
		padding-right: 72px;
	}
	.header-nav .parent-dropdown > ul > li > a {
		font-size: 1.4rem;
	}
	.side-menu .parent-dropdown img {
		right: 3%;
	}
	.banner-video, 
	.each-banner {
        height: 810px;
    }
	.banner-content-wrap p {
		margin-top: 15px;
		margin-bottom: 35px;
	}
	.service-sec {
    	margin-top: 80px;
	}
	.each-service-btm {
		padding: 30px;
		height: 140px;
	}
	.each-card.right-card {
    	min-height: 312px;
	}
	.each-service-info {
        height: 312px;
    }
	.line {
        width: 360px;
        height: 360px;
    }
	.each-ons-werk {
    	height: 580px;
	}
	.ons-werk-title {
		margin-bottom: 60px;
	}
	.each-ons-werk-cursor.active {
		width: 270px;
		height: 270px;
	}
	.each-ons-werk-cursor h4 {
		letter-spacing: 0.32px;
		font-size: 2.2rem;
		line-height: 28px;
	}
	.partner-sec {
    	padding: 80px 0;
	}
	.partner-area li {
        width: 19.14%;
    }
	.partner-area li img {
        width: 90px;
    }
	.about-left {
		padding-left: 20px;
		padding-right: 20px;
	}
	.about-area {
		padding: 20px;
	}
	.about-area .col-lg-5 {
        width: 32%;
    }
	.about-area .col-lg-7 {
        width: 68%;
    }
	.about-right .col-lg-8 {
		width: 54%;
	}
	.about-right .col-lg-4 {
		width: 46%;
	}
	.about-right-txt {
        width: calc(100% + 45%);
        padding: 45px 0;
        padding-left: 12px;
    }
	.about-right-txt h4 {
		margin-bottom: 20px;
	}
	.about-left p {
		margin-top: 20px;
	}
	.about-title {
		margin-bottom: 60px;
	}
	.each-gal-slider {
    	height: 206px;
	}
	.footer-top {
    	padding-bottom: 60px;
	}
	.footer-social ul {
    	gap: 16px;
	}
	.footer-btm .parent-dropdown > ul > li > a {
		font-size: 1.4rem;
		line-height: 24px;
	}
	/****DIENS LIST****/
	.inner-banner-bg {
		height: 500px;
	}
	.each-diens-img{
		width: 300px;
		height: 330px;
	}
	/****FAQS****/
	.accro-area li.show_accordian {
		padding: 60px 75px 80px;
	}
	.accro-area li {
		padding: 40px 75px 42px;
	}
	.accordian-sec {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	/****FULL-DTL****/
	.diens-dtl-top-sec {
        padding-top: 90px;
        /* padding-bottom: 90px; */
    }
	.bk-btn-main .common-btn {
		top: 180px;
	}
	.diens-dtl-top-text {
		padding-top: 190px;
	}
	.diens-dtl-top-text h2 {
		padding-bottom: 18px;
	}
	.diens-dtl-mid-slider .swiper {
		height: 500px;
	}
	.dtl-mid-content-list {
		margin-left: 16px;
	}
	.diens-dtl-mid-sec {
		padding-bottom: 80px;
	}
	.form-wrap{
        padding-top: 70px;
    }
    .form-heading{
        padding-bottom: 50px;
    }
    .form-sec .about-left-mark img{
        width: 100%;
    }
    /* .form-part {
        width: calc(100% + 28%);
    } */
    .form-sec .about-right .col-lg-8 {
        width: 56%;
    }
    .form-sec .about-right .col-lg-4 {
        width: 44%;
    }
	.diens-dtl-btm-headig {
		padding-bottom: 60px;
	}
	.each-dtl-btm-img {
        height: 440px;
    }
	.diens-dtl-btm-sec {
        padding-top: 90px;
        padding-bottom: 55px;
    }
	/****WERK****/
	.diens-dtl-top-sec.wk-dtl-top-sec {
		padding-top: 200px;
	}
	.werk-feedback-sec {
		padding-top: 15px;
		padding-bottom: 100PX;
	}
	.each-feedback-info P{
		padding-right: 15px;
	}
	.diens-dtl-top-text h4 {
		padding-top: 14px;
	}
	.each-feedback-info h3 {
		padding-bottom: 22px;
	}
	/****CONTACT****/
    .map {
        height: 540px;
    }
	/****BESANKT****/
    .bedankt-banner .inner-banner-bg{
        height: 700px;
    }
    .modal-area .modal-dialog {
        max-width: 90%;
    }
	/****OVER ONS****/
    .over-ons-gal-sec{
        padding-top: 100px;
    }
    .each-gal-small-img {
        height: 260px;
    }
    .each-gal-mid-big-img {
        height: 360px;
    }
    .each-gal-big-img {
        height: 390px;
    }
    .over-ons-mid-info {
        padding-top: 100px;
        padding-bottom: 150px;
    }
    .over-ons-btm-slider .swiper {
        padding-left: 8%;
        height: 530px;
    }
    .over-ons-btm-sec{
        padding-top: 90px;
    }
    .over-ons-btm-sec .dtl-mid-content-list {
        margin-right: 80px;
    }
    .over-ons-banner-sec .inner-banner-bg {
        height: 550px;
    }
	.over-ons-md-bg-text{
        margin-right: 60px;
    }
	.diens-dtl-mid-sec.over-ons-btm-sec{
        padding-top: 100px;
        padding-bottom: 60px;
    }
	.over-ons-mid-bg-img{
		min-height: 480px;
	}
	.privacy_section{
		padding-top: 140px;
		padding-bottom: 60px;
	}
	.over-new-sec {
		padding: 80px 0;
	}
	.over-new-sec .row {
		--bs-gutter-x: 30px;
	}

	.diens-dtl-top-mid-sec {
		padding-bottom: 80px;
	}
	.diens-dtl-top-mid-sec .diens-dtl-top-text {
		padding-left: 40px;
	}

	.new-ons-slider .swiper-button-next {
        right: 7%;
    }
	.new-ons-img {
		height: 305px;
	}
}
@media(max-width: 1199.98px){
	li::before {
		height: 14px;
		width: 14px;
		background-size: 14px;
	}
	.common-wrap {
    	padding: 18px;
	}
	.header-logo img {
        width: 221px;
    }
	.header-nav > ul {
    	gap: 25px;
	}
	.header-nav > ul > li > a::before {
		width: 35px;
		height: 35px;
	}
	.parent-dropdown > ul > li {
    	font-size: 1.4rem;
	}
	.side-menu > .side-menu-wrap > ul > li {
		border-radius: 10px;
	}
	.side-menu {
        padding-left: 60px;
        padding-right: 60px;
    }
	.service-title {
		margin-bottom: 60px;
	}
	.each-service-name h4 {
		font-size: 2rem;
	}
	.card-front, 
	.card-back,
	.card,
	.right-car,
	.each-service-btm,
	.right-card,
	.each-card.right-card {
		border-radius: 20px;
	}
	.each-service-btm {
        height: 115px;
		padding: 15px;
    }
	.each-card {
		gap: 10px;
	}
	.each-card.right-card {
        min-height: 358px;
		padding: 18px;
    }
	.each-service-info {
        height: 285px;
    }
	.each-card, .right-card-part, .card {
        min-height: 489px;
    }
	.line.service-line-btm {
		width: 320px;
		height: 320px;
	}
	.each-service-info {
        height: 320px;
    }
	.usp-marquee-outer-wrap {
    	padding: 15px;
	}
	.usp-marquee-wrap, 
	.usp-marquee-wrap ul {
		gap: 32px;
	}
	.usp-marquee-outer {
    	padding: 20px;
		border-radius: 10px;
	}
	.each-ons-werk {
        height: 500px;
    }
	.ons-werk-title p {
    	margin-top: 15px;
	}
	.partner-area li {
        width: 24%;
    }
	.partner-title {
		margin-bottom: 52px;
	}
	.partner-mark {
		width: 15%;
	}
	.partner-mark img {
		width: 100%;
	}
	.about-area .col-lg-5,
	.about-area .col-lg-7 {
        width: 100%;
    }
	.about-left {
        max-width: 490px;
        margin: 0 auto;
    }
	.about-left-wrap {
		row-gap: 144px;
	}
	.about-right {
		margin-top: 30px;
	}
	.about-right .col-lg-4 {
        width: 62%;
    }
	.about-right .col-lg-8 {
        width: 38%;
    }
	.about-right-txt {
        width: 100%;
		padding: 25px 0;
		padding-left: 12px;
    }
	.about-title {
		margin-bottom: 50px;
	}
	.about-left-mark {
        width: 46%;
    }
	.each-gal-slider {
        height: 172px;
    }
	/****DIENS LIST****/
	.each-diens-list {
		padding: 50px 25px 60px 25px;
	}
	.diens-list-sec .line.diens-list-btm-line {
    	bottom: -7%;
	}
	.each-diens-img {
        width: 265px;
        height: 295px;
		bottom: -60px;
    }
	.diens-list-sec .line.diens-list-top-line {
		top: 120px;
	}
	.inner-banner-bg {
        height: 450px;
    }
	/****FAQS****/
	.accordian-sec {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.accro-area li.show_accordian {
        padding: 45px 50px 50px;
    }
	.accro-area li {
        padding: 35px 50px 35px;
    }
	.accro-area li p{
		max-width: 785px;
	}
	/****FULL-DTL****/
	.form-sec .about-area {
        padding: 25px 18px;
    }
    .form-sec .about-left {
        padding: 25px 18px;
    }
     .form-sec .about-area .col-lg-7 {
        width: 100%;
    }
    .form-sec .about-area .col-lg-5 {
        width: 100%;
    }
    .form-sec .about-right .col-lg-8 {
        width: 45%;
    }
    .form-sec .about-right .col-lg-4 {
        width: 55%;
    }
    /* .form-part {
        width: calc(100% + 16%);
    } */
	.diens-dtl-mid-sec .col-lg-7 {
		width: 50%;
	}
	.diens-dtl-mid-sec .col-lg-5 {
		width: 50%;
	}
	.dtl-mid-content-list h2{
		padding-bottom: 25px;
		font-size: 3rem;
        line-height: 42px;
	}
	.dtl-mid-content-item {
		padding: 22px 20px;
	}
	.diens-dtl-top-sec {
        padding-top: 90px;
        /* padding-bottom: 70px; */
    }
	.diens-dtl-mid-slider .swiper{
		height: 465px;
	}
	.diens-dtl-mid-sec{
		padding-bottom: 70px;
	}
	.form-sec .about-left-img {
		min-width: 58px;
		width: 58px;
		height: 58px;
	}
	.diens-dtl-btm-sec {
        padding-top: 70px;
        padding-bottom: 50px;
    }
	.each-dtl-btm-img {
        height: 400px;
    }
	/****VACATURE DTL****/
	.diens-dtl-top-text h6{
		padding-top: 18px;
	}
	/****WERK****/
	.wk-dtl-top-sec .diens-dtl-top-text {
		padding-top: 12px;
	}
	.diens-dtl-top-text table tr {
		margin-bottom: 7px;
	}
	.werk-feedback-sec {
        padding-top: 10px;
        padding-bottom: 80px;
    }
	.each-dtl-btm-item .each-ons-werk-cursor.active {
		width: 196px;
		height: 196px;
	}
	/****CONTACT****/
    .map {
        height: 480px;
    }
	/****BESANKT****/
    .bedankt-banner .inner-banner-bg{
        height: 650px;
    }
    .modal-area .modal-dialog {
        max-width: 94%;
    }
    .modal-area .popup-content {
        padding: 10px 48px 10px 50px;
    }
	/****OVER ONS****/
    .over-ons-gal-sec{
        padding-top: 80px;
    }
    .each-gal-text h2 {
        font-size: 3.8rem;
        line-height: 45px;
        margin-bottom: 15px;
    }
    .each-gal-small-img {
        height: 240px;
    }
    .each-gal-big-img {
        height: 330px;
    }
    .each-gal-mid-big-img {
        height: 305px;
    }
    .over-ons-mid-sec{
        padding-top: 20px;
    }
    .over-ons-btm-sec .dtl-mid-content-list {
        margin-right: 20px;
    }
    .over-ons-mid-info {
        padding-top: 90px;
        padding-bottom: 120px;
    }
    .over-ons-banner-sec .inner-banner-bg {
        height: 500px;
    }
    .over-ons-btm-slider .swiper {
        padding-left: 8.9%;
        height: 501px;
    }
	.over-ons-md-bg-text{
        margin-right: 0px;
    }
	.diens-dtl-mid-sec.over-ons-btm-sec{
        padding-top: 80px;
        padding-bottom: 50px;
    }
	.over-ons-mid-bg-img{
		min-height: 400px;
	}
	.privacy_section{
		padding-top: 130px;
		padding-bottom: 50px;
	}
	.privacy_section h2 {
		padding-bottom: 10px !important;
	}
	.popup .popuptext {
	    right: 4vw;
	}
	.over-new-sec {
		padding: 60px 0;
	}


	.diens-dtl-top-mid-sec .col-lg-7,
	.diens-dtl-top-mid-sec .col-lg-5 {
		width: 50%;
	}
	.diens-dtl-top-mid-sec .diens-dtl-top-text {
        padding-left: 30px;
    }
	.diens-dtl-top-mid-sec .diens-dtl-top-text ul {
		margin-bottom: 10px;
	}


	.new-ons-slider .swiper-button-next {
        right: 8%;
    }
	.new-ons-img {
        height: 252px;
    }
	
}
@media(max-width: 991.98px){
	h1 {
		font-size: 4rem;
		line-height: 48px;
		letter-spacing: 1.6px;
	}
	h3 {
    	font-size: 3rem;
	}
	.common-btn {
        padding: 10px 25px;
    }
	.line {
        width: 200px;
        height: 200px;
    }
	.header-logo img {
        width: 210px;
    }
	.header-right {
		max-width: 120px;
		margin-right: 0;
		margin-left: auto;
	}
	.side-menu .parent-dropdown.open img {
  		top: 19%;
	}
	.banner-video, 
	.each-banner {
        height: 700px;
    }
	.banner-wrap {
		border-radius: 10px;
	}
	.banner-content {
    	bottom: 29%;
		left: 8px;
	}
	.banner-content-wrap p br {
		display: none;
	}
	.line.service-line-btm {
		display: none;
	}
	.line.service-line-top {
        width: 407px;
        height: 407px;
        right: -32%;
        top: auto;
        bottom: 20%;
    }
	.service-sec {
        margin-top: 60px;
    }
	.service-title {
		max-width: 100%;
		margin-bottom: 30px;
	}
	.service-title p {
    	letter-spacing: 0.28px;
		margin-top: 15px;
	}
	.service-block .col-lg-5,
	.service-block .col-lg-4,
	.service-block .col-lg-3 {
		width: 100%;
	}
	.service-block .col-lg-4,
	.service-img {
		display: none;
	}
	.each-service-name h4 {
        font-size: 2.4rem;
    }
	.each-service-name {
    	border-radius: 10px;
		padding-left: 32px;
		padding-right: 32px;
	}
	.right-card-part {
		margin-top: 26px;
		min-height: auto;
	}
	.each-service-btm {
        height: 132px;
        margin-top: 16px;
    }
	.each-service-btm h4 {
		font-size: 2.4rem;
	}
	.each-card.right-card {
        padding: 18px 24px;
    }
	.each-card.right-card {
        padding: 13px 24px;
		min-height: 300px;
    }
	.each-service-info {
        height: 253px;
    }
	.each-card, .right-card-part, .card {
        min-height: auto;
    }
	.usp-marquee-outer-wrap {
        padding: 0;
        background-color: transparent;
    }
	.usp-marquee-outer {
        border-radius: 0;
		padding: 25px 10px;
    }
	.ons-werk-title {
        margin-bottom: 40px;
		max-width: 100%;
    }
	.ons-werk-slider .swiper-button-next {
		right: 0;
	}
	.ons-werk-slider .swiper-button-prev {
		left: 0;
	}
	.each-ons-werk {
        height: 490px;
		border-radius: 10px;
    }
	.ons-werk-slider .swiper-slide {
		width: 100% !important;
	}
	.each-ons-werk-cursor.active {
		width: 179px;
		height: 179px;
	}
	.each-ons-werk-cursor h4 {
		font-size: 1.6rem;
		line-height: 24px;
	}
	.each-ons-werk-cursor p {
		font-size: 1.4rem;
		line-height: 24px;
		letter-spacing: 0.28px;
	}
	.each-ons-werk-cursor .glass-overlay {
		background-color: rgba(255, 255, 255, 0.30);
	}
	.glass-specular {
		box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.30), inset 0 0 5px rgba(255, 255, 255, 0.30);
	}
	.partner-sec {
    	padding: 60px 0;
	}
	.partner-area li {
        width: 32.2%;
    }
	.partner-mark {
		display: none;
	}
	.about-sec {
    	padding-top: 60px;
	}
	.about-title {
        margin-bottom: 39px;
    }
	.about-title p {
		letter-spacing: 0.28px;
		max-width: 342px;
	}
	.about-left-wrap {
    	max-width: 100%;
	}
	.about-left-img {
		min-width: 60px;
		width: 60px;
		height: 60px;
	}
	.about-left-img img {
		width: 34px;
		height: 34px;
	}
	.about-left-btm {
		gap: 12px;
	}
	.about-right {
        margin-top: 24px;
    }
	.each-gal-slider {
        height: 167px;
        border-radius: 10px;
    }
	.footer-logo {
		text-align: center;
	}
	.footer-logo img {
		width: 146px;
	}
	.footer-social ul {
		justify-content: center;
	}
	.footer-top > .row {
		row-gap: 48px;
	}
	.footer-top {
        padding-bottom: 40px;
		margin-bottom: 24px;
    }
	.footer-btm > ul {
		row-gap: 10px;
	}
	.footer-area {
    	padding-top: 60px;
	}
	.footer-content h5 {
		display: none;
	}
	/****DIENS LIST****/
	.diens-list-sec{
		padding-top: 50px;
	}
	.diens-list-area .col-lg-5, .diens-list-area .col-lg-4, .diens-list-area .col-lg-3 {
        width: 100%;
    }
	.each-diens-img {
        width: 100%;
        transform: none;
        position: initial;
		border-radius: 20px;
		height: 400px;
    }
	.each-diens-img img {
        position: initial;
        transform: none;
    }
	.each-diens-img, 
	.each-diens-arw, 
	.each-diens-list:hover 
	.each-diens-img, 
	.each-diens-list:hover .each-diens-arw {
        opacity: 1;
    }
	.each-diens-list .row {
        display: flex;
        flex-direction: column-reverse;
    }
	.each-diens-info-wrap {
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap;
    }
	.each-diens-info {
        max-width: 100%;
        padding-right: 30px;
        width: 90%;
    }
	.each-diens-arw {
        display: none;
    }
	.mob-each-diens-arw {
        display: flex;
    }
	.each-diens-arw {
        height: 50px;
        width: 50px;
        margin-bottom: 0;
		background-color: #fff;
		border: 1px solid #fff;
		border-radius: 100%;
		align-items: center;
		justify-content: center;
		margin-right: 0;
		margin-left: auto;
		transform: rotate(30deg);
    }
	.each-diens-arw img {
        width: 16px;
    }
	.each-diens-list {
        margin-bottom: 20px;
        border: 0;
		padding: 35px 25px;
    }
	.each-diens-list, .each-diens-list:hover {
        background: #000;
		border-radius: 10px;
    }
	.each-diens-info h3, 
	.each-diens-info p, 
	.each-diens-list:hover 
	.each-diens-info h3, 
	.each-diens-list:hover .each-diens-info p {
        color: #fff;
    }
	.each-diens-info p {
		opacity: 1;
		margin-bottom: 0;
	}
	.each-diens-info h3 {
        margin-bottom: 10px;
    }
	.diens-list-sec .line.diens-list-btm-line{
		bottom: -2%;
		width: 212px;
    	height: 72px;
	}
	.inner-banner-bg {
        height: 400px;
    }
	/****FAQS****/
	.accro-area li.show_accordian h4 {
		margin-bottom: 15px;
	}
	.accro-area li h4::after {
		top: 64%;
	}
	.accordian-sec {
        padding-top: 60px;
        padding-bottom: 60px;
    }
	.accro-area li {
        padding: 35px;
    }
	.accro-area li.show_accordian {
        padding: 45px 35px 50px;
    }
	.accro-area li p {
        max-width: 600px;
    }
	/****FULL DTL****/
    .form-sec .about-right{
        margin-top: 35px;
    }
    /* .form-part {
        width: calc(100% + 34%);
    } */
    .form-sec .about-right .col-lg-8 {
        width: 60%;
    }
    .form-sec .about-right .col-lg-4 {
        width: 40%;
    }
	.diens-dtl-mid-sec .col-lg-5 {
        width: 100%;
    }
	.diens-dtl-mid-sec .col-lg-7 {
        width: 100%;
    }
	.dtl-mid-content-list{
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-top: 30px;
	}
	.diens-dtl-top-sec .col-lg-7 {
		width: 100%;
	}
	.diens-dtl-top-sec .col-lg-5 {
		width: 100%;
	}
	.diens-dtl-top-sec {
        padding-top: 240px;
        padding-bottom: 60px;
    }
	.bk-btn-main .common-btn{
		top: 162px;
	}
	.diens-dtl-top-text{
		padding-top: 45px;
		max-width: 100%;
		padding-right: 0;
		margin-right: 0;
	}
	.diens-dtl-mid-slider .swiper {
        height: 500px;
    }
	.diens-dtl-mid-slider .swiper{
		width: calc(100% + 0.3%);
	}
	/****WERK****/
	.werk-feedback-slider .col-lg-8 {
		width: 100%;
	}
	.werk-feedback-slider .col-lg-4 {
		width: 100%;
	}
	.each-feedback-info{
		max-width: 100%;
		margin-right: 0;
		padding-bottom: 15px;
	}
	.each-feedback-info P{
		padding-right: 0;
	}
	.each-feedback-info h3 {
        padding-bottom: 12px;
    }
	.werk-feedback-sec {
        padding-bottom: 60px;
    }
	.wk-dtl-top-sec .diens-dtl-top-text {
        padding-top: 24px;
    }
	.diens-dtl-top-sec.wk-dtl-top-sec {
        padding-top: 165px;
    }
	/****vacature list****/
	.vacature-list-sec{
		padding-bottom: 60px;
	}
	/****CONTACT****/
    .map {
        height: 420px;
    }
    .contact-banner-sec {
        padding-bottom: 55px;
    }
	/****BESANKT****/
    .bedankt-banner .inner-banner-bg{
        height: 580px;
    }
    .bedankt-banner .inner-banner-content p {
        padding-top: 18px;
        margin-bottom: 30px;
    }
    .modal-main-content .col-lg-7 {
        width: 100%;
    }
    .modal-main-content .col-lg-5 {
        width: 100%;
    }
    .close-img img{
        width: 17px;
    }
    .close-img{
        background-color: #fff;
        width: 40px;
        height: 40px;
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 22px;
        right: 22px;
    }
    .modal-area .popup-content {
        padding: 20px 10px 10px 10px;
    }
	/****over ons****/
    .over-ons-banner-sec .inner-banner-bg {
        height: 440px;
    }
    .over-ons-gal-sec .col-lg-3 {
        width: 100%;
    }
    .over-ons-gal-sec .col-lg-6 {
        width: 100%;
    }
    .each-gal-left {
        display: flex;
        column-gap: 20px;
    }
    .each-gal-big-img {
        height: 280px;
        width: 100%;
    }
    .each-gal-small-img {
        height: 280px;
        width: 100%;
    }
    .each-gal-rihgt{
        display: flex;
        column-gap: 20px;
    }
    .over-ons-gal-sec .row{
        row-gap: 20px;
    }
    .each-gal-left .each-gal-small-img{
        margin-bottom: 0;
    }
    .each-gal-text{
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .over-ons-gal-sec {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .over-ons-mid-info {
        padding-top: 55px;
        padding-bottom: 90px;
    }
    .over-ons-btm-sec {
        padding-top: 70px;
        padding-bottom: 35px;
    }
    .over-ons-btm-slider .swiper {
        padding-left: 9%;
        height: 500px;
    }
    .over-ons-btm-sec .dtl-mid-content-list{
        margin-right: 0;
    }
    .each-gal-rihgt .each-gal-big-img{
        margin-bottom: 0;
    }
	.diens-dtl-mid-sec.over-ons-btm-sec{
        padding-top: 70px;
        padding-bottom: 30px;
    }
	/****over-ons-usp-marquee****/
    .over-ons-usp-marquee .usp-marquee-outer{
        padding: 19px 10px;
    }
    .over-ons-usp-marquee .common-wrap {
        padding-top: 12px;
    }
	.partner-area ul{
		justify-content: center;
	}
	.each-diens-info p{
		display: block;
		margin-bottom: 16px;
	}
	.over-ons-banner-sec .inner-banner-content{
		text-align: center;
	}
	.over-ons-mid-bg-img{
		min-height: 370px;
	}
	.ons-wk-heading-area{
		flex-wrap: wrap;
	}
	.ons-wk-heading-text{
		max-width: 100%;
		margin-left: 0;
		margin-top: 15px;
	}
	.ons-wk-heading-area{
		padding-bottom: 50px;
	}
	.ons-wk-top-sec{
		padding: 60px 0;
	}
	.custom-cursor{
		display: none;
	}
	.header-main{
		padding: 35px 35px;
	}
	.over-new-text h2 {
		font-size: 3rem;
		line-height: 43px;
		margin-bottom: 20px;
	}
	.over-new-img img {
		height: 390px;
	}
	.over-new-img-wrap .over-new-cm img {
		height: 290px;
	}
	.over-new-cm {
		border-radius: 20px;
	}


	.diens-dtl-top-mid-sec {
		padding-bottom: 60px;
	}
	.diens-dtl-top-mid-sec .col-lg-7,
	.diens-dtl-top-mid-sec .col-lg-5 {
		width: 100%;
	}
	.diens-dtl-top-mid-sec .row {
		flex-direction: column-reverse !important;
	}
	.diens-dtl-top-mid-sec .diens-dtl-top-text {
        padding-left: 0;
        margin-top: 20px;
    }
	.each-new-ons .row {
		--bs-gutter-y: 35px;
	}
	.new-ons-warp .each-new-ons {
		/* margin-bottom: 30px; */
	}
	.new-ons-text h4 {
		max-width: 100%;
		margin-top: 15px;
	}
	.new-ons-slider .swiper-button-next {
        right: 0;
    }
	.new-ons-img {
        height: 412px;
    }
}
@media(max-width: 767.98px){
	.iframe-footer {
		max-width: calc(100% - 12px);
		margin: 0 auto 55px;
	}
	.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: #000000;
	  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;
	}
	#mobile-contact-bar ul li a {
	  color: rgba(255,255,255,0.9);
	  cursor: pointer;
	  display: block;
	  height: 100%;
	  position: relative;
	  z-index: 9998;
	}
	#mobile-contact-bar ul li::before {
		display: none;
	}
	.li_color {
	  border-left: 1px solid #FFFFFF;
	}
	#mobile-contact-bar li:first-child img{
		width: 18px;
	}
	.privacy_section p {
        word-break: break-word;
        margin-bottom: 10px;
    }
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.common-wrap {
    	padding: 15px;
	}
	.fix-wp {
		display: none;
	}
	h2 {
		font-size: 3.2rem;
		line-height: 40px;
		letter-spacing: 1.28px;
	}
	h3 {
		font-size: 2.4rem;
		line-height: 32px;
	}
	h4 {
		font-size: 2rem;
	}
	p,li {
		font-size: 1.4rem;
		line-height: 24px;
		letter-spacing: 0.28px;
	}
	p {
		margin-bottom: 16px;
	}
	body {
		font-size: 1.4rem;
	}
	ul {
		margin-bottom: 16px;
	}
	li {
		padding-left: 16px;
		margin-bottom: 4px;
	}
	li::before {
		height: 9px;
		width: 9px;
    	top: 8px;
    	background-size: 9px;
	}
	.common-btn {
		font-size: 1.4rem;
		line-height: 25px;
		letter-spacing: 0.28px;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	.common-arrow {
		width: 40px;
		height: 40px;
	}
	.common-arrow img {
        width: 12px;
    }
	.header-main {
    	/* padding: 24px 0; */
		padding: 24px 19px;
	}
	.header-logo img {
        width: 146px;
    }
	.header-btn a {
		font-size: 1.4rem;
		line-height: 24px;
		letter-spacing: 0.28px;
	}
	.header-right {
        max-width: 96px;
    }
	.side-menu {
		padding: 104px 20px 30px;
    }
	.side-menu > .side-menu-wrap > ul > li {
        padding-left: 15px;
        padding-right: 15px;
    }
	.menu-bar {
    	max-width: 26px;
	}
	.menu-bar div, 
	.menu-bar::after, 
	.menu-bar::before {
    	width: 26px;
		margin: 4px 0 4px auto;
	}
	.menu-bar.active:before {
    	transform: translateY(5px) rotate(135deg);
	}
	.side-menu .parent-dropdown img {
		right: 4%;
	}
	.banner-video, 
	.each-banner {
        height: 648px;
    }
	.banner-content-wrap p {
        line-height: 22px;
        letter-spacing: 0.28px;
    }
	.service-sec {
        margin-top: 47px;
		padding-bottom: 55px;
    }
	.line.service-line-top {
        right: -55%;
	}
	.usp-marquee-wrap, .usp-marquee-wrap ul {
        gap: 24px;
    }
	.ons-werk-sec {
		padding: 42px 0;
	}
	.each-ons-werk {
        height: 315px;
    }
	.ons-werk-wrap {
		padding-left: 10px;
		padding-right: 10px;
	}
	.partner-sec {
        padding: 34px 0 40px;
    }
	.partner-title {
        margin-bottom: 16px;
    }
	.partner-area ul {
		gap: 10px;
	}
	.partner-area li {
        width: 48.7%;
		border-radius: 10px;
    }
	.about-sec {
        padding-top: 40px;
    }
	.about-right .col-lg-8, 
	.about-right .col-lg-4 {
        width: 100%;
    }
	.about-right-img {
        width: 252px;
        height: 300px;
        margin-right: 0;
        margin-left: auto;
		margin-right: -10px;
		margin-top: 12px;
    }
	.about-right-txt {
        padding: 0;
		padding-left: 12px;
    }
	.about-left {
        max-width: 100%;
        padding: 30px 15px;
    }
	.about-left-top h4 {
		font-size: 2.4rem;
	}
	.about-left p {
        line-height: 22px;
        letter-spacing: 0.28px;
		margin-top: 25px;
    }
	.about-area {
        padding: 10px;
    }
	.about-left-btm {
		gap: 8px;
		max-width: 245px;
	}
	.about-left-info p {
		letter-spacing: normal;
	}
	.about-right-txt h4 {
        font-size: 2.4rem;
    }
	.about-right-txt li {
		letter-spacing: normal;
	}
	.each-gal-slider {
        height: 136px;
	}
	.footer-gal-slider {
		margin: 0 -5%;
	}
	.footer-gal-sec {
    	padding-top: 48px;
	}
	.footer-top {
        padding-bottom: 24px;
    }
	.footer-btm > ul {
    	gap: 12px;
	}
	.footer-area {
        padding-top: 40px;
    }
	.footer-content p {
		line-height: 22px;
		letter-spacing: 0.28px;
		margin-bottom: 4px;
	}
	.footer-btm > ul li {
		line-height: 22px;
		letter-spacing: 0.28px;
	}
	.footer-btm .parent-dropdown > img {
		top: 10px;
	}
	/****DIENS LIST****/
	.inner-banner-bg {
        height: 320px;
        border-radius: 10px;
    }
	.each-diens-img {
		height: 246px;
		border-radius: 10px;
	}
	.diens-list-sec {
        padding-top: 35px;
    }
	.each-diens-info h3 {
        margin-bottom: 6px;
    }
	.each-diens-arw {
        height: 35px;
        width: 35px;
    }
	.each-diens-arw img {
        width: 12px;
    }
	.each-diens-info-wrap {
        margin-top: 20px;
    }
	.each-diens-info {
        padding-right: 20px;
        width: 88%;
    }
	.each-diens-list {
        padding: 20px;
    }
	.diens-list-sec .line.diens-list-top-line {
        top: 0;
    }
	/****FAQS****/
	.accordian-sec {
        padding-top: 50px;
        padding-bottom: 50px;
    }
	.accro-area li h4::after {
		background-size: 22px;
		height: 22px;
		width: 22px;
		/* top: 60% */
	}
	.accro-area li {
        padding: 25px 18px;
    }
	.accro-area li.show_accordian {
        padding: 30px 18px 35px;
    }
	.accro-area li.show_accordian  h4::after{
		top: 38%;
	}
	.accro-area li.show_accordian h4 {
        margin-bottom: 10px;
		line-height: 30px;
    }
	.accro-area li{
		border-radius: 5px;
	}
	/****FULL DTL****/
	.diens-dtl-top-sec {
        padding-top: 195px;
        padding-bottom: 45px;
    }
	.diens-dtl-top-text {
        padding-top: 30px;
	}
	.diens-dtl-top-img{
		border-radius: 15px;
	}
	.bk-btn-main .common-btn {
        top: 124px;
    }
	.diens-dtl-top-text h2 {
        padding-bottom: 8px;
    }
	.diens-dtl-mid-slider .swiper{
		height: 350px;
	}
	.dtl-mid-content-list h2 {
        padding-bottom: 20px;
        font-size: 2.8rem;
        line-height: 38px;
    }
	.dtl-mid-content-item{
		border-radius: 10px;
	}
	.dtl-mid-content-item.active h4{
		margin-bottom: 2px;
	}
	.diens-dtl-mid-sec{
		padding-bottom: 45px;
	}
	.form-wrap{
        padding-top: 50px;
    }
    .form-heading h4{
        letter-spacing: 0.28px;
        line-height: 28px;
    }
    .form-heading{
        padding-bottom: 30px;
    }
    .form-sec .about-left-info p{
        margin-top: 0;
    }
    .form-sec .about-left-top{
        padding-bottom: 50px;
    }
    .form-sec .about-left p{
        margin-top: 15px;
    }
    .form-sec .about-area{
        border-radius: 10px;
        padding: 20px 15px 32px;
    }
    .form-sec .about-left{
        border-radius: 10px;
    }
    .form-main-area .form-styl{
        font-size: 1.4rem;
        line-height: 22px;
        border-radius: 5px;
    }
    .form-main-area .form-group label{
        font-size: 1.4rem;
        line-height: 22px;
        top: 19px;
    }
    .form-btn {
        margin-top: 26px;
    }
    .form-sec .about-right-img {
        margin-right: -15px;
    }
    .form-sec .about-area .col-lg-4{
        width: 100%;
    }
    .form-sec .about-area .col-lg-8{
        width: 100%;
    }
    .form-part {
        width: 100%;
        margin-bottom: 15px;
    }
    .form-sec .about-right-img{
        border-radius: 10px;
    }
	.diens-dtl-btm-sec {
        padding-top: 50px;
        padding-bottom: 20px;
    }
	.each-dtl-btm-img {
        height: 300px;
    }
	.diens-dtl-btm-headig {
        padding-bottom: 30px;
    }
	.form-sec .about-right-img{
		border-radius: 10px;
	}
	.each-dtl-btm-img{
		border-radius: 10px
	}
	/****VACATURE DTL****/
	.dtl-mid-content-item li::before {
		top: 8px;
	}
	.diens-dtl-top-text h6 {
        padding-top: 8px;
		padding-bottom: 6px;
    }
	/****werk****/
	.each-feedback-info h6 {
		font-size: 1.4rem;
		padding-bottom: 12px;
	}
	.werk-feedback-sec {
        padding-top: 0;
        padding-bottom: 50px;
    }
	.diens-dtl-top-sec.wk-dtl-top-sec {
        padding-top: 125px;
    }
	.diens-dtl-top-text h4 {
        padding-top: 6px;
    }
	/****vacature list****/
	.vacature-list-sec{
		padding-bottom: 40px;
	}
	/****CONTACT****/
    .map {
        height: 350px;
        border-radius: 10px;
    }
    .contact-banner-sec {
        padding-bottom: 45px;
    }
    .contact-form {
        padding-bottom: 50px;
    }
	/****BESANKT****/
    .bedankt-banner .inner-banner-bg{
        height: 500px;
    }
    .bedankt-banner .inner-banner-content p {
        padding-top: 12px;
        margin-bottom: 22px;
    }
    .modal-area .modal-content{
        border-radius: 10px;
    }
    .pop-up-image img{
        border-radius: 5px;
    }
    .popup-content h3 {
        margin: 0px 0 20px;
    }
    .popup-content ul {
        margin-bottom: 15px;
    }
    .popup-content li:last-child {
        margin-bottom: 12px;
    }
	/****over ons****/
    .over-ons-banner-sec .inner-banner-bg {
        height: 320px;
    }
    .each-gal-text h2 {
        font-size: 2.8rem;
        line-height: 35px;
        margin-bottom: 9px;
    }
    .over-ons-gal-sec {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .over-ons-md-bg-text {
        max-width: 100%;
        margin-left: 0;
    }
    .over-ons-md-bg-text h4 {
        padding-bottom: 16px;
    }
    .over-ons-mid-info {
        padding-top: 50px;
        padding-bottom: 55px;
    }
    .over-ons-btm-sec{
        padding-top: 50px;
        padding-bottom: 10px;
    }
    .dtl-mid-content-list h2 br{
        display: none;
    }
    .over-ons-btm-slider .swiper{
        height: 415px;
    }
    .each-gal-small-img{
        height: 230px;
    }
    .each-gal-small-img img{
        border-radius: 10px;
    }
    .each-gal-big-img img{
        border-radius: 15px;
    }
    .each-gal-big-img{
        height: 230px;
    }
    .each-gal-mid-big-img img {
        border-radius: 15px;
    }
    .each-gal-text p {
        margin-bottom: 28px;
    }
    .each-gal-mid-big-img {
        height: 285px;
    }
	.diens-dtl-mid-sec.over-ons-btm-sec{
        padding-top: 50px;
        padding-bottom: 0px;
    }
	/****over-ons-usp-marquee****/
    .over-ons-usp-marquee .usp-marquee-outer{
        padding: 19px 10px;
    }
    .over-ons-usp-marquee .common-wrap {
        padding-top: 12px;
    }
	.review-sec{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.privacy_section {
        padding-top: 80px;
        padding-bottom: 35px;
    }
	.privacy_section h2 {
        padding-bottom: 4px !important;
    }
	.ons-wk-heading-area{
		padding-bottom: 35px;
	}
	.ons-wk-top-sec{
		padding-top: 35px;
		padding-bottom: 48px;
	}
	.ons-wk-heading-text {
		margin-top: 0;
	}
	.banner-content {
		left: 0;
	}
	.header-right {
		gap: 10px;
	}
	.over-new-sec {
		padding: 40px 0;
	}
	.over-new-img {
		margin-bottom: 16px;
	}
	.over-new-img-wrap {
		gap: 16px;
	}
	.over-new-img img {
		height: 290px;
	}
	.over-new-img-wrap .over-new-cm img {
		height: 200px;
	}
	.over-new-cm {
		border-radius: 10px;
	}
	.over-new-text h2 {
		line-height: 38px;
	}
	.over-new-text h2 br{
		display: none;
		letter-spacing: 0;
	}



	.diens-dtl-top-mid-sec {
		padding-bottom: 30px;
	}
	.diens-dtl-top-text ul {
		padding-left: 7px;
	}
	.new-ons-img {
		border-radius: 10px;
	}
	.each-new-ons .row {
    	--bs-gutter-y: 20px;
	}
	.new-ons-warp .each-new-ons {
		/* margin-bottom: 23px; */
	}
	.new-ons-img {
		border-radius: 10px;
	}
	.new-ons-slider .swiper-button-next {
        right: -2%;
    }
	.about-right-txt p{
		padding-left: 16px;
		margin-bottom: 4px;
	}
	.about-right-txt:first-child ul{
		margin-bottom: 4px;
	}
	.new-ons-img {
        height: 237px;
    }
}
@media(max-width: 429.98px){
	h1 {
        font-size: 3.5rem;
        line-height: 42px;
	}
	h2 {
        font-size: 3rem;
        line-height: 36px;
	}
	.common-btn {
        padding: 5px 15px;
    }
	.line {
        width: 150px;
        height: 150px;
    }
	.side-menu > .side-menu-wrap > ul > li {
		font-size: 2rem;
		line-height: 34px;
		padding: 15px;
		margin-bottom: 10px;
	}
	.side-menu {
		padding-top: 92px;
	}
	.side-menu .parent-dropdown.open img {
		top: 14%;
		right: 4%;
	}
	.banner-video, 
	.each-banner {
        height: 570px;
    }
	.banner-content-wrap p {
        margin-top: 8px;
        margin-bottom: 25px;
    }
	.banner-content {
        bottom: 10%;
    }
	.service-sec {
        margin-top: 30px;
        padding-bottom: 30px;
    }
	.service-title {
        margin-bottom: 25px;
    }
	.service-title p {
        margin-top: 10px;
    }
	.each-service-name h4 {
        font-size: 1.8rem;
        line-height: 32px;
    }
	.each-service-name {
        padding: 20px;
    }
	.each-service-info {
        height: 210px;
    }
	.each-card.right-card {
        padding: 13px 20px;
        min-height: 255px;
    }
	.card-front, 
	.card-back, 
	.card, 
	.right-car, 
	.each-service-btm, 
	.right-card, 
	.each-card.right-card {
        border-radius: 10px;
    }
	.each-service-btm {
        height: 100px;
	}
	.line.service-line-top {
        width: 320px;
        height: 320px;
	}
	.each-service-btm h4 {
        font-size: 2rem;
        line-height: 34px;
    }
	.usp-marquee-outer {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.ons-werk-sec {
        padding: 30px 0;
    }
	.ons-werk-title {
        margin-bottom: 30px;
	}
	.ons-werk-title p {
        margin-top: 9px;
    }
	.each-ons-werk {
        height: 250px;
    }
	.each-ons-werk-cursor.active {
		width: 145px;
		height: 145px;
	}
	.each-ons-werk-cursor h4 {
		font-size: 1.4rem;
		line-height: 18px;
	}
	.each-ons-werk-cursor p {
		font-size: 1.2rem;
		line-height: 18px;
		letter-spacing: normal;
		padding-right: 20px;
	}
	.each-ons-werk-cursor p::after {
		width: 12px;
		height: 12px;
		background-size: 12px;
	}
	.partner-sec {
        padding: 30px 0;
    }
	.partner-area li {
        width: 100%;
	}
	.about-sec {
        padding-top: 30px;
    }
	.about-title p {
        max-width: 100%;
    }
	.about-title {
        margin-bottom: 25px;
    }
	.about-area,
	.about-left {
    	border-radius: 10px;
	}
	.about-left-top h4 {
        font-size: 2rem;
        line-height: 26px;
    }
	.about-left {
		padding-top: 20px;
		padding-bottom: 20px;
		height: auto;
	}
	.about-left p {
        margin-top: 16px;
        margin-bottom: 35px;
    }
	.about-left-info p {
        margin-bottom: 0;
    }
	.about-left-btm {
        max-width: 100%;
    }
	.about-left-btm {
        flex-direction: column;
    }
	.about-left-info {
		text-align: center;
	}
	.about-left-wrap {
        row-gap: 10px;
    }
	.about-right-txt br {
		display: none;
	}
	.about-right-txt h4 {
        font-size: 2rem;
        margin-bottom: 15px;
    }
	.about-right-img {
		border-radius: 10px;
	}
	.footer-gal-sec {
        padding-top: 30px;
    }
	.each-gal-slider {
        height: 100px;
    }
	.footer-area {
        padding-top: 30px;
    }
	.footer-logo img {
        width: 110px;
    }
	.footer-top > .row {
        row-gap: 30px;
    }
	.footer-social li a {
		width: 35px;
		height: 35px;
	}
	.footer-social li a img {
		width: 11px;
	}
	.footer-social ul {
        gap: 8px;
    }
	.footer-top {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
	/****DIENS LIST****/
	.each-diens-list {
        padding: 15px;
		margin-bottom: 15px;
    }
	.each-diens-info {
        padding-right: 10px;
        width: 85%;
    }
	.each-diens-info  h3 {
        font-size: 2rem;
        line-height: 26px;
    }
	.each-diens-img {
        height: 178px;
        border-radius: 5px;
    }
	.diens-list-sec {
        padding-top: 28px;
    }
	.inner-banner-bg {
        height: 345px;
	}
	/****FAQS****/
	.accordian-sec {
        padding-top: 45px;
        padding-bottom: 45px;
    }
	.accro-area li h4{
		font-size: 1.6rem;
		line-height: 25px;
	}
	.accro-area li h4::after {
        background-size: 17px;
        height: 17px;
        width: 17px;
        top: 35%;
    }
	.accro-area li.show_accordian h4::after {
        top: 16%;
    }
	.accro-area li.show_accordian h4 {
        margin-bottom: 8px;
        line-height: 25px;
    }
	.accro-area li {
        padding: 22px 14px;
    }
	.accro-area li.show_accordian {
        padding: 20px 14px 25px;
    }
	/****FULL DTL****/
	.diens-dtl-top-sec {
        padding-top: 188px;
        padding-bottom: 30px;
    }
	.diens-dtl-mid-slider .swiper{
		height: 285px;
	}
	.dtl-mid-content-list h2 {
        padding-bottom: 16px;
        font-size: 2rem;
        line-height: 30px;
    }
	.dtl-mid-content-item h4{
		font-size: 1.8rem;
		line-height: 26px;
	}
	.dtl-mid-content-item {
        padding: 20px 12px;
    }
	.dtl-mid-content-item {
        padding: 20px 12px;
    }
	.form-wrap {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .form-heading h4{
        font-size: 1.8rem;
        letter-spacing: normal;
        line-height: 24px;
    }
    .form-sec .about-left {
        padding: 20px 10px;
    }
    .form-sec .about-right{
        margin-top: 25px;
    }
    .form-main-area .form-styl{
        padding: 15px 10px;
    }
    .form-main-area .form-group label {
        top: 16px;
    }
    .form-group textarea.form-control {
        min-height: 105px;
    }
    .form-sec .about-area {
        padding: 15px 12px 20px;
    }
    .form-sec .about-right-img{
        margin-right: -12px;
    }
	.each-dtl-btm-img {
        height: 275px;
    } 
	/****werk****/
	.diens-dtl-btm-headig h2{
		font-size: 2.5rem;
		line-height: 30px;
	}
	.each-dtl-btm-txt h3{
		line-height: 26px;
		letter-spacing: normal;
		font-size: 2rem;
	}
	/****vacature list****/
	.vacature-list-sec{
		padding-bottom: 35px;
	}
	/****BESANKT****/
	/* -------  ------ */
    .bedankt-banner .inner-banner-bg{
        height: 460px;
    }
    .modal-area .popup-content {
        padding: 18px 0px 8px 0px;
    }
	/****over ons****/
    .each-gal-left{
        flex-wrap: wrap;
        row-gap: 15px;
    }
    .each-gal-rihgt{
        flex-wrap: wrap;
        row-gap: 15px;
    }
    .over-ons-gal-sec .row{
        row-gap: 15px;
    }
    .each-gal-text h2 {
        font-size: 2rem;
        line-height: 28px;
        margin-bottom: 7px;
    }
    .each-gal-mid-big-img {
        height: 255px;
    }
    .over-ons-btm-slider .swiper {
        height: 310px;
    }
	.header-logo img {
        width: 125px;
    }
	.es-widget-background-wrapper{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.liYfKi{
		padding: 24px 10px !important;
	}
	.header-logo{
		padding-top: 13px;
	}
	.header-active .header-logo{
		padding-top: 0;
	}
	.over-new-img img {
		height: 185px;
	}
	.over-new-img-wrap .over-new-cm img {
		height: 130px;
	}
	.over-new-img {
		margin-bottom: 10px;
	}
	.over-new-img-wrap {
		gap: 10px;
	}
	
	
	.ons-wk-top-sec {
        padding-top: 30px;
        padding-bottom: 30px;
    }
	.ons-wk-heading-area {
        padding-bottom: 20px;
    }
	.new-ons-img {
        border-radius: 5px;
    }
	.new-ons-text h4 {
        font-size: 1.6rem;
        line-height: 24px;
    }
	.new-ons-slider .swiper-button-next {
        right: 3%;
    }
	.new-ons-img {
        height: 175px;
    }
}