@media (min-width: 1500px) {
	.container{
		max-width:1350px;
	}
}
@media (min-width: 1650px){
	.container{
		max-width:1487px;
	}
}
@media (max-width: 1649.98px){
	.each-icon td h4{
		font-size: 22px;
		letter-spacing: normal;
	}
	.overons-form-upper-part  .left-content{
		padding-bottom: 130px;
		padding-top: 80px;
	}
	.overons-form-upper-part  .left-content, .form-panel{
		padding-left: 100px;
	}
	.each-upper-slide {
    	height: 250px;
	}
	/****************************werkplts lisiview*******************/
	.each-listview-panel .middle-slider-wrapper{
		width: calc(100% - 100px);
	}
	.each-listview-panel .col-lg-7 {
	   -ms-flex: 0 0 58.333333%;
	    flex: 0 0 58.333333%;
	    max-width: 58.333333%;
	}
	.each-listview-panel .col-lg-5 {
	    -ms-flex: 0 0 41.666667%;
	    flex: 0 0 41.666667%;
	    max-width: 41.666667%;
	}
	/****************************aanbod*****************/
	.aanbod-product-area .product-content p span {
	    margin: 0 10px;
	}
}
@media (max-width: 1599.98px){
	/****************************werkplts lisiview*******************/
	.each-listview-panel .left-content{
		margin-left: -40px; 
	}
	.each-listview-panel:nth-child(even) .left-content{
		margin-left: 40px;
	}
	/*************************new-footer***********************/
	.new-footer-bg-area{
		width:75%;
	}
}
@media (max-width: 1499.98px){
	h3{
		font-size: 32px;
	}
	.each-icon td:first-child .car {
    	width: 40px;
	}
	.each-icon td:first-child img {
    	width: 30px;
    	margin-right: 10px;
	}
	.each-icon td h4{
		font-size: 19px;
	}
	.each-icon{
		padding: 30px 20px;
	}
	.red-icons-wrapper{
		top: -55px;
	}
	.product-panel{
		max-width: 980px;
	}
	.left-content{
		padding-left: 100px;
		padding-right: 40px;
	}
	.man-content{
		padding-top: 30px;
	}
	.counter-area h4{
		margin-left: 20px;
		font-size: 24px;
	}
	/**********************overons******************/
	.inner-banner{
		height: 370px;
	}
	.each-upper-slide {
    	height: 225px;
	}
	.menu-top-area li{
		margin-right: 10px;
	}
	.overons-form-upper-part .left-content {
	    padding-bottom: 80px;
	    padding-top: 60px;
	}
	.overons-top-block .man-content p {
		margin-top: 20px;
		line-height: 28px;
	}
	.overons-top-block .man-content{
		padding-left: 0;
		padding-right: 15px;
	}
	/************************werkplts listview***********************/
	.each-listview-panel .middle-slider-wrapper {
	    width: calc(100% - 40px);
	}
	.each-listview-panel .left-content{
		padding-bottom: 40px;
	}
	.each-listview-panel .left-content p{
		margin: 25px 0 30px;
	}
	/***********************aanbod**********************/
	.product-content{
		padding-left:20px;
		padding-right:20px;
	}
}
@media (max-width: 1400px) {
	/*========pop up========*/
	.modal_area .black_btn {
		margin-top: 20px;
	}
	.popup_content {
		padding-top: 5%;
		padding-left: 30px;
		padding-right: 30px;
	}
	/*========pop up end========*/
}
@media (max-width: 1350px){
	.left-content{
		padding-left: 70px;
	}
	/**********************aanbod***************/
	.aanbod-product-area .product-content p span {
	    margin: 0 5px;
	}
	.aanbod-product-area .product-content{
		padding-right: 10px;
		padding-left: 10px;
	}
	.product-content td{
		padding-right:0;
	}
	.tab-middle-right td h4{
		font-size: 20px;
	}
}
@media (max-width: 1299.98px){
	h1{
		font-size: 48px;
	}
	h3{
		font-size: 32px;
	}
	.customnav.navbar-light .navbar-nav .nav-item {
    	padding-left: 50px;
	}
	.nav-social {
    	margin-right: 0;
	}
	/**********************werkplts listview*****************/
	.each-listview-panel .left-content, .each-listview-panel:nth-child(even) .left-content {
	    margin-left: 0px;
	}
	/*********************aanbod dtl***************/
	.dtl-right-part {
	    width:100%;
	}
}
@media (max-width: 1199.98px){
	h1 {
	    font-size: 42px;
	}
	h3 {
	    font-size: 28px;
	}
	.customnav.navbar-light .navbar-nav .nav-item {
    	padding-left: 35px;
	}
	.customnav.navbar-light .navbar-nav .nav-item.nav-social {
   	 padding-left: 30px;
	}
	.each-icon td h4 {
	    font-size: 16px;
	}
	.each-icon td:first-child img{
		width: 26px;
	}
	.each-icon td:first-child .car{
		width: 30px;
	}
	.each-icon{
		padding-left: 15px;
		padding-right: 15px;
	}
	.product-content p span {
    	margin: 0 13px;
	}
	.product-area .swiper-button-next {
    	right: -10px;
	}
	.product-area .swiper-button-prev {
    	left: -10px;
	}
	.middle-slider-wrapper{
		padding-top: 100px;
	}
	.left-content {
    	padding-left: 40px;
	}
	.man-content{
		padding-left: 0;
		padding-top: 0;
	}
	.counter-area h4 {
	    margin-left: 10px;
	    font-size: 20px;
	}
	.footer-upper-wrapper{
		padding: 100px 0 80px;
	}
	/************************overons*****************/
	.inner-banner {
	    height: 300px;
	}
	.inner-banner .slider-content{
		top: 60%;
	}
	.overons-form-upper-part .left-content, .form-panel{
		padding-left: 100px;
	}
	.overons-form-upper-part .left-content{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.overons-form-upper-part .left-content p{
		margin-top: 20px;
	}
	.contact-address img {
	    margin-right: 5px;
	}
	.menu-top-area li:last-child {
	    padding-right: 10px;
	    padding-left: 10px;
	}
	.menu-top-area li{
		max-width: 230px;
		margin-right: 0;
	}
	.overons-btm-slider{
		padding-top: 80px;
	}
	.overons-form-upper-part .left-content, .form-panel{
		padding-left: 60px;
	}
	.section-heading {
	    margin-bottom: 50px;
	}
	.upper-slider .swiper-slide:nth-child(odd), 
	.upper-slider .swiper-slide:nth-child(even), 
	.bottom-slider .swiper-slide:nth-child(odd),
	.bottom-slider .swiper-slide:nth-child(even)
	{
		width:33.33% !important;
	}
	/*****************************contact******************/
	.map-area {
	    height: 530px;
	}
	/**********************werkplts dtl*******************/
	.werkplts-top-block .footer-upper-wrapper {
	    padding-top: 80px;
	}
	.werkplts-top-block:after{
		height: 80px;
	}
	/**********************werkplts listview*****************/
	.each-listview-panel .middle-slider-wrapper {
	    width: 100% ;
	}
	.each-listview-panel .middle-slider-wrapper{
		padding-top: 80px;
	}
	/*******************************aanbod*******************/
	.aanbod-select-wrapper{
		padding-right: 0;
	}
	/**********************aanbod dtl******************/
	.aanbod-dtl-top-sec h2, .aanbod-dtl-top-sec h3{
		font-size: 26px;
	}
	.aanbod-dt-product{
		padding-top: 80px;
	}
	.aanbod-dtl-product-heading {
	    margin-bottom: 40px;
	}
	.aanbod-detail-tab-sec .tab-content {
    	padding: 30px 20px;
    }
	
	/*=======pop up======*/
	.modal_area .modal-dialog {
		max-width: 80%;
	}
	.popup_content {
		padding-left: 20px;
		padding-right: 20px;
	}
	.modal_area .modal-content p {
		font-size: 14px;
	}
	.popup_content h2 {
		font-size: 28px;
		padding-bottom: 7px;
	}
	.modal_area .black_btn {
		margin-top: 15px;
	}
	.modal_area .modal_close_img img {
		max-height: 30px;
	}
	/*******new home page*******/
	.red-icons-panel .each-icon .txt-btn{
		font-size:15px;
		letter-spacing:normal;
	}
	.tab-sec-wrapper {
	    width: calc(100% - 50px);
	}
	.aanbod-detail-tab-sec .nav-tabs .nav-link{
		padding: 14px 10px;
	}
}
@media (max-width: 991.98px){
	.header-area{
		display: none;
	}
	.dblock{
		display: block;
		height: auto;
	}
	.res-logo-styl{
		width:120px;
	}
	h1 {
	    font-size: 36px;
	    line-height: 45px;
	}
	h3{
		font-size: 26px;
	}
	.each-icon{
	    padding: 30px;
	    margin-bottom: 20px;
	}
	.red-icons-wrapper {
    	top: 0;
	}
	.select-heading{
		margin-bottom: 20px;
	}
	.product-content td{
		display: block;
		width: 100%;
		text-align: left;
	}
	.product-area{
		padding-bottom: 40px;
	}
	.middle-slider-wrapper{
		padding: 50px 0 0;
	}
	.each-right-slide img{
		display: block;
	}
	.right-slider{
		background-color: #fff;
		padding-right: 0;
	}
	.right-slider .swiper-button-prev{
		left: 40px;
	}
	.right-slider .swiper-button-next {
    	left: 70px;
	}
	.left-content .white-btn{
		margin-bottom: 30px;
	}
	.footer-upper-wrapper{
		padding: 50px 0;
	}
	.man-image{
		width: 100%;
		background-size: 0;
	}
	.man-image img{
		display: block;
	}
	.common-btn{
		max-width: 220px;
	}
	.footer-upper-wrapper .text-right{
		text-align: left !important;
	}
	.counter-area h4{
		display: block;
		margin-left: 0;
		margin-top: 10px;
	}
	.counter-area {
    	padding: 60px 0;
	}
	.logo-panel{
		margin-top: 30px;
	}
	.footer-middle{
		padding: 50px 0;
	}
	.red-icons-wrapper .col-lg-4:last-child{
		margin-left: auto;
		margin-right: auto;
	}
	/****************************overons********************/
	.inner-banner{
		height: auto;
	}
	.inner-banner img{
		display: block;
	}
	.inner-banner .slider-content{
		top: 50%;
	}
	.overons-top-block .man-content{
		margin-top: 0;
	}
	.overons-top-block .footer-upper-wrapper{
		padding: 40px 0;
	}
	.overons-top-block .footer-upper-bg, .form-panel:after{
		left: 0;
	}
	.overons-top-block .man-content{
		padding-right: 0;
		padding-bottom: 40px;
	}
	.overons-form-upper-part .left-content, .form-panel{
		padding: 40px 0;
	}
	.overons-left-image{
		width: 100%;
		background-size: 0;
	}
	.overons-left-image-wrapper{
		position: relative;
	}
	.overons-left-image img{
		display: block;
	}
	.overons-top-block .man-content p{
		text-align: justify;
		padding-right: 30px;
	}
	.contact-form-address{
		padding: 40px 0;
	}
	.form-panel::after {
	    width: 100vw;
	    right: 0;
	    margin-left: -50vw;
	    left: 50%;
	}
	.form-panel h3::after{
		top: 0px;
	}
	.form-panel h3{
		padding-top: 30px;
	}
	.overons-btm-slider{
		padding-top: 50px;
	}
	.upper-slider .swiper-slide:nth-child(odd), .upper-slider .swiper-slide:nth-child(even), 
	.bottom-slider .swiper-slide:nth-child(odd), .bottom-slider .swiper-slide:nth-child(even){
		width: 50% !important;
	}
	/********************contact***********************/
	.map-area {
	    height: 340px;
	}
	/*************************werkplts dtl*****************/
	.werkplts-btm-slider .middle-slider-wrapper {
	    margin: 0px 0 10px;
	}
	.werkplts-top-block:after{
		display: none;
	}
	.werkplts-top-block .footer-upper-wrapper {
	    padding-top: 50px;
	}
	/**************************werkplts listview********************/
	.each-listview-panel .col-lg-5, .each-listview-panel .col-lg-7 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.listview-img{
		height: auto;
		background-size: 0;
	}
	.listview-img img {
	    display: block;
	}
	.listview-sec .middle-slider-bg{
		display: none;
	}
	.each-listview-panel .left-content{
		background-color: #c6362f;
		max-width: 100%;
		padding: 40px;
	}
	.each-listview-panel .middle-slider-wrapper {
	    padding-top: 0px;
	}
	.each-listview-panel .left-content h3:after {
	    top: 0;
	}
	.each-listview-panel .left-content h3{
		padding-top: 30px;
	}
	.each-listview-panel .left-content .white-btn{
		margin-bottom: 0;
	}
	.each-listview-panel {
	    margin-bottom: 40px;
	}
	.each-listview-panel:nth-child(even) .left-content{
		padding-left: 40px;
		padding-right: 40px;
		text-align: left;
	}
	.each-listview-panel:nth-child(even) .left-content h3:after {
	    left: 0;
	    right: auto;
	}
	/**************************aanbod*******************/
	.aanbod-select-wrapper .col-lg-3{
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.aanbod-select-wrapper .each-select-box{
		margin-bottom: 10px;
	}
	.aanbod-select-wrapper{
		max-width: 75%;
		padding-top: 50px;
	}
	.aanbod-select-sec{
		margin-top: 0;
	}
	.aanbod-product-area .product-panel {
    	padding: 0 15px;
	}
	.aanbod-select-wrapper .pl-1{
		padding-left: 15px !important;
	}
	.aanbod-select-wrapper .pr-1{
		padding-right: 15px !important;
	}
	/************************aanbod dtl*******************/
	.aanbod-dtl-top-sec{
		padding: 40px 0;
	}
	.dtl-top-btn {
	    padding-bottom: 40px;
	}
	.aanbod-dtl-top-sec h2, .aanbod-dtl-top-sec h3 {
	    font-size: 24px;
	}
	.dtl-right-part {
	    width: 60%;
	    margin: 30px auto 0;
	}
	.aanbod-detail-tab-sec .tab-sec .nav-tabs .nav-item{
		width: 48%;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.tab-sec-wrapper{
		width: 100%;
	}
	.aanbod-detail-tab-sec{
		padding: 50px 0;
	}
	.detail-image img{
		margin-top: 0;
	}
	.aanbod-dt-product{
		padding-top: 40px;
	}
	.aanbod-dtl-product-heading {
	    margin-bottom: 30px;
	}
	/*****************/
	.overons-form-upper-part .col-lg-7, .overons-form-upper-part .col-lg-5, 
	.contact-form-area .col-lg-7, .contact-form-area .col-lg-5,
	.overons-top-block .col-lg-7, .overons-top-block .col-lg-5{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.side-icon-img{
		display:none;
	}
	.contact-form-area .contact-form-address{
		max-width: none;
	}
}
@media (max-width: 767px){
	h1 {
	    font-size: 32px;
	}
	.common-styl{
		display: none;
	}
	.slider-content{
		bottom: auto;
		top: 50%;
		transform: translateY(-50%);
	}
	.home-banner-area .each-banner{
		background-size: cover;
		height: 300px;
	}
	.home-banner-area .each-banner img{
		display: none;
	}
	.red-icons-panel .pl-2, .select-part-wrapper .pl-2{
		padding-left: 15px !important;
	}
	.red-icons-panel .pr-1, .select-part-wrapper .pr-1{
		padding-right: 15px !important;
	}
	.select-sec{
		padding: 20px 0 15px;
	}
	h3 {
	    font-size: 24px;
	}
	.each-select-box{
		margin-bottom: 15px;
	}
	.common-arrow{
		display: none;
	}
	.product-content{
		padding: 20px 15px;
	}
	.middle-slider-wrapper{
		padding-top: 30px;
	}
	.left-content{
		padding: 0px 30px 30px;
	}
	.right-slider .swiper-button-prev {
	    left: 30px;
	}
	.man-content{
		padding-right: 0;
	}
	.product-area, .product-panel {
	    padding-bottom: 30px;
	}
	.right-slider .common-arrow{
		display: block;
	}
	.footer-upper-wrapper{
		padding: 30px 0;
	}
	.man-image{
		/*margin-bottom: 30px;*/
	}
	.counter-area{
		padding: 40px 0 10px;
	}
	.counter-area h4{
		margin-bottom: 30px;
	}
	.each-footer-content p img{
		margin-left: 0;
	}
	.each-footer-content{
		max-width: 270px;
		margin-bottom: 30px;
	}
	.logo-panel{
		margin: 0;
	}
	.footer-middle {
	    padding: 40px 0;
	}
	/************************overons*****************/
	.overons-top-block .man-content p{
		padding-right: 0;
	}
	.address-panel-wrapper h6{
		margin-bottom: 30px;
	}
	.contact-form-address .menu-top-area, .overons-btm-slider {
	    padding-top: 30px;
	}
	.section-heading{
		margin-bottom: 30px;
	}
	.upper-slider .swiper-slide:nth-child(odd), .upper-slider .swiper-slide:nth-child(even), 
	.bottom-slider .swiper-slide:nth-child(odd), .bottom-slider .swiper-slide:nth-child(even){
		width: 100% !important;
	}
	.menu-top-area li{
		margin-bottom: 10px;
	}
		.contact-form-address {
	    padding: 30px 0 20px;
	}
	.overons-top-block .footer-upper-wrapper{
		padding: 30px 0;
	}
	.contact-form-address h3{
		white-space: normal;
		padding-bottom: 20px;
    	margin-bottom: 25px;
	}
	.overons-form-upper-part .left-content, .form-panel{
		padding: 30px 0;
	}
	/*************************contact******************/
	.map-area {
	    height: 180px;
	}
	/************************werkplts dtl***************/
	.werkplts-top-block .footer-upper-wrapper {
	    padding-top: 30px;
	}
	/**************************werkplts listview********************/
	.listview-sec {
	    padding-top: 30px;
	}
	.each-listview-panel .left-content, .each-listview-panel:nth-child(even) .left-content{
		padding: 30px;
	}
	.each-listview-panel {
	    margin-bottom: 30px;
	}
	/*************************aanbod******************/
	.aanbod-select-sec{
		padding: 30px 0 20px;
	}
	.aanbod-select-wrapper{
		padding-top: 0;
		max-width: 100%;
	}
	.aanbod-product-area{
		padding-bottom: 20px;
	}
	.aanbod-product-area .product-panel {
   	 	padding: 0;
	}
	/************************aanbod dtl*****************/
	.aanbod-dtl-top-sec, .aanbod-detail-tab-sec {
		padding: 30px 0;
	}
	.aanbod-dtl-top-sec h2, .aanbod-dtl-top-sec h3 {
	    font-size: 22px;
	}
	.aanbod-dtl-price.text-right{
		text-align: left !important;
		margin-top: 15px;
	}
	.dtl-top-btn {
	    padding-bottom: 30px;
	}
	.dtl-right-part {
    	width: 85%;
	}
	.price-area-btm h3 {
    	font-size: 24px;
	}
	.aanbod-detail-tab-sec .tab-sec .nav-tabs .nav-item {
	    width: 48%;
	    margin-right: 5px;
	    margin-bottom: 5px;
	}
	.aanbod-detail-tab-sec .tab-content ul li{
		font-size: 14px;
	}
	.aanbod-detail-tab-sec .tab-content{
		margin-top: 30px;
	}
	/********************thank u***************/
	.thank-u-area .slider-content {
	    bottom: auto;
	    text-align: center;
	}
	.thank-u-area .slider-content h1 {
	   font-size: 24px;
	   line-height: 32px;
	}
	.thank-u-area .slider-content .common-btn{
		margin-bottom: 10px;
		margin-right: 0;
	}
		
	/*====pop up=======*/
	.modal_area .modal-dialog {
		max-width: 75%;
	}
	.pop_up_img {
		width: 100%;
	}
	.popup_content{
	 width: 100%;
	 padding: 30px;
	}
	.new-footer-bg-area {
		width: 100%;
	}
	.new-footer-wrapper {
		padding-left: 0;
	}
	.new-footer .footer-middle {
		padding: 30px 0;
	}
	.new-footer-wrapper .col-lg-6:last-child .each-footer-content{
		margin-bottom:0;
	}
	.aanbod-detail-tab-sec .nav-tabs .nav-link {
	    padding: 8px 5px;
	}
	.aanbod-detail-tab-sec .tab-sec .nav-tabs .nav-item{
		font-size: 13px;
	}
	#mobile-contact-bar {
        box-sizing: border-box;
        font-size: 1rem;
        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%;
    }
    #mobile-contact-bar ul li {
      box-sizing: border-box;
      display: inline-block;
      /* height: 45px; */
      text-align: center;
      height: 45px;
      width: 32%;
	  vertical-align: top;
    }
    #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 .fa-lg{
      font-size: 2em;
    }*/
    .li_color {
      border-left: 1px solid #FFFFFF;
    }
	.whatsappBtn
	{
		display:none;
	}
	#mobile-contact-bar ul li img{
		width:20px;
		padding-top: 13px;
	}
	#mobile-contact-bar ul .map_pointer img{
		padding-top: 10px;
	}
}
@media (max-width: 480px){
	h1 {
	    font-size: 26px;
	    line-height: 40px;
	}
	.each-icon, .left-content{
		padding-right: 15px;
		padding-left: 15px;
	}
	.each-icon td h4 {
	    font-size: 15px;
	}
	/*************************werkplts listview**********************/
	.each-listview-panel .left-content, .each-listview-panel:nth-child(even) .left-content{
		padding-left:15px;
		padding-right: 15px;
	}
	/**********************aanbod dtl*****************/
	.dtl-right-part {
	    width: 100%;
	}
	.aanbod-detail-tab-sec .tab-content ul li{
		font-size: 13px;
	}
	.aanbod-detail-tab-sec .tab-content{
		padding-right: 7px;
		padding-left: 7px;
	}
	.kenmerken-tab ul li:nth-child(odd){
		padding-left: 10px;
		background-size: 6px;
	}
	.red-icons-panel .each-icon .txt-btn {
		font-size: 14px;
	}
	.red-icons-panel .each-icon span {
		width: 40px;
		height: 40px;
	}
	.tab-middle-right {
		max-width: 100%;
		width: 100%;
		margin-left: auto;
		padding-right: 0px;
		padding-top: 30px;
	}
	.tab-middle-right span{
		display:block;
	}
	.calsty{
		height: 1330px !important;
	}
	.btn-group-area .common-btn{    padding-right: 15px;}
	.btn-group-area .common-btn{font-size: 15px;}
	.aanbod-detail-tab-sec .tab-content {
		padding-right: 0px;
		padding-left: 0px;
	}
	.aanbod-detail-tab-sec .tab-content #menu3{
		padding-right: 0px;
		padding-left: 0px;
	}
	.aanbod-detail-tab-sec .col-lg-12, .aanbod-detail-tab-sec #menu3{
		padding: 0px;
	}
	.aanbod-detail-tab-sec .nav-tabs, .aanbod-detail-tab-sec .tab-pane {
    padding-right: 15px;
    padding-left: 15px;
	}
}