@media(max-width: 1699.98px){
	.product-slider .swiper-wrapper {
		height: 62vw !important;
	}
}
@media(max-width: 1499.98px){
	.common-wrap {
		padding-left: 5%;
		padding-right: 5%;
	}
	.m-menu li a{
		font-size: 3.6rem;
		margin-bottom: 2rem;
	}
	.product-left {
		margin: 10rem 0 20rem;
	}
	.product-right {
		padding-left: 5rem;
	}
	.product-slider .swiper-wrapper{
        height: 69vw !important;
    }
	.service-sec {
		padding: 9.5rem 0 12.5rem;
	}
	.service-top-block p, .service-btm-block p {
		margin: 3rem 0;
	}
	.service-top-block, .service-btm-block {
		padding: 3rem 2rem;
	}
	.accordian-part {
		padding: 10rem 0;
	}
	.accodian-left-info {
		padding-right: 10rem;
	}
	.accordian-part .col-lg-7 {
		width: 52%;
	}
	.accordian-part .col-lg-5 {
		width: 48%;
	}
	.each-counter h2 {
		font-size: 6.5rem;
	}
	.each-counter img {
		width: 60px;
	}
	.footer-top {
		padding: 7rem;
	}
	/****over-ons****/
	.over-ons-top {
		padding: 10rem 0;
	}
	.over-ons-top-info {
		padding-left: 4rem;
	}
	.over-ons-top-info h2 {
		margin-bottom: 2rem;
	}
	.counter-sec.over-ons-counter-sec {
		padding-bottom: 10rem;
	}
	.over-ons-slider {
		padding: 8.5rem 0;
	}
	.each-over-ons-slider {
		height: 205px;
	}
	.over-ons-slider p {
		margin: 3rem auto 4rem;
	}
	.each-over-ons-slider-info h6 {
		margin-top: 0.4rem;
	}
	.each-over-ons-slider-info {
		bottom: 2rem;
	}
	/****diensten-dtl****/
	.back-btn {
		top: 15rem;
	}
	.diensten-dtl-top {
		padding: 10rem 0;
	}
	.form-sec {
		background-color: #F7FAF6;
		padding: 9rem 0;
	}
	.each-dtl-slider-info {
		padding: 2rem;
	}
	.each-dtl-slider-info h4 {
		margin-bottom: 0.5rem;
	}
	.dtl-slider h2 {
		color: #0E0F0E;
		margin-bottom: 4rem;
	}
	.dtl-accordian-part {
		padding: 9rem 0;
	}
	.dtl-accordian-part .accordion-list {
		padding-left: 1rem;
	}
	.dtl-accordian-part .accordion-list li {
		padding: 30px;
	}
	.dtl-slider-wrap {
		padding-left: 7rem;
		padding-right: 7rem;
	}
	/****aanbod-dtl****/
	.dtl-tab-sec {
		padding: 8rem 0;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
		margin-right: 2rem;
	}
	.tab-btn {
		max-width: 89rem;
	}
	.kenmerken-tab ul {
		column-gap: 0.9rem;
	}
	.aanbod-dtl-product-sec-wrap {
		padding-left: 7rem;
		padding-right: 7rem;
	}
	.aanbod-dtl-product-sec h2 {
		margin-bottom: 4rem;
	}
	/*.each-dtl-top-slider {
		height: 800px;
	}*/
	.each-dtl-top-slider-info {
		bottom: 7rem;
	}
	.each-aanbod-dtl-price h2 {
		font-size: 4rem;
	}
	/****aanbod-list****/
	.aanbod-list-top {
		padding: 12rem 0 10.5rem;
	}
	.aanbod-list-product-sec {
		padding: 4rem 0 20rem;
	}
	/****bedankt****/
	.bedankt-banner .each-banner {
		height: 780px;
	}
	.bedankt-banner .banner-content p {
		margin: 3rem 0;
	}
	.bedankt-banner {
		padding-bottom: 20rem;
	}
	.slider-price-sec h6 {
		height: 38px;
	}
}
@media(max-width: 1399.98px){
	h1{
		font-size: 4rem;
	}
	h2 {
		font-size: 3.6rem;
	}
	.bovag-logo img {
		width: 10rem;
	}
	.bovag-logo {
		margin-top: -6px;
		margin-right: 1rem;
	}
	.banner-content h1 {
		margin-bottom: 1.5rem;
	}
	.home-filter-btn {
		padding: 1.2rem 2rem;
	}
	.product-right {
        padding-left: 3rem;
    }
	.product-slider .swiper-wrapper {
        height: 75vw !important;
    }
	.product-left {
        margin: 10rem 0;
    }
	.product-sec::after {
		height: 18%;
	  }
	.service-sec {
		padding: 9rem 0;
	}
	.service-sec p {
		margin: 2rem auto 5rem;
	}
	.service-sec p {
        margin: 2rem auto 3rem;
    }
	.accordian-part {
        padding: 7rem 0;
    }
	.accodian-left-info {
        padding-right: 4rem;
    }
	.accodian-left-info p {
		margin: 3rem 0;
	}
	.each-accordion {
		padding: 3rem;
	}
	.each-gal {
		height: 205px;
	}
	.each-counter h2 {
        font-size: 5rem;
    }
	.each-counter img {
        width: 45px;
		margin-left: 1rem;
	}
	/****diensten****/
	.diensten-top {
		padding: 8rem 0;
	}
	/****over-ons****/
	.over-ons-top {
        padding: 7rem 0;
    }
	.over-ons-top-info {
        padding-left: 1.5rem;
    }
	.counter-sec.over-ons-counter-sec {
		padding-bottom: 7rem;
	}
	.over-ons-slider {
        padding: 6rem 0;
    }
	.over-ons-slider .swiper-button-next {
		right: -5%;
	}
	.over-ons-slider .swiper-button-prev {
		left: -5%;
	}
	/****diensten-dtl****/
	.back-btn {
        top: 13rem;
    }
	.diensten-dtl-top-info {
		margin-top: 5rem;
	}
	.diensten-dtl-top-info h2 {
		margin-bottom: 1.5rem;
	}
	.dtl-accordian-part .dtl-accordian-title {
		margin-bottom: 4rem;
	}
	.dtl-accordian-part {
        padding: 6rem 0;
    }
	.dtl-accordian-part .accordion-list li {
        padding: 20px;
    }
	.dtl-accordian-part .accordion-list li div.answer p {
		padding: 20px 0 0 0;
	}
	.form-right {
		padding: 4rem;
	}
	.form-sec .col-lg-5 {
		width: 45%;
	}
	.form-sec .col-lg-7 {
		width: 55%;
	}
	.each-form-left {
		margin-top: 2.5rem;
	}
	.each-form-left-btn {
		margin-top: 3rem;
	}
	.form-right p {
		margin: 2rem 0;
	}
	.form-sec textarea.form-styl {
		min-height: 13rem;
	}
	.dtl-slider-wrap {
		padding-left: 6rem;
		padding-right: 6rem;
	}
	.dtl-slider .swiper-button-next {
		right: -8%;
	}
	.dtl-slider .swiper-button-prev {
		left: -8%;
	}
	/* .dtl-slider h2 {
        margin-bottom: 2rem;
    } */
	.each-over-ons-slider {
        height: 170px;
    }
	/****contact****/
	.contact-form .form-left {
		padding-left: 3rem;
	}
	/****aanbod-dtl****/
	.kenmerken-tab ul li {
		width: 24%;
	}
	.kenmerken-tab ul {
        justify-content: left;
    }
	.aanbod-dtl-product-sec-wrap {
        padding-left: 3rem;
        padding-right: 3rem;
    }
	.aanbod-dtl-product-slider .swiper-button-next {
		right: -7%;
	}
	.aanbod-dtl-product-slider .swiper-button-prev {
		left: -7%;
	}
	/*.each-dtl-top-slider {
        height: 412px;
    }*/
	.each-aanbod-dtl-info ul li {
		padding: 0 3rem;
	}
	.form-left h3 {
		margin-bottom: 3.5rem;
	}
	/****aanbod-list****/
	.aanbod-list-top {
		padding: 10rem 0;
	}
	.filter-sec .col-xl-2 {
		width: 25%;
		margin-bottom: 1rem;
	}
	.aanbod-list-product-sec {
        padding: 4rem 0 14rem;
    }
	.aanbod-list-mid-info {
		padding: 2rem 3rem;
	}
	.aanbod-list-mid-info h4 {
		line-height: 35px;
	}
	.aanbod-list-mid-img {
		height: 160px;
	}
	/****bedankt****/
	.bedankt-banner .each-banner {
        height: 650px;
    }
	.bedankt-banner {
        padding-bottom: 17rem;
    }
	/****popup****/
	.modal-area .popup-content {
		padding: 6rem;
	}
	.modal-area .popup-content p {
		margin: 2rem auto 3rem;
	}
}
@media(max-width: 1199.98px){
	.common-wrap {
		padding-left: 3%;
		padding-right: 3%;
	}
	h1 {
		font-size: 4rem;
	}
	h2 {
		font-size: 3.4rem;
	}
	h3 {
		font-size: 3rem;
	}
	.akker_btn_cls {
		padding: 10px 15px;
	}
	.my-menu {
		height: 4rem;
		margin-top: -6px;
	}
	.m-menu li a {
		font-size: 2.8rem;
	}
	.product-left {
        margin: 6rem 0 10rem;
    }
	.product-sec::before,
	.product-sec::after {
		height: 15%;
	}
	.product-left p {
		margin: 3rem 0;
	}
	.product-right {
        padding-left: 1rem;
    }
	.product-sec::before, .product-sec::after {
		height: 13%;
	}
	.slider-price-sec p {
		height: 40px;
		overflow: hidden;
	}
	.slider-price-sec h6 {
		margin-bottom: 1.5rem;
	}
	.slider-price-sec {
		padding: 3.7rem 1rem 1.7rem;
	}
	.slider-price-sec td {
		font-size: 1.1rem;
	}
	.slider-price-sec td img {
		margin-right: 0.5rem;
	}
	.product-slider .swiper-wrapper {
        height: 82vw !important;
    }
	.product-side-arrow {
		height: 3.5rem;
		width: 3.5rem;
	}
	.home-filter-btn {
		margin-bottom: 1rem;
	}
	.text-slider ul {
		column-gap: 9rem;
	}
	.service-sec {
        padding: 6rem 0;
    }
	.each-service-block-content {
		padding: 2.5rem 2rem;
	}
	.accordian-part .col-lg-5 {
        width: 57%;
    }
	.accordian-part .col-lg-7 {
        width: 43%;
    }
	.accodian-left-info {
        padding-right: 2rem;
    }
	.each-accordion h4 {
		line-height: 17px;
		letter-spacing: 0.20px;
	}
	.each-counter h2 {
        font-size: 4.6rem;
    }
	.gallery-slider .swiper-wrapper {
		margin-left: -16rem;
		margin-right: -16rem;
	}
	.each-gal {
        height: 190px;
    }
	.footer-top {
        padding: 3rem;
    }
	/****diensten****/
	.inner-banner .home-each-banner {
		height: 40rem;
	}
	.diensten-top {
        padding: 6rem 0;
    }
	.list-sec {
        padding: 6rem 0;
    }
	/****over-ons****/
	.over-ons-slider .swiper-button-next {
        right: -3%;
    }
	.over-ons-slider .swiper-button-prev {
        left: -3%;
    }
	.gallery-slider {
		background-color: #F7FAF6;
		padding-top: 3rem;
	}
	.each-over-ons-slider {
        height: 200px;
    }
	/****diensten-dtl****/
	.diensten-dtl-top {
        padding: 10rem 0 7rem;
    }
	.back-btn {
        top: 11rem;
    }
	.diensten-dtl-top-info {
        margin-top: 2rem;
    }
	.dtl-accordian-part .accordion-list li h4 {
		font-size: 2rem;
	}
	.form-sec {
        padding: 6rem 0;
    }
	.each-form-left-btn .akker_btn_cls {
		margin-right: 0.3rem;
	}
	/****contact****/
	.contact-form .form-left {
        padding-left: 1rem;
    }
	/****aanbod-dtl****/
	.dtl-tab-sec {
        padding: 6rem 0;
    }
	.tab-btn {
        max-width: 84rem;
        padding: 0 2rem;
    }
	/*.each-dtl-top-slider {
        height: 600px;
    }*/
	.each-dtl-top-slider-info {
        bottom: 4rem;
    }
	.back-btn.aanbod-dtl-back-btn {
		top: 11rem;
	}
	.aanbod-dtl-top {
		padding-top: 13rem;
	}
	.each-aanbod-dtl-info ul li {
        padding: 0 1.5rem;
    }
	.each-aanbod-dtl-price h2 {
        font-size: 3.5rem;
    }
	.each-aanbod-dtl-price h4 {
		font-size: 2rem;
	}
	.each-aanbod-dtl-info h4 {
		font-size: 2rem;
	}
	/****aanbod-list****/
	.aanbod-list-top {
        padding: 9rem 0 6rem;
    }
	.aanbod-list-mid-info {
        padding: 2rem 1.5rem;
    }
	.aanbod-list-mid-info h4 {
        line-height: 30px;
    }
	/****popup****/
	.modal-area .popup-content {
        padding: 4rem;
    }
	.modal-area .modal-dialog {
        max-width: 77%;
    }
}
@media(max-width: 991.98px){
	.dblock{
		display: block;
	}
	.res-logo-styl{
		width: 160px;
		margin-top: 6px;
	}
	.header-logo {
		margin: auto;
    	display: table;
    }
	.header-logo img {
		width: 15rem;
	}
	.common-arrow {
		width: 36px;
		height: 36px;
	}
	.common-arrow img {
		width: 12px;
	}
	.bovag-logo {
		display: none;
	}
	.my-menu {
        margin-top: 0;
    }
	.m-menu {
		border-right: 0;
	}
	.menu-icon{
		position: absolute;
		right: .5rem;
		top: 50%;
		transform: translateY(-50%);
	}
	.my-menu span {
        font-size: 1.12rem;
    }
    .menu-icon .common-line {
	    width: 1.4rem;
	}
	.my-menu span {
        margin-right: .5rem;
    }
	.my-menu {
        width: 7rem;
    }
    .common-line{
    	margin: .3rem 0;
    }
    .menu-icon:hover .top-line {
	  transform: translateY(2px);
	}
    .menu-icon:hover .bottom-line {
	  	transform: translateY(-3px);
	}
	.my-menu {
		border: 0;
	}
	.m-menu-right {
		padding-left: 4rem;
		padding-top: 4rem;
		display: none;
	}
	.m-menu ul {
		padding-left: 4rem;
	}
	.m-menu li a {
       	font-size: 1.8rem;
		margin-bottom: .75rem;
    }
	.m-menu-right .footer-left {
		margin-top: 2rem;
		position: static;
	}
	.m-menu-right h4 {
	  	margin-bottom: 1.5rem;
	}
	h1 {
		font-size: 3rem;
		line-height: normal;
	}
	h2 {
		font-size: 2.6rem;
    	line-height: normal;
	}
	h3 {
		font-size: 2.4rem;
	}
	h4{
		font-size: 2rem;
	}
	.menu-right ul {
        display: none;
    }
	.product-swiper-left {
		margin-top: 0;
		margin-bottom: 0;
	}
	.product-swiper-right {
		margin-top: 0;
		margin-bottom: 0;
	}
	.product-slider .swiper-wrapper {
        height: 100% !important;
    }
	.product-right {
        padding-left: 0;
    }
	.product-left {
        margin: 3rem 0;
    }
	.product-side-arrow {
		display: none;
	}
	.product-sec::before, .product-sec::after {
		display: none;
	}
	.product-left {
		max-width: 100%;
	}
	.home-filter-part {
		display: flex;
		flex-wrap: wrap;
	}
	.product-slider .common-arrow {
/*		visibility: visible;*/
		top: 0;
	}
	.product-slider .swiper-button-next {
		right: 0;
	}
	.product-slider .swiper-button-prev {
		right: 6rem;
		left: auto;
	}
	.product-slider .swiper {
		padding-top: 4rem;
	}
	.text-slider-sec {
		margin-top: 3rem;
	}
	.slider-price-sec p {
        height: auto;
    }
	.slider-price-sec h6 {
        height: auto;
    }
	.service-sec {
        padding: 3rem 0;
    }
	.service-top-block {
		margin-top: 2rem;
	}
	.service-sec p {
        margin: 2rem 0;
    }
	.service-top-block, .service-btm-block {
        padding: 2rem;
    }
	.accordian-part {
        padding: 3rem 0;
    }
	.accordian-part .col-lg-5 {
        width: 100%;
    }
	.accordian-part .col-lg-7 {
        width: 100%;
    }
	.accodian-left-info {
        padding-right: 0;
        margin-top: 0;
		margin-bottom: 3rem;
    }
	.each-counter h2 {
        font-size: 3.6rem;
    }
    .each-counter img{
    	width: 35px;
    }
	.each-counter {
		margin: 0 0 2rem !important;
	}
	.counter-sec{
		padding-bottom: 2rem;
	}
	.footer-right ul {
		max-width: 100%;
	}
	.footer-btm {
		margin-top: 2.5rem;
	}
	.footer-left h3 {
		margin-bottom: 2.5rem;
	}
	.footer-area {
		padding: 0 0 2.5rem;
	}
	/****diensten****/
	.diensten-top {
        padding: 3rem 0;
    }
	.diensten-top p {
		max-width: 100%;
		margin-top: 1rem;
	}
	.list-sec .each-service-block-content p {
		margin: 0.5rem 0 1rem;
	}
	.list-sec .each-service-block:hover p {
		-webkit-line-clamp: 3;
	}
	.list-sec {
        padding: 3rem 0;
    }
	.list-sec .each-service-block-content p {
		max-width: 100%;
	}
	/****over-ons****/
	.over-ons-top {
        padding: 3rem 0;
    }
	.over-ons-top-info {
        padding-left: 0;
        padding-top: 2rem;
    }
	.counter-sec.over-ons-counter-sec {
		padding-bottom: 3rem;
	}
	.over-ons-slider {
        padding: 3rem 0;
    }
	.each-over-ons-slider {
        height: 200px;
    }
	.over-ons-slider .common-arrow {
		top: 0;
	}
	.over-ons-slider .swiper {
		padding-top: 3rem;
	}
	.over-ons-slider .swiper-button-next {
        right: 0;
    }
	.over-ons-slider .swiper-button-prev {
        left: auto;
		right: 5rem;
    }
	.over-ons-slider p {
        margin: 1.2rem auto 4rem;
    }
	/****diensten-dtl****/
	.back-btn {
        padding-bottom: 3rem;
    }
	.diensten-dtl-top-info {
		padding-right: 0;
	}
	.diensten-dtl-top-info p {
		max-width: 100%;
	}
	.diensten-dtl-top {
        padding: 10rem 0 3rem;
    }
	.dtl-accordian-part .dtl-accordian-title {
        margin-bottom: 2.5rem;
    }
	.dtl-accordian-part {
        padding: 3rem 0;
    }
	.dtl-accordian-part .accordion-list {
        padding-left: 0;
		padding-top: 3rem;
    }
	.form-right {
        padding: 2rem;
    }
	.form-sec {
        padding: 3rem 0;
    }
	.form-sec .col-lg-5 {
        width: 100%;
    }
	.form-sec .col-lg-7 {
        width: 100%;
    }
	.form-left {
		margin-top: 0;
	}
	.each-form-left h6 {
		margin-bottom: 0.5rem;
	}
	.form-left h3 {
		margin-bottom: 0;
	}
	.each-form-left {
        margin-top: 1.5rem;
    }
	.each-form-left-btn {
        margin-top: 1.5rem;
    }
	.form-right {
		margin-top: 3rem;
	}
	.form-btn {
		margin-top: 1rem;
	}
	.dtl-slider-wrap {
        padding-left: 0;
        padding-right: 0;
    }
	.dtl-slider .common-arrow {
		top: 0;
	}
	.dtl-slider .swiper-button-next {
        right: 0;
    }
	.dtl-slider .swiper-button-prev {
        left: auto;
        right: 5rem;
    }
	.dtl-slider .swiper {
		padding-top: 3rem;
	}
	.dtl-slider {
        padding-bottom: 16rem;
    }
	/****contact****/
	.contact-form .form-left {
        padding-left: 0;
    }
	/****aanbod-dtl****/
	.aanbod-dtl-product-sec-wrap {
        padding-left: 0;
        padding-right: 0;
    }
	.aanbod-dtl-product-slider .common-arrow {
		top: 0;
	}
	.aanbod-dtl-product-slider .swiper-button-next {
		right: 0;
	}
	.aanbod-dtl-product-slider .swiper-button-prev {
		left: auto;
		right: 5rem;
	}
	.aanbod-dtl-product-slider .swiper {
		padding-top: 4rem;
	}
	.aanbod-dtl-btm {
		padding: 3rem 0;
	}
	.each-aanbod-dtl-price {
		margin-top: 2rem;
	}
	.dtl-tab-sec {
        padding: 3rem 0;
    }
	.tab-btn {
        max-width: 100%;
        padding: 0 1rem;
    }
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link {
		padding: 14px 17px;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
        margin-right: 0.5rem;
        font-size: 1.5rem;
    }
	.kenmerken-tab ul li {
        width: 49%;
    }
	.tab-content {
		padding: 3rem 2rem;
		margin-top: 0rem;
	}
	
	.aanbod-dtl-top-slider .swiper-button-next {
		right: 1rem;
	}
	.aanbod-dtl-top-slider .swiper-button-prev {
		right: 5rem;
	}
	.aanbod-dtl-top {
        padding-top: 11rem;
    }
	.each-aanbod-dtl-btm-right ul {
		justify-content: left;
	}
	.mid-line {
		margin: 2rem 0;
	}
	.each-aanbod-dtl-btm-right {
		margin-top: 2rem;
	}
	.each-aanbod-dtl-price h2 {
        font-size: 3rem;
    }
	/****aanbod-list****/
	.aanbod-list-top {
		display: none;
	}
	.menu-fixed{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
	}
	.mobile-product{
		z-index: 999;
	}
	.mobile-filter{
		display: none;
		padding-bottom: 12rem;
	}
	.mobile-filter.active{
		display: block;
	}
	.filter-content{
		padding-bottom: 14rem;
	}
	.mobile-filter-close{
		position: sticky;
		top: 0;
		background: #0E0F0E;
		z-index: 9;
		padding: 4rem 1.4rem;
    	width: calc(100% + 2.8rem);
    	margin-left: -1.4rem;
	}
	.mobile-filter-close span {
		width: 3.2rem;
		height: 3.2rem;
		background-color: #F7FAF6;
		border-radius: 50%;
		cursor: pointer;
	}
	.mobile-filter-close hr{
		width: calc(100% + 3rem);
		width: calc(100% + 3rem);
		margin: 2rem 0 0 -1.5rem;
		background-color: rgba(255,255,255,0.2);
		opacity: 1;
	}
	.mobile-filter-btn {
		background: #F7FAF6;
		display: inline-flex;
		font-size: 1.4rem;
		font-family: 'widescreen_trialex_medium';
		border: 0;
		padding: 0 1.5rem;
		border-radius: 10px;
		height: 45px;
		line-height: 45px;
		color: #0E0F0E;
		cursor: pointer;
	}
	.clear-filter-wrap .show_selected_filter_cls.my-5{
		margin: 0 !important;
	}
	.clear-filter-wrap{
		padding: 2rem 0;
	}
	.auto-overview-tag{
		background: #e1e3e6;
	}
	.auto-overview-tag:hover {
		background: #B1E4FF;
	}
	.auto-overview-filter-result{
		position: fixed;
		bottom: 0;
		width: 100%;
		padding: 2rem 5%;
		left: 0;
		background: #F7FAF6;
		background: #0E0F0E;
		border-top: 1px solid rgba(255,255,255,0.2);
		z-index: 99;
	}
	.auto-overview-filter-result .default-btn{
		background: #004bbe !important;
		color: #fff !important;
		padding: 10px 0;
		cursor: pointer;
	}
	.auto-overview-filter-result .default-btn:hover, .auto-overview-filter-result .default-btn:focus {
		background: #004bbe !important;
	}
	.sort-by{
		width: calc(100% - 9rem);
		padding-left: 1rem;
	}
	.filter-count {
		min-width: 2rem;
		height: 2rem;
		background-color: #0064ff;
		border-radius: 100%;
		color: #fff;
		margin-left: .75rem;
		font-size: 1.2rem;
	}
	.make_sticky {
		position: fixed;
		top: 0px;
		left: 0;
		width: 100%;
		background: #0E0F0E;
		z-index: 999;
		height: 100%;
		overflow-y: auto;
	}
	.make_sticky_onscroll {
		position: initial;
		height: auto;
	}
	.filter-sec .select-style {
		height: 47px;
		line-height: 47px;
		font-size: 13px;
		padding: 0 1rem;
		background-position: 96%;
	}
	/* .each-filter .common_price_input_div_cls{
		padding: 0 1.5rem;
	}
	.each-filter #prijis_btn_min{
		margin-left: -1.5rem;
	}
	.each-filter #prijis_btn_max{
		margin-right: -1.5rem;
	}*/
	.mobile-btn-stiky{
		position: fixed;
		top: 7rem !important;
		z-index: 99;
		left: 0;
		width: 100%;
		padding: 2rem 5%;
		background: #1c1c1c;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.mobile-btn-stiky.active{
		padding-top: 1.4rem;
		padding-bottom: 1.4rem;
		
		box-shadow: 0px 3px 10px rgba(0,0,0,.1);
		-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,.1);
	}
	.clear-filter-wrap .show_selected_filter_cls.my-4 {
		margin: 0 !important;
	}
	.filter-sec .col-xl-2{
		padding-left: .75rem;
		padding-right: .75rem;
	}
	.filter-sec .auto-overview-filter-result .load_img{
		width: 50px;
	}
	.mobile-filter-close img{
		width: 2rem;
	}
	.filter-sec .col-xl-2 {
		width: 33%;
		margin-bottom: 1rem;
	}
	/* .filter-top{
		top: 0 !important;
	} */
	.filter-sec h2{
		display: none;
	}
	.filter-sec {
		padding-top: 4rem;
	}
	.aanbod-list-product-sec {
        padding: 13rem 0 13rem;
    }
	/****bedankt****/
	.bedankt-banner .banner-content p {
        margin: 1rem 0 2rem;
        max-width: 100%;
    }
	.bedankt-banner .each-banner {
        height: 450px;
    }
	.bedankt-banner {
        padding-bottom: 16rem;
    }
	/****popup****/
	.modal-area .modal-dialog {
        max-width: 90%;
    }
	.modal-area .popup-content {
        padding: 3rem 2rem;
    }
	.modal-area .popup-content p {
        margin: 1rem auto 2rem;
        max-width: 100%;
    }
    .privacy_section{
		padding-top: 6rem;
	}
	.aanbod-dtl-product-sec {
        padding-bottom: 4rem;
    }
}
@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: #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%;
	}
	#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;
	}
	.common-wrap {
		padding-left: 2%;
		padding-right: 2%;
	}
	h1 {
		font-size: 2.6rem;
	}
	h2 {
		font-size: 2.4rem;
	}
	h3 {
		font-size: 2.4rem;
	}
	h4 {
		font-size: 2rem;
	}
	.fixed-wp {
		display: none;
	}
	.menu-right {
		margin-right: 7rem;
	}
	.home-each-banner {
		height: 35rem;
	}
	.home-each-banner img {
		height: 100%;
		object-fit: cover;
	}
	.banner-btm-scroll {
		display: none;
	}
	.banner-content {
		top: 57%;
	}
	.text-slider ul {
        column-gap: 6rem;
        margin-right: 6rem;
    }
	/* .each-gal {
        height: auto;
    } */
	.accodian-left-info p {
        margin: 1.8rem 0;
    }
	.each-accordion {
        padding: 2rem 1.5rem;
    }
	.each-accordion h4 img {
		margin-right: 1rem;
		width: 2.5rem;
	}
	.each-accordion h4 {
        margin-bottom: 1rem;
        line-height: 13px;
        letter-spacing: normal;
        font-size: 1.6rem;
    }
	.each-accordion p {
		padding-left: 4rem;
		font-size: 1.4rem;
	}
	.each-counter h2 {
        font-size: 3.6rem;
    }
	.counter-sec .row {
		justify-content: center;
	}
	.footer-left li span {
		display: block;
	}
	.footer-left .akker_btn_cls {
		margin-right: 0;
		margin-bottom: 1rem;
	}
	.footer-area {
        padding: 0 0 5rem;
    }
	/****diensten****/
	.inner-banner .home-each-banner {
        height: 35rem;
    }
	.inner-banner .banner-content {
		top: 65%;
	}
	/****over-ons****/
	.over-ons-top-info h2 {
        margin-bottom: 1rem;
    }
	.each-over-ons-slider {
        height: auto;
    }
	/****diensten-dtl****/
	.dtl-slider h2 {
        margin-bottom: 3rem;
    }
	.dtl-accordian-part .accordion-list li div.answer p {
        padding: 10px 0 0 0;
    }
	.form-styl {
		padding: 1rem;
	}
	.form-sec textarea.form-styl {
        min-height: 10rem;
    }
	.form-right p {
        margin: 1rem 0 2rem;
    }
	/****aanbod-dtl****/
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
        width: 49%;
    }
	.each-aanbod-dtl-price h2 {
        font-size: 2.7rem;
    }
	.each-aanbod-dtl-info ul {
		flex-wrap: wrap;
	}
	.each-aanbod-dtl-info ul li {
        width: 49%;
		border-right: 0;
		padding: 0;
		margin-bottom: 1.5rem;
    }
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link {
        padding: 14px 17px 14px 7px;
    }
	.each-aanbod-dtl-btm .akker_btn_cls {
		padding: 9px 10px;
	}
	/****aanbod-list****/
	.filter-sec .col-xl-2{
		width: 50%;
	}
	.auto-overview-filter-result {
		bottom: 45px;
	}
	.aanbod-list-mid-img {
        height: auto;
    }
	.aanbod-list-mid-info h4 {
        line-height: 26px;
        word-break: break-word;
    }
	/****popup****/
	.modal-area .modal-dialog {
        max-width: 95%;
    }
	.image-area{
		width: 100%;
	}
	.fixed-iframe iframe{
		display: none;
	}
	.cal-iframe {
		height: 1500px;
	}
	/*.each-dtl-top-slider {
		height: 500px;
	}*/
}
@media(max-width: 575.98px){
	h2 {
        font-size: 2.2rem;
    }
	h3 {
		font-size: 2rem;
	}
	h4 {
		font-size: 1.8rem;
	}
	.menu-right {
        margin-right: 2rem;
    }
	.m-menu ul, .m-menu-right {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .home-banner{
    	height: 70vh;
    }
	.home-each-banner {
        height: 40rem;
    }
	.banner-content {
		top: 57%;
	}
	.scroll-indicator {
		bottom: 10px;
	}
	.product-sec .select-style {
		padding: 1rem 1.2rem;
		font-size: 1.2rem;
	}
	.home-filter .row {
		margin-top: 0.5rem;
	}
	/* .product-slider .swiper-wrapper {
        height: 120vw !important;
    } */
	.product-swiper-left {
		margin-bottom: 2rem;
	}
	.text-slider ul {
        column-gap: 4rem;
    }
	.each-accordion .accordion-button:after {
		width: 1rem;
		height: 1rem;
		background-size: 1rem;
		top: 0.5rem;
	}
	.each-accordion h4 {
        font-size: 1.5rem;
    }
	.each-counter h2 {
        font-size: 2.5rem;
    }
    .each-counter h6{
    	font-size: 1.4rem;
    }
	.each-counter img {
        width: 30px;
    }
	/* .each-gal {
        height: auto;
    } */
	.gallery-slider .swiper-wrapper {
        margin-left: 0;
        margin-right: 0;
    }
	.footer-logo img {
		width: 13rem;
	}
	.footer-top {
        padding: 3rem 1rem;
		border-radius: 10px;
    }
	.footer-logo {
		margin-bottom: 1rem;
	}
	.footer-left li img {
		margin-right: 1rem;
		width: 13px;
	}
	.footer-left li p, .footer-left li a {
		font-size: 1.3rem;
	}
	.footer-right li {
		font-size: 1.3rem;
	}
	.footer-left h3 {
        margin-bottom: 1.5rem;
    }
	.footer-left li .akker_btn_cls img {
		margin-right: 0.7rem;
	}
	.footer-left .akker_btn_cls {
		padding: 6px 10px;
	}
	.footer-left .akker_btn_cls {
		margin-top: 1rem;
		margin-bottom: 0;
	}
	/****diensten****/
	.inner-banner .home-each-banner {
        height: 20rem;
    }
	.list-sec {
        padding: 3rem 0;
    }
	.list-sec .each-service-block:hover p {
		-webkit-line-clamp: 2;
	}
	/****over-ons****/
	.over-ons-slider {
        padding: 3rem 0;
    }
	.each-over-ons-slider-info {
        bottom: 1rem;
    }
	/****diensten-dtl****/
	.dtl-slider {
        padding-bottom: 9rem;
    }
	.each-form-left-btn .akker_btn_cls {
        margin-bottom: 0.8rem;
    }
	.dtl-accordian-part .accordion-list li h4:after {
		width: 1rem;
		height: 1rem;
		background-size: 1rem;
	}
	.dtl-accordian-part .accordion-list li {
        padding: 20px 10px;
    }
	.dtl-accordian-part .accordion-list li h4 {
        font-size: 1.8rem;
    }
	.form-right {
        margin-top: 2rem;
    }
	.form-right {
        padding: 2rem 1rem;
    }
	/****contact****/
	.contact-banner .home-each-banner {
		height: 32rem;
	}
	.form-sec.contact-form {
        padding-bottom: 9rem;
    }
	/****aanbod-dtl****/
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
        width: 48%;
    }
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item.onder-btn {
        width: 100%;
    }
	.kenmerken-tab ul li {
        width: 48%;
    }
	.tab-content {
        padding: 3rem 1rem 1rem;
        margin-top: 0rem;
    }
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
        font-size: 1.3rem;
    }
	.kenmerken-tab ul li {
		font-size: 1.4rem;
		line-height: 28px;
		padding: 0.8rem 0;
	}
	.left-bg-block {
		width: 11rem;
	}
	.block-dtls {
		width: calc(100% - 10rem);
		min-height: 13rem;
	}
	.each-onderhoud-block h4 {
		font-size: 1.5rem;
	}
	.left-bg-block h6 {
		font-size: 1.2rem;
	}
	.each-dtl-top-slider-info h4 {
		margin-bottom: 1rem;
	}
	.each-dtl-top-slider-info {
        bottom: 4rem;
    }
	.aanbod-dtl-top-slider .common-arrow img {
		width: 15px;
	}
	.aanbod-dtl-top-slider .swiper-button-prev {
        right: 4rem;
    }
	.each-aanbod-dtl-info ul li {
        width: 100%;
		text-align: left;
    }
	.each-aanbod-dtl-btm .akker_btn_cls {
		margin-right: 0.5rem;
		margin-bottom: 1rem;
		padding: 9px 10px;
	}
	.each-aanbod-dtl-btm-right {
        margin-top: 1rem;
    }
	/****aanbod-list****/
	.filter-sec .col-xl-2{
		width: 100%;
	}
	/****bedankt****/
	.bedankt-banner .banner-content {
		top: 50%;
	}
	.bedankt-banner {
        padding-bottom: 9rem;
    }
	.bedankt-banner .banner-content p {
        margin: 1rem 0;
        max-width: 100%;
    }
  /*  .each-dtl-top-slider {
		height: 350px;
	}*/
	.pop-btn {
		margin-left:0;
		margin-top:1.5rem;
	}
}