@media (min-width: 1500px) {
	.container{
		max-width: 1436px;
	}
	.remove_margin_right {
		margin-left: 6%;
	}
	.remove_margin_left {
		margin-right: 6%;
	}
}

@media(max-width: 1599.98px){
	.remove_margin_right {
		margin-left: 6%;
	}
	.remove_margin_left {
		margin-right: 6%;
	}
	h1{
		font-size: 8rem;
		line-height: 80px;
		letter-spacing: 4px;
	}
	h2{
		font-size: 5.4rem;
		line-height: 62px;
		letter-spacing: 3px;
	}
	h3{
		font-size: 3rem;
		line-height: 44px; 
	}
	h5{
		font-size: 2rem;
		line-height: 40px;
	}
	/* ====== index ===== */
	.logo img {
		width: 390px;
	}
	.footer-logo a img {
		width: 160px;
	}
	.banner-conent h1{
		width: 100%;
	}
	.porduct_slider {
		padding: 20px 0 40px;
	}
	.service_sec{
		padding: 80px 0 120px;
	}
	.counter_sec {
		padding: 120px 0 80px;
	}
	.porduct_slider::after {
		width: 92%;
	}
	.home_service_btm_left{
		padding-bottom: 120px;
	}
	/* ============ diensten-dtl ====== */
	
	.form-right .footer-right{
		justify-content: space-between;
		padding-left: 0;
	}
	/* ============ aanbod-list ============== */
	.select-style{
		font-size: 1.6rem;
	}
	.left_filter_heading h6{
		font-size: 3rem;
	}
	.aanbod-filter-sec {
		padding-top: 120px;
	}
	.common_price_input_div_cls strong{
		font-size: 1.6rem;
	}
}

@media(max-width: 1499.98px){
	h1{
		font-size: 7rem;
		line-height:70px;
	}
	.product_content td.common_btn{
		padding-left: 25px;
		padding-right: 25px;
	}
	/* ======== diensten-list ========= */
	.diensten-list-sec{
		padding-bottom: 80px;
	}
	/* ============= diensten-dtl ====== */
	.diens-dtl-btm-sec,
	.diens-dtl-sec{
		padding: 80px 0;
	}
	.diens-dtl-slider-title{
		margin-bottom: 60px;
	}
	.form-left-area{
		padding-right: 60px;
	}
	/* ======== vacature-dtl =========== */
	.diens-dtl-sec.vacature-dtl-sec {
		padding:80px 0;
	}
	.vacature-dtl-sec .diens-dtl-area {
		padding: 0 60px;
	}
	.header_btn ul {
		column-gap: 7px;
		margin-right: 10px;
	}
	/* ============ over-ons ====== */
	.overons-top-sec .col-lg-7 {
		width: 50%;
	}
	.overons-top-sec .col-lg-5 {
		width: 50%;
	}
	.overons-banner .col-lg-6:first-child {
		width: 47%;
	}
	.overons-banner .col-lg-6:last-child {
		width: 53%;
	}
	.overons-top-content {
		padding-top: 95px;
	}
	/* ============ team ====== */
	.each-member-info {
		bottom: -31%;
	}
	/* ============ pop-up ====== */
	.modal-area .modal-dialog {
		max-width: 71%;
	}
	/* ========== inloggen ===== */
	.inloggen-sec {
		padding-top: 140px;
	}
	.inloggen-conent h2 {
		padding-bottom: 60px;
	}
	.inloggen-conent{
		padding-bottom: 80px;
	}
	.banner-conent {
	  padding-top: 180px;
	}
}

@media(max-width: 1399.98px){
	.logo img{
		width: 250px;
	}
	/*.banner-conent {
		padding-bottom: 60px;
		padding-top: 120px;
	}*/
	.banner-conent {
	    padding-bottom: 60px;
	    padding-top: 215px;
	}
	.desktop_menu .col-lg-4.col-3{
		width:41%;
	}
	.desktop_menu .col-lg-4.col-9{
		width: 25%;
	}
	.menu_right{
		column-gap: 4%;
	}
	.menu_right ul{
		column-gap: 26px;
	}
	.hover_img::after {
		height: 60px;
		width: 60px;
		background-size:16px;
	}
	.product-btn{
		margin-top: 50px;
	}
	.product_content td.common_btn{
		padding-left: 20px;
		padding-right: 20px;
	}
	.count_value{
		margin-top: 0;
	}
	.counter_3 > img{
		width: 80%;
		left: -39%;
	}
	.counter_1 > img{
		width: 80%;
		right: -39%;
	}
	.service_sec::after {
		width: 58%;
	}
	.service_sec{
		padding-top: 60px;
	}
	.whatsapp-btn{
		margin: 40px 0;
	}
	.footer-area{
		padding-top: 60px;
	}
	.porduct_slider::after {
		/* clip-path: polygon(0 0, 49% 0, 71.6% 100%, 0% 100%); */
		width: 93%;
	}
	.footer-right {
		column-gap: 40px;
		padding-left: 8%;
	}
	.video_banner {
		height: 650px !important;
	}
	.banner-conent ul {
		column-gap: 10px;
	}
	.banner-conent .common_btn {
		padding-left: 35px;
		padding-right: 35px;
	}
	/* ======== diensten-list ========= */
	.inner-banner .banner-conent{
		margin-bottom: 0;
		padding-bottom: 20px;
	}
	.diensten-list-sec{
		padding-top: 60px;
	}
	.ons-aanbod-content{
		padding-top: 53px;
	}
	.each-diensten-list-content{
		top: 80px;
	}
	.diensten-list-area .row {
		row-gap: 20px;
	}
	.diens-dtl-btm-sec::after {
		width: 51.5%;
	}
	/* ============ diensten-dtl ====== */
	.form-right{
		padding-left: 20px;
	}
	.form-left-area{
		padding-right: 40px;
	}
	.inner-banner .banner-conent{
		padding-top: 180px;
	}
	.diens-dtl-slider {
		margin: 0 -30%;
	}
	/* ========= contact ======= */
	.map{
		padding: 60px 0 80px;
	}
	.contact-form {
		padding-top: 80px;
		padding-bottom: 40px;
	}
	/* ============== thankyou ====== */
	.bedankt-banner .banner-conent h1{
		width: 100%;
	}
	/* ============ over-ons ====== */
	.overons-banner .col-lg-6:first-child {
        width: 50.2%;
    }
	.overons-banner .col-lg-6:last-child {
        width: 49.8%;
    }
	.overons-top-sec .col-lg-7 {
        width: 53%;
    }
	.overons-top-sec .col-lg-5 {
        width: 47%;
    }
	.overons-mid-sec {
		padding: 100px 0;
	}
	.overons-mid-content {
		padding-bottom: 70px;
	}
	/* ============ team ====== */
	.team-sec {
		padding: 80px 0 100px;
	}
	.team-area .row {
		row-gap: 30px;
	}
	.each-member-info {
        bottom: -37%;
    }
	/* ============ pop-up ====== */
	.modal-area .modal-dialog {
        max-width: 77%;
    }
	.modal-area .popup-content {
		padding: 77px 46px 74px 63px;
	}
	.modal-area .popup-content h3 {
		margin: 12px 0 39px;
	}
	/* ======= aanbod-list  ======= */
	.aanbod-filter-sec label{
		font-size: 1.5rem;
	}
	.aanbod-filter-sec .form-check-input{
		height: 20px;
		width: 20px;
	}
	/* ======== aanbod-dtl ======= */
	.tab-btn .nav-tabs {
		column-gap: 7px;
		/* margin-bottom: 40px; */
		row-gap: 14px;
	}
	.kenmerken-tab td {
		padding: 36px 30px;
	}
	.aanbod-dtl-main-top {
		margin-top: 130px;
	}
	.aanbod-top-area .col-lg-5{
		width: 50%;
	}
	.aanbod-top-area .col-lg-7{
		width: 50%;
	}
	ul.tabs li.common_btn {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 1.6rem;
	}
	.tab-right-btn .common_btn {
		padding-left: 15px;
		padding-right: 15px;
	}
	/* ===== inloggen ==== */
    .inloggen-conent {
        padding-bottom: 0;
		padding-top: 20px;
    }
	.form-btn {
		margin-top: 30px;
	}
	.insert-tab{
		column-gap: 7px;
	}
	.home-banner .banner-conent h1 {
		font-size: 5rem;
	    line-height: 50px;
	    letter-spacing: 2px;
	}

	.filter-sort {
	    justify-content: start;
	    padding-left: 0;
	}
	.filter-sort .aanbod-filter {
	    width: 190px;
	}


}

@media (max-width: 1199.98px) {
	.common_btn{
		padding: 15px 30px;
	}
	.desktop_menu .col-lg-4.col-9 {
		width: 28%;
	}
	.desktop_menu .col-lg-4.col-3 {
		width: 35%;
	}
	.header_logo {
		width: 54px;
	}
	.menu-btn {
		width: 75px;
	}
	h1 {
		font-size: 5rem;
		line-height: 50px;
	}
	h2 {
		font-size: 3rem;
		line-height: 40px;
	}
	h3 {
		font-size: 2.5rem;
		line-height: 35px;
	}
	.menu-items > ul span, .menu-items > ul li a:not(ul li li a){
		font-size: 3rem;
	}
	.menu-items > ul{
		row-gap: 2vh;
	}
	.menu-contect .footer_social ul{
		margin-top: 6vh;
	}
	.header_btn ul {
		column-gap: 9px;
		margin-right: 17px;
	}
	.each-banner-slide{
		height: 517px;
	}
	.each-banner-slide img{
		height: 100%;
		object-fit: cover;
	}
	.menu_right ul a{
		font-size: 1.4rem;
	}
	.menu_right ul {
		column-gap: 16px;
	}
	.counter_1 > img {
		width: auto;
		right: -50%;
	}
	.counter_3 > img{
		width: auto;
		left: -50%;
	}
	.each-counter{
		width: 30%;
	}
	.counter_sec {
		padding: 60px 0 60px;
	}
	.product-wrap .swiper-wrapper {
			margin-left: -19%;
	}
	.banner-conent ul{
		margin-top: 30px;
	}
	.service_sec::after {
		width: 64%;
	}
	.service-heading {
		margin-bottom: 35px;
	}
	.product_heading h2 {
		padding: 32px 0 52px;
	}
	.footer-right {
		column-gap: 20px;
	}
	.video_banner {
        height: 550px !important;
    }
	/* ========== diensten-list ======= */
	.each-diensten-list-content {
		padding: 45px 30px;
	}
	.each-diensten-list:hover .each-diensten-list-content{
		padding: 45px 30px;
	}
	.ons-aanbod-content {
		padding: 43px 41px 0 45px;
	}
	.form-right {
		padding-left: 0;
	}
	.form-left-area{
		padding-right: 20px;
	}
	.form-right .footer-right .col-lg-6{
		width: 64%;
	}
	.form-right .footer-right .col-lg-6:has(table){
		width: 36%;
	}
	.form-sec .each_footer_menu td,
	.form-sec .each_footer_menu a,
	.form-right .each_footer_menu span{
		font-size: 1.7rem;
	}
	/* ========= aanbod-list ========== */
	/* .filter-main .col-lg-3{
		width: 33.33%;
	} */
	.filter-main .col-lg-3:has(.common_price_input_div_cls) {
		width: 33%;
	}	
	.aanbod-list{
		padding: 80px 0;
	}
	.common_price_input_div_cls.totaal_div {
		margin-top: 0;
	}
	/* ======== aanbod-dtl ====== */
	.kenmerken-tab td {
        padding: 36px 18px;
    }
	.aanbod-dtls-sec{
		padding-bottom: 60px;
	}
	.aanbod-dtls-area .col-lg-4 {
		width: 32%;
	}
	.aanbod-dtls-area .col-lg-8 {
		width: 68%;
	}
	.tab-right-btn .common_btn {
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 1.6rem;
	}
	ul.tabs li.common_btn {
        padding-left: 10px;
        padding-right: 10px;
	}
	.aanbod-product_heading h2 {
		padding: 0 0 60px;
	}
	.aanbod-product-slider {
		padding: 50px 0 80px;
	}
	.left-bg-block {
		width: 120px;
		font-size: 1.4rem;
		line-height: 24px;
	}
	.block-dtls{
		width: calc(100% - 120px);
	}
	
	/* ============ over-ons ====== */
	.overons-top-sec .col-lg-7 {
        width: 52%;
    }
	.overons-top-sec .col-lg-5 {
        width: 48%;
    }
	.overons-top-content {
        padding-top: 70px;
    }
	.overons-mid-sec {
        padding: 80px 0;
    }
	.overons-mid-heading {
		padding-bottom: 60px;
	}
	.overons-mid-img {
		padding-right: 47px;
	}
	.overons-mid-content {
		padding-left: 50px;
	}
	.overons-mid-img {
		height: 270px;
	}
	.overons-mid-area .flex-row-reverse .overons-mid-img {
		height: 350px;
	}
	/* ============ team ====== */
	.team-sec {
		padding: 80px 0;
	}
	.each-member-info {
        bottom: -29%;
    }
	/* ============ pop-up ====== */
	.modal-area .modal-dialog {
        max-width: 86%;
    }
	.modal-content .col-lg-5 {
		width: 40%;
	}
	.modal-content .col-lg-7 {
		width: 60%;
	}
	.modal-area .popup-content {
        padding: 55px 46px 48px 55px;
    }
	.modal-area .popup-content h3 {
        margin: 8px 0 30px;
    }
	.modal-area .popup-content p {
		margin-bottom: 22px;
	}
	.modal-area .popup-content ul {
		margin-bottom: 25px;
	}
	.modal-area .popup-content li {
		margin-bottom: 10px;
	}
	.close-img {
		top: 15px;
		right: 15px;
		height: 50px;
		width: 50px;
	}
	.close-img img {
		width: 20px;
		height: 20px;
	}
	/* ===== inloggen ==== */
	.inloggen-conent h2{
		padding-bottom: 20px;
	}
    .inloggen-sec {
        padding-top: 116px;
    }
	.inloggen-sec .inloggen-conent p {
		margin-top: -13px;
	}
	.calsty { 
		height: 960px; 
	}
	.afdurk_btn {
	    padding: 8.5px 15px;
	}
	.aanbod-filter-sec label {
        font-size: 1.4rem;
    }
	.aanbod-filter-sec .form-check-input {
        height: 12px;
        width: 12px;
    }
    .left_filter_heading {
    margin-bottom: 20px;
	}
	.range-filter {
	    padding-left: 14%;
	}
	.show_selected_filter_cls {
	  padding-left: 21%;
	}
}

@media(max-width: 991.98px){
	.menu-div::after{
		clip-path: none;
		-webkit-clip-path: none;
	}
	.menu_right ul{
		display: none;
	}
	.menu-content-top .col-lg-6 {
        width: 100%;
    }
	.hide-desktop-menu .logo img{
		filter: brightness(0) invert(1);
	}
	.menu-logo,
	.menu-items{
		margin-left: 0;
		padding-left: 0;
	}
	.menu-items h3{
		margin: 2rem 0;
	}
	.memu_right {
		padding-top: 2rem;
		padding-left: 10%;
	}
	.footer-right {
		padding-left: 0;
	}
	/* ==================== */
	.remove_margin_right{
		margin-left: auto !important;
		margin-right: auto;
		max-width: 720px;
	}
	/* ======== index ====== */
	.banner-conent ul .common_btn:not(.solid-btn){
		border-color: #F0F0F0;
		color: #F0F0F0;
	  }
	  .banner-conent ul .common_btn:not(.solid-btn):hover{
		border-color: #1256A4;
	  }
	.home-banner .remove_margin_right{
		margin-left: 0 !important;
		max-width: 100%;
		width: 100%;
	}
	.home-banner-content::before {
		display: none;
	}
	.home-banner-content{
		clip-path: none;
	}
	.banner-conent{
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 3;
		max-width: 720px;
		margin: auto;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
	}
	.home-banner{
		position: relative;
		padding: 0 !important;
	}
	.banner-conent h1{
		color: #F0F0F0;
		text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	}
	.product_heading{
		text-align: center;
	}
	.header_btn,
	.desktop_menu .col-lg-4:has(.menu_right){
		display: none;
	}
	.desktop_menu .col-lg-4.col-9 {
		width: 30%;
	}
	.desktop_menu .col-lg-4.col-3 {
		width: 68%;
	}
	.product-wrap .swiper-wrapper{
		margin-left: 0;
	}
	.service_slider,
	.product-wrap{
		max-width: 720px;
		margin-left: auto;
		margin-right: auto;
	}
	.product_content td{
		margin-top: 14px;
	}
	.porduct_slider::after {
		width: 94%;
	}
	.service_content {
		margin-top: 0;
	}
	.service_content h3{
		padding-left: 0;
		color: #292B2C;
	}
	.service_content p{
		display: block !important;
		opacity: 1;
	}
	.service_sec{
		padding: 40px 0;
	}
	.service_slider .each_service:hover .service_content {
		/* position: initial; */
		margin-top: 0;
	}
	.home_service_btm_right::before {
		display: none;
	}
	.home_service_btm_right{
		clip-path: none;
		height: 600px;
		margin-bottom: 50px;
	}
	.home_service_btm{
		position: relative;
	}
	.home_service_btm .nav-tabs{
		position: absolute;
		top: 630px;
		left: 50%;
		transform: translateX(-50%);
		width: max-content;
		padding-bottom: 14px;
	}
	.home_service_btm_right img{
		height: 100%;
		object-fit: cover;
	}
	.btm-content{
		margin-top: 0;
		justify-content: center;
	}

	.home_service_btm .tab-content .row{
		flex-direction: column-reverse;
	}
	.home_service_btm_left h2{
		text-align: center;
	}
	.home_service_btm_left{
		margin-top: 45px;
	}
	.home_service_btm_left{
		padding-bottom: 40px;
		padding-right: 0;
	}
	.each-counter > img{
		display: none;
	}
	.counter{
		align-items: start;
	}
	.counter-headind h2{
		border: 0;
		position: relative;
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}
	.counter-headind h2::after{
		position: absolute;
		content: "";
		left: -50%;
		bottom: 0;
		height: 2px;
		width: 150vw;
		background-color: #1256A4;
	}
	.count_value{
		padding-top: 49px;
		position: relative;
	}
	.count_value::after{
		position: absolute;
		left: 50%;
		top: 0;
		height: 49px;
		width: 2px;
		content: "";
		background-image: url(../images/border-line.svg);
		background-position: center;
		background-repeat: no-repeat;
		transform: translateX(-50%);
		background-size: cover;
	}
	.footer-logo a img {
		width: 100px;
	  }
	.footer-right{
		justify-content: start;
	}
	.footer-right{
		flex-wrap: wrap;
		column-gap: 10px;
		justify-content: space-between;
	}
	.each_footer_menu.order-lg-1{
		width: 100%;
	}
	.each_footer_menu h3 {
		margin-bottom: 10px;
	}
	.ftr_btm{
		margin-top: 50px;
	}
	.footer-area::after {
		width: 45%;
	}
	.footer_bovag{
		text-align: end;
	}
	.each_service {
		height: auto;
	}
	.service_slider .service_content {
		position: initial;
		margin-top: 0;
	}
	.service_slider .each_service:hover {
		top: 0;
	}
	/* ================== */
	.inner-banner .banner-conent p{
		color: #F0F0F0;
		max-width: 100%;
	}
	.inner-banner .banner-conent:has(p){
		position: initial;
		transform: translate(0);
		padding-top: 15px;
	}
	.inner-banner:has(p){
		background-color: #1256A4;
		padding: 20px 0;
	}
	.inner-banner .row:has(p){
		flex-direction: column-reverse;
	}
	.inner-banner .banner-conent{
		padding-top: 0;
	}
	.inner-banner .banner-conent:not(:has(p)){
		text-align: center;
		height: 100%;
		width: 100%;
		max-width: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50% , -50%);
		margin: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-bottom: 0;
	}
	.inner-banner .each-banner-slide{
		height: auto;
	}
	.each-diensten-list-content::after,
	.each-diensten-list-content{
		top: 0;
	}
	.each-diensten-list:hover .each-diensten-list-content p,
	.each-diensten-list-content p{
		opacity: 1;
		-webkit-line-clamp: 5;
		margin-top: 17px;
		padding-right: 0;
	}
	.hover_img::after{
		/* opacity: 1; */
	}
	.ons-aanbod-btn{
		position: initial;
		padding-right: 45px;
	}
	.ons-aanbod-content p{
		display: block;
		overflow: visible;
	}
	.ons-aanbod-content {
		padding: 43px 34px 0 29px;
	}
	.diensten-list-sec{
		padding-bottom: 40px;
	}
	/* ======= diensten-dtl ========= */
	.form-right{
		margin-top: 40px;
	}
	.diens-dtl-btm-sec{
		padding: 40px 0;
	}
	 .diens-dtl-sec{
		padding: 40px 0;
	}
	.diens-dtl-area tr::after {
		width: 100%;
		left: 0;
	}
	.diens-dtl-area td h3{
		margin-top: 25px;
	}
	.form-sec{
		padding: 60px 0;
	}
	.form-heading p{
		width: 100%;
		max-width: 100%;
	}
	.each-diensten-list:hover .each-diensten-list-content p, 
	.each-diensten-list-content p{
		-webkit-line-clamp: 3;
		margin-top: 10px;
	}
	/* .diens-service-slider .swiper-wrapper {
		margin-left: -24%;
	} */
	.diens-dtl-btm-sec::after {
		display: none;
	}
	.diens-dtl-slider-title{
		margin-bottom: 50px;
	}
	.diens-dtl-slider {
		margin: 0;
	}
	.diens-dtl-btm-area {
		padding: 0 20px;
	}
	/* ========= contact ======== */
	.map{
		padding-top: 0;
	}
	/* ======== vacature-dtl =========== */
	.diens-dtl-sec.vacature-dtl-sec {
		padding:40px 0;
	}
	.vacature-dtl-sec .diens-dtl-area {
		padding: 0 30px;
	}
	.inner-banner .banner-conent h3{
		color: #F0F0F0;
		margin: 10px 0;
	}
	/* ======= aanbod-list ======= */
	/* ========== aanbod-list ======== */
	.mobile-filter-close h6 {
		color: #f9f8f6;
		font-size: 1.6rem;
	  }
	  .show_selected_filter_cls {
		padding-top: 40px !important;
		padding-bottom: 20px;
	  }
	  .aanbod-filter {
		margin-bottom: 15px;
		width: 50%;
	  }
	  .hidden-filter {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		/* background-color: #14181E; */
		background-color: #fff;
		z-index: 999;
		height: 100%;
		margin-top: 0;
		padding: 60px 15px 150px;
		overflow-y: scroll;
		display: none;
	  }
	  .auto-overview-filter-result {
		position: fixed;
		bottom: 0;
		width: 100%;
		padding: 15px;
		left: 0;
		background-color: #fff;
		z-index: 99;
		border-top: 1px solid rgb(18, 86, 164, 0.5);
	  }
	  .sorteren_op-filter .select-style {
		background: url(../images/filter-arrow.svg) no-repeat 95.7% center / 10px;
	  }
	  .mobile-filter {
		display: none;
		padding-bottom: 150px;
	  }
	  .filter-sort .aanbod-filter {
		width: 100%;
	  }
	  .filter-sort h6 {
		display: none;
	  }
	  .filter-main {
		margin-top: 0;
	  }
	  .filter-btn {
		color: #1256A4;
		font-size: 1.4rem;
		line-height: 24px;
		text-transform: uppercase;
		padding: 12px 20px;
		border-radius: 50px;
		border: 1px solid #f9f8f6;
		box-shadow: 0px 1px 2px 0px #f9f8f6;
		background-color: #f9f8f6;
		display: inline-block;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
	  }
	  .filter-btn:hover {
		/* background-color: transparent;
		border-color: #fff; */
	  }
	  .filter-reset a {
		/* color: #fff; */
	  }
	  .filter-reset a:hover {
		color: #1256A4;
	  }
	  .left_filter_heading h6,
	  .filter-sort h6 {
		display: none;
	  }
	  .left_filter_heading > .row{
		width: 100%;
	  }
	  .aanbod-filter-sec {
        padding-top: 80px;
		z-index: 9;
    }
	.filter-main .col-lg-3:has(.common_price_input_div_cls) ,
	.filter-main .col-lg-3 {
        width:100%;
    }
	/* ======= aanbod-dtl ====== */
	.aanbod-dtl-main-top {
        margin-top: 97px;
    }
	.tab-right-btn ,
	.tabs,
	.aanbod-dtls-area .col-lg-4,
	.aanbod-dtls-area .col-lg-8,
	.aanbod-top-area .col-lg-5,
	.aanbod-top-area .col-lg-7 {
        width: 100%;
    }
	.aanbod-top-right {
		justify-content: start;
	}
	.aanbod-top-right ul{
		justify-content: start;
	}
	.tab-right-btn{
		display: none;
	}
	.tabs{
		margin: 40px 0;
	}
	.tab-right-insert {
		column-gap: 10px;
		row-gap: 14px;
	}
	.form-right .footer-right .row{
		width: 100%;
	}
	.aanbod-product-wrap .swiper-wrapper {
		margin-left: 0;
	}
	.clear-filter-main {
		margin-top: 0;
	}
	/* ============ over-ons ====== */
	.overons-banner .each-banner-slide {
		height: 517px;
	}
	.overons-banner .col-lg-6:first-child, 
	.overons-banner .col-lg-6:last-child {
        width: 100%;
    }
	.overons-top-sec {
		padding-top: 60px;
	}
	.overons-top-sec .remove_margin_left {
		margin-right: 0 !important;
    	padding: 0 20px;
	}
	.overons-top-sec .col-lg-7, 
	.overons-top-sec .col-lg-5{
        width: 100%;
    }
	.overons-top-img::before {
		display: none;
	}
	.overons-top-img {
		clip-path: none;
	}
	.overons-top-content {
        padding-top: 45px;
    }
	.overons-mid-sec {
        padding: 60px 0;
    }
	.overons-mid-sec .line {
		left: 25px;
	}
	.overons-mid-heading {
        padding-bottom: 50px;
    }
	.overons-mid-img {
        padding-right: 0;
    }
	.overons-mid-content span h6 {
		left: -15px;
	}
	.overons-mid-content {
        padding-left: 70px;
		padding-bottom: 60px;
    }
	.overons-mid-area .flex-row-reverse .overons-mid-content span h6 {
		left: -14px;
		right: 0;
	}
	.overons-mid-area .flex-row-reverse .overons-mid-content {
		padding-left: 70px;
		padding-right: 0;
	}
	.overons-mid-img {
		display: none;
	}
	.overons-mid-img.mobile-overons-mid-img {
        display: block;
        margin-bottom: 40px;
    }
	.overons-mid-area .flex-row-reverse .overons-mid-img {
		padding-left: 0;
		padding-bottom: 0;
	}
	.overons-mid-area .flex-row-reverse .overons-mid-img {
        height: 270px;
    }
	/* ============ team ====== */
	.team-sec {
        padding: 60px 0;
    }
	.team-area .row {
        row-gap: 25px;
    }
	.each-member-info {
        bottom: -38%;
		position: initial;
		padding: 20px 0;
    }
	.each-member-info{
		height: auto !important;
	}
	/* ============ pop-up ====== */
	.modal-area .modal-dialog {
        max-width: 87%;
    }
	.modal-content .col-lg-5 {
		width: 100%;
	}
	.modal-content .col-lg-7 {
		width: 100%;
	}
	.close-img {
        top: 11px;
        right: 11px;
        height: 47px;
        width: 47px;
    }
	.close-img img {
		width: 18px;
		height: 18px;
	}
	.modal-area .popup-content {
        padding: 40px 35px;
    }
	.modal-area .popup-content h3 {
		max-width: 100%;
	}
	.modal-area .popup-content p {
		max-width: 100%;
	}
	.inloggen-img{
		clip-path: none;
	}
	.inloggen-sec .form-main-area{
		max-width: 100%;
	}
	.inloggen-sec{
		padding: 140px 0 20px;
	}
	.inloggen-conent .contact-form .form-main-area .form-styl {
		line-height: 24px;
        font-size: 1.6rem;
        padding: 8px 27px;
	}
	.inloggen-right {
		height: auto;
	}
	.login-eye-img {
		top: 41px;
	}
	.inloggen-sec .inloggen-conent p {
		margin-top: 0;
	}
	.banner-video, .each-banner {
		height: 800px;
	}
	.tab-right-insert .tabs{
		width: auto;
		margin: 0;
		column-gap: 7px;
	}
	.tab-right-insert{
		margin: 40px 0;
		justify-content: center;
	}
	.vivition-thumbbar { height: 120px; }
	.vivition-mobile-only { display: block; }

	.diensten-mid-content {
		height: auto;
	}
	.filter-sort {
	    padding-left: 0;
	}
	.range-filter {
	    padding-left: 0;
	}
	.show_selected_filter_cls {
	    padding-left: 0%;
	  }
}

@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: 9998;
	    left: 0;
	    bottom: 0;
	    display: block !important;
	}
	#mobile-contact-bar-outer {
	  background-color: #1256A4;
	  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;
	}
	.menu-icon {
		width: 8rem;
	}
	.menu-icon p{
		font-size: 1.4rem;
	}
	.menu-contect ul{
		flex-wrap: wrap
	}
	.menu-contect li{
		width: 49%;
		margin-bottom: 2rem;
	}
	.menu-contect h6 {
        margin-bottom: 1rem;
		font-size: 1.4rem;
    }
	.menu-btn span{
		right: 0;
	}
	body {
		font-size: 1.4rem;
	}
	h1{
		font-size: 4.8rem;
		line-height: 56px; /* 116.667% */
		letter-spacing: 2.4px;
		text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	}
	h2{
		font-size: 2.4rem;
		line-height: 32px; /* 133.333% */
		letter-spacing: 1.2px
	}
	h3{
		font-size: 2.4rem;
		line-height: 32px; /* 133.333% */
	}
	h5 {
		font-size: 1.6rem;
		line-height: normal;
	  }
	p{
		font-size: 1.4rem;
		line-height: 24px; /* 171.429% */
	}
	.common_btn{
		font-size: 1.4rem !important;
		padding: 12px 20px !important;
	}
	/* ========= index ==== */
	.desktop_menu .col-lg-4.col-9 {
		width: 45%;
	}
	.desktop_menu .col-lg-4.col-3{
		width: 53%;
	}
	.container{
		padding: 0 20px;
	}
	.video_banner{
		height: 517px;
	}
	.banner-conent,
	.service_slider,
	.remove_margin_right{
		max-width: 100%;
		padding:0 20px;
	}
	.home-banner .remove_margin_right{
		padding: 0;
	}
	.banner-conent ul{
		column-gap: 14px;
		padding-bottom: 109px;
	}
	.product_content td.common_btn{
		margin-top: 0;
	}
	.porduct_slider::after {
		width: 90%;
	}
	.product-wrap{
		max-width: 100%;
		padding: 0 20px;
	}
	.product_content h3{
		margin-bottom: 14px;
	}
	.product_content td{
		font-size: 1.4rem;
	}
	.product-btn {
		margin-top: 32px;
	}
	.product_content tbody{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.hover_img::after {
		height: 50px;
		width: 50px;
		background-size: 15px;
	}
	.product_content tr:first-child{
		display: flex;
		justify-content: space-between;
		width: 80%;
		flex-wrap: wrap;
	}
	.product_content tr:first-child td{
		width: 49%;
	}
	.service_sec::after {
		width: 100%;
		opacity: 0.5;
	}
	.porduct_slider {
		padding: 20px 0 50px;
	}
	.service_sec {
		padding: 49px 0;
		background-color: #F9F9F9;
	}
	.counter_sec {
		padding: 42px 0 45px;
		background-color: #F9F9F9;
	}
	.counter_img{
		width: 46px;
		height: 46px;
		margin-bottom: 15px;
	}
	.counter{
		column-gap: 10px;
	}
	.footer-area {
		padding-top: 49px;
	}
	.whatsapp-info{
		font-size: 1.6rem;
	}
	.whatsapp-btn{
		margin: 40px 0;
	}
	.footer-area::after {
		width: 70%;
	}
	.ftr_btm{
		margin-bottom: 20px;
	}
	.home_service_btm {
		background-color: #F9F9F9;
	}
	.home_service_btm_left {
		text-align: center;
	}
	.home_service_btm_left h2 {
		letter-spacing: 1.2px;
	}
	.ons-aanbod-content p {
		line-height: 26px;
		margin-bottom: 20px;
	}
	.ons-aanbod-btn {
		padding: 0 34px 50px;
		text-align: left;
	}
	/* ===== diensten-dtl ====== */
	.form-left-area{
		padding-right: 0;
	}
	.diens-service-slider .swiper-wrapper{
		margin-left: 0;
	}
	.diens-dtl-btm-area{
		padding: 0 20px;
	}
	.diens-dtl-area td{
		width: 100%;
		position: relative;
		padding-bottom: 20px;
		text-align: left;
	}
	.diens-dtl-area tr{
		flex-direction: column;
		align-items: start;
		justify-content: flex-start;
	}
	.diens-dtl-area td h5{
		margin-left: 0;
		position: absolute;
		left: 0;
	}
	.diens-dtl-area td p{
		max-width: 100%;
	}
	.diens-dtl-area td > *:not(h5){
		padding-left: 60px;
	}
	.diens-dtl-area td h3{
		margin-top: 6px;
	}
	.diens-dtl-area tr::after {
		display: none;
	  }
	.diens-dtl-area td::after{
		position: absolute;
		left: 26px;
		top: 5px;
		width: 1px;
		height: 100%;
		background-color: #292B2C;
		content: "";
		z-index: -1;
	}
	/* .diens-dtl-area td:last-child::after{
		display: none;
	} */
	.product_content p{
		height: auto;
		margin-bottom: 0;
	}
	.diens-dtl-sec{
		padding-bottom: 20px;
	}
	.form-sec{
		padding: 40px 0;
	}
	.form-main-area .row{
		row-gap: 15px;
	}
	.form-btn {
		margin-top: 40px;
	}
	.form-sec .footer_social ul{
		justify-content: center;
	}
	.form-sec .footer_social{
		margin-top: 49px;
	}
	.diens-dtl-slider-title{
		margin-bottom: 30px;
	}
	.each-product-btn a {
		background-color: #F0F0F0;
		border-color: #F0F0F0;
		color: #336DAF;
	}
	.home_service_btm .nav-tabs {
		padding-bottom: 13px;
	}
	.form-sec .footer-right {
		padding-left: 0;
	}
	/* ========= contact ======== */
	.map{
		padding-bottom: 40px;
	}
	.map-img {
		height: 320px;
	}
	/* ======== vacature-dtl =========== */
	.vacature-dtl-sec .diens-dtl-area td{
		width: 100%;
	}
	.vacature-dtl-sec .diens-dtl-area td h3 {
		margin: 8px 0 8px;
	}
	.vacature-dtl-sec .diens-dtl-area {
		padding: 0;
	}
	.vacature-dtl-sec .diens-dtl-area td li {
		line-height: 26px;
	}
	/* ======== thankyou ======= */
	/* ========== aanbod-list ====== */
	.filter-main .col-lg-3:has(.common_price_input_div_cls), .filter-main .col-lg-3{
		width: 100%;
	}
	/*.left_filter_heading > .row{
		row-gap: 12px;
	}*/
	.auto-overview-filter-result{
		bottom: 45px;
	}
		/* ====== aanbod-list === */
	.mobile-show-filter {
		top: 90px;
	}
	.scroll-filter {
		top: 66px;
	}
	.sticky-hidden{
		padding: 20px 0;
	}
	.aanbod-list {
        padding: 40px 0 40px;
    }
	/* ===== aanbod-dtl ====== */
	body .share-social-media-button .a2a_dd {
		height: 43px !important;
		width: 43px !important;
	}
	.share_btn{
		display: inline-flex;
		height: 42px;
		padding: 10px 18px;
		justify-content: center;
		align-items: center;
		gap: 10px;
	}
	.aanbod-top-right {
		margin-bottom: 44px;
	}
	.aanbod-top-left h2{
		margin-bottom: 15px;
	}
	.aanbod-top-sec{
		padding-bottom: 45px;
	}
	.aanbod-dtls-sec{
		padding: 40px 0;
	}
	.kenmerken-tab td h6{
		font-size: 1.4rem;
		letter-spacing: 0.42px;
	}
	.kenmerken-tab tr{
		display: flex;
		flex-wrap: wrap;
	}
	.kenmerken-tab td{
		width: 49%;
	}
	.kenmerken-tab tr td:nth-child(2),
	.kenmerken-tab tr td:nth-child(3){
		background-color: rgba(240, 240, 240, 1) !important;
	}
	.kenmerken-tab tr td:nth-child(1),
	.kenmerken-tab tr td:nth-child(4) {
		background-color: rgba(51, 109, 175, 0.1) !important;  
		color: white; 
	}
	.kenmerken-tab td {
        padding: 18px 18px 12px;
    }
	.tab-btm-btn{
		text-align: center;
		margin-top: 40px;
	}
	.kenmerken-tab li{
		font-size: 1.4rem;
	}
	.kenmerken-tab h3 {
		margin: 34px 0 21px;
	}
	.kenmerken-tab li:nth-child(odd){
		width: 60%;
	}
	.kenmerken-tab li:nth-child(even){
		width: 40%;
	}
	ul.tabs li.common_btn{
		padding: 10px 14px !important;
	}
	.tab-right-insert{
		column-gap: 10px;
	}
	.common-arrow{
		height: 34px;
		width: 34px;
	}
	.common-arrow img{
		width: 14px;
	}
	.aanbod-top-slider .swiper-button-next {
		right: 5px;
	}
	.aanbod-top-slider .swiper-button-prev {
		left: 5px;
	}
	.aanbod-product_heading h2 {
		margin-bottom: 30px;
	}
	.kenteken_np {
		padding-left: 25px;
	}
	.aanbod-top-price {
		min-width: 125px;
	}
	/* ============ over-ons ====== */
	.overons-top-sec {
        padding-top: 30px;
    }
	.overons-top-content {
        padding-top: 35px;
    }
	.overons-mid-sec {
        padding: 30px 0;
    }
	.overons-mid-heading {
        padding-bottom: 40px;
    }
	.overons-mid-content span h6 {
		height: 57px;
		width: 57px;
		font-size: 1.3rem;
		left: -3px;
	}
	 .overons-mid-area .flex-row-reverse .overons-mid-content span h6 {
		left: -5px;
	  }
	.overons-mid-content {
        padding-left: 60px;
        padding-bottom: 40px;
    }
	.overons-mid-area .flex-row-reverse .overons-mid-content {
        padding-left: 50px;
	}
	.overons-mid-img.mobile-overons-mid-img {
        margin-bottom: 30px;
    }
	.overons-mid-content p {
		margin-bottom: 10px;
	}
	/* ============ team ====== */
	.team-sec {
        padding: 30px 0;
    }
	.team-area .row {
        row-gap: 20px;
    }
	.each-member-info {
        bottom: 0;
		padding: 23px 20px;
    }
	.each-team:hover .each-member-info {
		padding: 23px 20px;
	}
	/* ============ pop-up ====== */
	.modal-area .modal-dialog {
        max-width: 91%;
    }
	.close-img {
        height: 40px;
        width: 40px;
    }
	.close-img img {
        width: 16px;
        height: 16px;
    }
	.modal-area .popup-content {
        padding: 40px 30px;
    }
	.modal-area .popup-content h3 {
        margin: 0 0 25px;
    }
	.modal-area .popup-content p {
        margin-bottom: 18px;
    }
	.modal-area .popup-content ul {
        margin-bottom: 22px;
    }
	.modal-area .popup-content li {
        margin-bottom: 8px;
		line-height: 24px;
    }
	.modal-area .popup-content h3 {
		letter-spacing: 0.5px;
	}
	/* ========================= */
	.inloggen-img-content{
		position: initial;
		transform: translate(0);
		background-color: #1256A4;
		padding: 40px 20px;
	}
	.privacy_section {
		padding-top: 85px;
		padding-bottom: 30px;
	}
	.tab-right-insert{
		align-items: center;
	}
	.tab-right-insert{
		flex-wrap: wrap;
		justify-content: flex-start
	}
	.tab-right-insert .tabs{
		row-gap: 10px;
	}
	.home-banner-content{
		height: 517px;
	}
	.vivition-thumbbar { 
		height: 70px; 
	}
	.home-banner .banner-conent h1 {
	    font-size: 3rem;
	    line-height: 35px;
	    letter-spacing: 1px;
  	}
  	.each-diensten-list-area {
	  height: 420px;
	}
	.diensten-mid-content {
		height: auto;
	}
}
@media(max-width: 575.98px){
	.banner-video, .each-banner {
        height: 680px;
    }
    .calsty { 
		height: 1010px; 
	}
}

@media(max-width: 429.98px){
	.banner-conent ul{
		flex-wrap: wrap;
		gap: 10px;
		margin-bottom: 0;
		padding-bottom: 50px;
	}
	.banner-conent li{
		width: 48%;
	}
	.footer-area .col-4,
	.footer-area .col-8{
		width: 100%;
	}
	.footer_bovag{
		text-align: start;
		margin-bottom: 20px;
	}
	.footer-right{
		row-gap: 20px;
	}
	.ftr_btm{
		flex-wrap: wrap;
		row-gap: 20px;
		margin-top: 30px;
	}
	.Privacy{
		width: 100%;
	}
	.each-diensten-list-content p{
		margin-top: 10px;
	}
	.each-diensten-list-content,
	.each-diensten-list:hover .each-diensten-list-content{
		padding: 30px 20px;
	}
	
	/* ================= */
	.form-right .footer-right .col-lg-6:has(table),
	.form-right .footer-right .col-lg-6{
		width: 100%;
	}
	.form-right .row{
		row-gap: 23px;
	}
	/* ======= aanbod-dtl ===== */
	.aanbod-top-right ul{
		flex-wrap: wrap;
		row-gap: 10px;
	}
	.aanbod-dtl-main-top {
        margin-top: 85px;
    }
	.each-product-btn {
		position: relative;
		margin-top: 20px;
	}
	.prict_table {
		padding-right: 0;
	}
	/* ============ over-ons ====== */
	.overons-mid-content span h6 {
        height: 44px;
        width: 44px;
		display:none;
    }
	.overons-mid-content h6 {
		font-size: 1.6rem;
	}
	.overons-mid-sec .line {
        left: 21px;
    }
	.overons-mid-heading {
        padding-bottom: 30px;
    }
	.overons-mid-content {
        padding-left: 0px;
	}
	.overons-mid-img.mobile-overons-mid-img {
        margin-bottom: 20px;
    }
	/* ============ team ====== */
	.each-member-info {
        padding: 8px 20px;
    }
	.each-team:hover .each-member-info {
		padding: 8px 20px;
	}
	.each-member-info h3 {
        font-size: 2rem;
        line-height: 25px;
    }
	.each-member-info p {
		margin: 9px 0;
		line-height: 19px;
	}
	.each-member-info a {
		line-height: 23px;
	}
	/* ============ pop-up ====== */
	.close-img {
        height: 35px;
        width: 35px;
    }
	.close-img img {
        width: 14px;
        height: 14px;
    }
	.modal-area .popup-content {
        padding: 30px 20px 75px;
    }
	.modal-area .popup-content h3 {
        margin: 0 0 20px;
    }
	.modal-area .popup-content ul {
        margin-bottom: 18px;
    }
	 .overons-mid-sec .line {
		display:none;
	  }
	.overons-mid-area .flex-row-reverse .overons-mid-content {
		padding-left: 0px;
	  }
}