@media (min-width: 1600px) {
	.container {
		max-width: 1481px;
	}
}

@media (max-width: 1599.98px) {
	.home_banner_wrapper {
		height: 798px;
	}
	.home_banner_area_contents .col-lg-7 {
		max-width: 58.333%;
	}
	.navbar-dark .navbar-nav .nav-item {
		padding: 0px;
	}
	.car_slider_upper .common_btn {
		font-size: 13px;
		padding: 13px 0px;
	}
	.product-area .swiper-button-next {
		right: -80px;
	}
	.product-area .swiper-button-prev {
		left: -80px;
	}
	.about-product {
		padding: 26px;
	}
	.back-people-image2 {
		left: 60%;
		bottom: -20px;
	}
	.back-people-image2 img {
		max-width: 380px;
	}
	.specialist-sec-text h2 {
		font-size: 40px;
	}
	.specialist-sec-text {
		padding-left: 35%;
		padding-right: 5%;
		padding-top: 20px;
	}
	.slider_year .ftnxt1 {
		right: 5.3%;
	}
	.slider_year .ftprev1 {
		left: 7.2%;
	}
	/*========diensten listview===========*/
	.diensten_listview_area .swiper_slide_txt {
		max-width: 490px;
		padding: 60px 60px;
	}
	/*=========vacature listview============*/
	.vacature_listview .swiper_slide_txt {
		max-width: 555px;
		padding: 45px;
	}
	/*=============onder_listview==========*/
	.onder_listview_cover {
		width: 80%;
	}
	/*==============contact===========*/
	.people-img-details {
		padding: 50px 0px 50px 30px;
	}
	/*===========overons======*/
	.overons-specialist-sec .specialist-sec-text {
		padding-left: 10%;
	}
	.overons-specialist-sec .back-people-image2 {
		left: 68%;
		bottom: -90px;
	}
	.overons-specialist-sec .signature_area {
		padding: 13% 0% 0px 37%;
	}
	.each_icon img {
		max-height: 40px;
	}
	.each_icon_txt {
		padding: 0px 40px;
	}
	.overons_bg_img_area .swiper_slide_txt {
		max-width: 100%;
		width: 50%;
		padding: 0px 9%;
	}
	/*===========werkplts details===========*/
	.wd-specialist-sec .back-people-image2 {
		bottom: -130px;
		left: 40%;
	}
	.wd-specialist-sec .specialist-sec-text {
		padding-left: 25%;
		padding-top: 130px;
	}
	.wd-specialist-sec {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.wd-specialist-sec .divider {
		margin-top: 17%;
	}
	.wd_form .people-img-details {
		padding-left: 20px;
	}
	/*==========diensten deatil sub2============*/
	.dl_2_form {
		padding-bottom: 10%;
	}
	/*============aanbod details========*/
	.bouwjaar_area::after {
		right: 60px;
	}
	.aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item {
		/*width: 19%;*/
		width: 21%;
		font-size: 12px;
	}
	.aanbod_detail_tab_sec .nav-tabs .nav-link {
		padding: 15px 4px;
	}
	
	/*===========thank you=========*/
	.thank_u .home_banner_area_contents {
		width: 70%;
	}
	/*******************new add for header************/
	.desktop_nav.navbar-dark .navbar-nav .nav-link{
		padding-left: 12px;
	    padding-right: 12px;
	}
	.desktop_nav.navbar.active .nav-link {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.desktop_nav .home_logo .custom_adjust {
	    margin-top: 10px;
	    max-height: 135px;
	}
	.desktop_nav.active .home_logo .custom_adjust{
		max-height: 85px;
	}
}

@media (max-width: 1500px) {
	.slider_year .ftnxt1 {
		right: 5.1%;
	}
	.slider_year .ftprev1 {
		left: 7.1%;
	}
}

@media (max-width: 1399.98px) {
	.thank_u .home_banner_area_contents {
		width: 74%;
	}
}

@media (max-width: 1299.98px) {
	.product-area .swiper-button-next {
		right: 0px;
	}
	.product-area .swiper-button-prev {
		left: 0px;
	}
	h2 {
		font-size: 40px;
	}
	.slider_year .ftnxt1 {
		right: 4.2%;
	}
	.slider_year .ftprev1 {
		left: 6.6%;
	}
	.bottom_slider_area .swiper-button-next {
		right: 0px;
	}
	.bottom_slider_area .swiper-button-prev {
		left: 0px;
	}
	/*=======overons==========*/
	.onez-collegue .swiper-button-next {
		right: 0px;
	}
	.onez-collegue .swiper-button-prev {
		left: 0px;
	}
	/*=============onder detail=========*/
	.thank_u .home_banner_area_contents {
		width: 80%;
	}
}

@media (max-width: 1199.98px) {
	
	.product-name p br {

		display: none;
	}
	.slider_year .ftprev1 {
		display:none;
	}
	.slider_year .ftnxt1 {
		display:none;
	}
	.navbar-dark .navbar-nav .nav-item {
		padding: 0px;
	}
	.custom_adjust {
		max-height: 140px;
	}
	h1 {
		font-size: 40px;
		line-height: 40pt;
	}
	.car_slider_upper {
		padding-top: 70px;
	}
	.car_slider_upper .common_btn {
		font-size: 12px;
	}
	.each_slide_blog h4 {
		font-size: 19px;
	}
	.back-people-image2 {
		left: 45%;
	}
	.specialist-sec-text h2 {
		font-size: 30px;
		line-height: normal;
	}
	/*============diensten listview=========*/
	.diensten_listview_area {
		padding: 70px 0px 40px;
	}
	/*===========vacature listview==========*/
	.vacature_listview .swiper_slide_txt {
		max-width: 465px;
		padding: 40px;
	}
	/*================contact============*/
	.map_banner {
		height: 320px;
	}
	.people-img-details h4 {
		font-size: 18px;
	}
	/*==============overons==============*/
	.overons_bg_img_area .swiper_slide_txt {
		max-width: 50%;
		padding: 0px 50px;
	}
	.each_icon_txt {
		padding: 0px;
	}
	.each_icon h4 {
		font-size: 19px;
	}
	.each_icon {
		padding-bottom: 0px;
	}
	.overons-specialist-sec .back-people-image2 {
		bottom: -45%;
		left: 55%;
	}
	.overons-specialist-sec .specialist-sec-text h2 {
		margin-bottom: 15px;
	}
	.overons-specialist-sec {
		padding-bottom: 15%;
		padding-top: 70px;
	}
	.overons_bg_img_area {
		padding-bottom: 50px;
	}
	.member-dtls {
		padding: 50px 0px;
	}
	.onez-collegue {
		padding-bottom: 20px;
	}
	.overons_slider2  h2{
		font-size:30px;
		line-height:normal;
		padding-bottom:50px;
	}
	/*==========werkplats details======*/
	.wd-specialist-sec .back-people-image2 {
		bottom: -130px;
		left: 40%;
	}
	.wd-specialist-sec .specialist-sec-text {
		padding-left: 30%;
	}
	.wd-specialist-sec {
		padding-bottom: 40px;
	}
	.wd-specialist-sec .divider {
		margin-top: 21%;
	}
	/*==============diensten detail sub2==========*/
	.dl2_each_content li {
		font-size: 70px;
	}
	.dl2_right_content h4 {
		font-size: 22px;
	}
	.dl2_each_content {
		padding-bottom: 50px;
		padding-left: 50px;
		padding-top: 50px;
	}
	.dl_2 .werkplts_content_cover {
		padding-bottom: 30px;
	}
	/*=========aanbod detail======*/
	.aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item {
		width: 23%;
		margin-bottom: 10px;
	}
	.aanbod_dtls_products {
		padding-top: 0px;
	}
	/*============onder detail==========*/
	.onder_dtls_tab .tab_sec .nav-tabs ::after {
		width: 74%;
		left: 26%;
	}
	/*******************new add for header************/
	.desktop_nav.navbar-dark .navbar-nav .nav-link {
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.desktop_nav .home_logo .custom_adjust {
	    margin-top: 0px;
	    max-height: 100px;
	}
	.desktop_nav .nav-link {
    	font-size: 12px;
	}

}

@media (max-width: 991.98px) {
	.dblock {
		display: block;
	}
	.desktop_nav {
		display: none;
	}
	.top_bar {
		display: none;
	}
	.common_arrow {
		display: none;
	}
	.car_slider_upper .common_btn {
		font-size: 14px;
		max-width: 100%;
		margin-bottom: 15px;
	}
	.car_slider_upper .pl-2,
	.pr-2,
	.pr-1 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.home_banner_wrapper {
		height: 600px;
	}
	.res_logo_styl {
		max-height: 95px;
		margin-bottom: 20px;
	}
	.car_slider_upper {
		padding-top: 40px;
	}
	.product-area {
		padding-bottom: 30px;
	}
	.overons_slider2 h2 {
		line-height: normal;
		padding-bottom: 30px;
		font-size:24px;
	}
	h2 {
		font-size: 24px;
	}
	.swiper_slide_txt .common_btn {
		margin-top: 20px;
	}
	.overons_year_slider .swiper_slide_txt {
		display: block;
	}
	.swiper_slide_txt {
		padding: 30px;
	}
	.overons_slider_banner {
		height: 420px;
	}
	.back-people-image2 {
		left: auto;
		bottom: -100px;
		right: 15px;
	}
	.specialist-sec-text {
		padding: 20% 0px 0px;
	}
	.specialist-sec-text h2 {
		font-size: 24px;
		line-height: normal;
		margin-bottom: 30px;
	}
	.signature_area {
		padding: 40px 0px;
	}
	.specialist-sec {
		padding: 40px 0px;
	}
	h4 {
		font-size: 20px;
	}
	.footer-wrapper p {
		text-align: left;
	}
	.home_banner_area_contents .col-lg-7 {
		max-width: 100%;
	}
	.overons_year_slider .swiper-slide-prev {
		width: 100% !important;
	}
	.overons_year_slider .swiper-slide-next {
		width: 100% !important;
	}
	.overons_year_slider .swiper-slide-active {
		width: 100% !important;
	}
	.banner_text_wrapper {
		padding: 40px;
	}
	h1 {
		font-size: 30px;
		line-height: normal;
	}
	.bottom_slider {
		padding: 40px 0px;
	}
	.bottom_slider h4 {
		margin-bottom: 40px;
	}
	footer hr {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	footer {
		padding: 30px 0px;
	}
	.car_slider_upper h4 {
		margin-bottom: 30px;
		margin-top: 0px;
	}
	/*===========diensten listview===========*/
	.diensten_listview_area {
		padding: 40px 0px 10px;
	}
	.diensten_listview_area .swiper_slide_txt {
		max-width: 350px;
		padding: 40px;
	}
	.common_content {
		height: 230px;
	}
	.common_heading {
		vertical-align: middle;
		padding-bottom: 0px;
	}
	/*===========vacature listview============*/
	.vacature_listview .swiper_slide_txt p br {
		display: none;
	}
	.vacature_listview .swiper_slide_txt {
		max-width: 345px;
	}
	/*============onder_listview============*/
	.onder_listview_cover {
		width: 100%;
		float: none;
	}
	.aanbod_car_slider_upper {
		padding-bottom: 30px;
	}
	/*===========vacature details=========*/
	.vacature_dtls_content {
		padding-top: 30px;
		padding-bottom: 15px;
	}
	.vacature_dtls_content .common_btn {
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.vacture_dtls_form {
		padding-top: 20px;
	}
	/*============contact============*/
	.contact_page_txt2 p {
		margin-top: 0px;
	}
	.common_bg_area2 .contact_page_info p br {
		display: block;
	}
	.contact_page_info p {
		margin-bottom: 15px;
	}
	.common_bg_area2 .swiper_slide_txt {
		padding: 30px;
	}
	.map_banner {
		height: 230px;
	}
	.contact_page_address {
		padding-bottom: 40px;
	}
	.contact-form {
		padding-top: 30px;
	}
	/*===============overons===============*/
	.overons-specialist-sec .back-people-image2 {
		bottom: -70px;
		left: 50%;
	}
	.overons-specialist-sec .specialist-sec-text {
		padding-left: 0%;
		padding-top: 15%;
	}
	.overons-specialist-sec .back-people-image2 {
		left: 45%;
	}
	.overons-specialist-sec .signature_area {
		padding: 50px 0% 0px 0%;
	}
	.overons-specialist-sec {
		padding-bottom: 0px;
	}
	.each_icon {
		padding: 0px;
	}
	.each_icon h4 {
		font-size: 15px;
		letter-spacing: normal;
	}
	.overons_bg_img_area {
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.overons_bg_img_area .swiper_slide_txt {
		max-width: 50%;
		padding: 0px 40px;
	}
	.overons_bg_img_area .swiper_slide_txt p {
		margin-bottom: 0px;
	}
	.member-slider-wrapper {
		padding-top: 40px;
	}
	.member-dtls {
		padding: 30px 0px;
	}
	.overons_prev_nxt_slider {
		padding-top: 40px;
	}
	/*==============werkplts detail===============*/
	.werkplts_content_cover {
		padding: 40px 0px 0px;
	}
	.wd-specialist-sec .divider {
		margin-top: 40px;
		    margin-bottom: 0;
	}
	.werkplts_content .divider{
		   margin-bottom: 0;
	}
	.wd_form {
		padding-top: 30px;
		padding-bottom: 50px;
	}
	.werkplts_content_cover{
		padding-top:30px;
	}
	/*===========diensten_detail_2==============*/
	.dl2_each_content li:nth-child(2) {
		float: none;
		padding-left: 30px;
	}
	.dl_2 .werkplts_content_cover {
		padding-bottom: 0%;
	}
	.dl2_each_content {
		padding: 30px 0px;
	}
	.dl2_each_content li {
		font-size: 60px;
	}
	.dl_2_form {
		padding-top: 50px;
	}
	.dl2_right_content h4 {
		font-size: 20px;
	}
	.dl_2 .werkplts_content_cover {
		width: 80%;
	}
	/*============aanbod details========*/
	.slider_top_sec {
		padding: 40px 0px;
	}
	.top_area_cover {
		text-align: left;
	}
	.tabber_upper_sec {
		padding: 40px 0px;
	}
	h3 {
		font-size: 20px;
	}
	.right_side_price {
		text-align: left;
		padding-top: 30px;
	}
	.bouwjaar_area h3 {
		font-size: 24px;
	}
	.aanbod_dtls_products {
		padding-top: 0px;
	}
	.aanbod_detail_tab_sec {
		padding-bottom: 20px;
	}
	.tab_sec {
		padding-top: 50px;
	}
	.dtls_page_form {
		padding-left: 0px;
	}
	.right_side_price h4 {
		font-size: 18px;
	}
	.onder_dtls_tab .divider {
		margin-top: 20px;
	}
	/*=============pop up===========*/
	.modal_bg_area .popup_logo {
		max-height: 120px;
	}
	.modal_bg_area {
		padding: 45px 55px;
	}
	.pop_up_logo_img {
		top: 22px;
	}
	.modal_area .modal_close_img img {
		max-height: 30px;
	}
	.modal_area .modal_close_img {
		right: 30px;
	}
	.modal_area .modal-body {
		padding-top: 90px;
		padding-bottom: 60px;
	}
	.modal_area .modal-content p {
		margin-top: 20px;
	}
}

@media (max-width: 767.98px) {
	h2 {
		font-size: 22px;
	}
	.back-people-image2 {
		position: relative;
		bottom: 0;
		left: 0;
	}
	.back-people-image2 img {
		max-width: 100%;
		width: 100%;
		margin-top: 30px;
	}
	.specialist-sec-text {
		padding: 30px 0px 0px;
	}
	.signature_area {
		padding: 30px 0px;
	}
	h1 {
		font-size: 26px;
	}
	.overons_year_slider .swiper_slide_txt {
		position: relative;
		width: 100%;
		max-width:100%;
	}
	h4 {
		font-size: 18px;
	}
	.big_image{
		position: absolute;
		top: 25%;
		left: 50%;
		width: 27px !important;
		transform: translate(-50%, -50%);
	}
	.videocode_desktop{
		display:none;
	}
	.videocode_mob{
		display:block;
	}
	.footer-wrapper {
		float: none;
		padding-top: 30px;
	}
	.footer_social {
		padding-bottom: 30px;
		margin-bottom: 0px;
		width: 100%;
	}
	.footer-wrapper .common_btn {
		margin-top: 20px;
	}
	.site-map {
		display: none;
	}
	.specialist-sec-text h2 {
		font-size: 20px;
	}
	.specialist-sec {
		padding: 30px 0px;
	}
	.car_slider_upper {
		padding-bottom: 15px;
	}
	.swiper_slide_txt p {
		margin: 20px 0px 30px;
	}
	.each_slide_blog {
		padding: 30px 15px;
	}
	.each_slide_blog h4 {
		margin-bottom: 30px;
	}
	.home_banner_area_contents {
		top: 50%;
		left: 0;
		width: 100%;
		transform: translateY(-50%);
		z-index: 99;
	}
	/*=============diensten listview=========*/
	.diensten_listview_area .overons_slider_banner {
		height: 250px;
		margin-bottom: 0px;
	}
	.diensten_listview_area .swiper_slide_txt {
		width: 100%;
		max-width: 100%;
		left: 0;
		margin-bottom: 30px;
		padding: 30px 15px;
	}
	.diensten_listview_area {
		padding: 30px 0px 0px;
	}
	.common_content h1 {
		font-size: 26px;
	}
	/*===========aanbod=============*/
	.aanbod_position_img .swiper_slide_txt {
		position: relative;
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.swiper_slide_txt {
		padding: 30px 15px;
	}
	/*===============vaature listview============*/
	.vacature_listview .aanbod_position_img {
		margin-bottom: 0px;
	}
	/*=============vacture dtls=========*/
	.vacature_dtls_content table tr td:nth-child(odd) {
		padding-right: 0px;
	}
	.vacature_dtls_content table tr td:nth-child(even) {
		padding-left: 0px;
	}
	.vacature_dtls_content table tr td {
		width: 100%;
		display: block;
	}
	.vacature_dtls_content h4 {
		margin-bottom: 30px;
	}
	.vacature_dtls_content .common_btn {
		margin-top: 20px;
		margin-bottom: 0px;
	}
	.vacture_dtls_form_cover {
		width: 100%;
	}
	.vacature_dtls_content {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	/*===========contact===============*/
	.contact_page_info p {
		margin-top: 50px;
	}
	.contact_page_txt2 p {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.people-img {
		height: 430px !important;
	}
	.people-img-details {
		padding: 30px 15px;
	}
	.contact_page_address {
		padding-bottom: 30px;
	}
	/*============overons=============*/
	.overons-specialist-sec .back-people-image2 {
		left: 0;
		bottom: 0;
	}
	.overons-specialist-sec .specialist-sec-text {
		padding-top: 30px;
	}
	.overons-specialist-sec .signature_area {
		padding-top: 30px;
	}
	.each_icon {
		padding-top: 30px;
	}
	.banner_nxt_icons {
		padding: 0px;
	}
	.aanbod_position_img .swiper_slide_txt {
		padding: 50px 15px;
	}
	.overons_bg_img_area {
		padding-bottom: 40px;
		padding-top: 20px;
	}
	.member-dtls h4 {
		margin-bottom: 15px;
	}
	.member-dtls {
		padding: 30px 0px 20px;
	}
	.onez-collegue {
		padding-bottom: 0px;
	}
	.overons_slider_banner {
		height: 280px;
	}
	.tick_icon{
		padding-top:0px;
	}
	.signature_area img{
		max-height:50px;
	}
	.overons-specialist-sec{
		padding-bottom:20px;
	}
	.overons_slider2 h2 {
		line-height: normal;
		padding-bottom: 30px;
		font-size: 22px;
	}
	/*=========werkplts details=======*/
	.werkplts_content_cover {
		width: 100%;
	}
	.wd-specialist-sec {
		padding-top: 30px;
		    padding-bottom: 0px;
	}
	.wd_form .people-img-details {
		padding: 30px 15px;
	}
	.wd_slider {
		padding-top: 30px;
	}
	/*============diensten dtls sub2============*/
	.dl_2 .werkplts_content_cover {
		padding-top: 30px;
	}
	.dl2_each_content li img {
		max-height: 40px;
		margin-top: 0px;
	}
	.dl2_each_content li {
		font-size: 40px;
	}
	.dl2_right_content h4 {
		font-size: 18px;
	}
	.dl2_right_content p {
		margin-bottom: 0px;
	}
	.dl_2_form {
		padding-top: 50px;
		padding-bottom: 40px;
	}
	.dl_2_form .pr-1 {
		padding-right: 15px !important;
	}
	.dl_2_form .pl-1 {
		padding-left: 15px !important;
	}
	.dl_2 .werkplts_content_cover {
		width: 100%;
	}
	/*===========aanbod details==========*/
	.slider_top_sec {
		padding: 15px 0px 30px;
	}
	.top_area_btn {
		padding-top: 15px;
	}
	.topside_img1 {
		display: none;
	}
	.topside_img2 {
		display: none;
	}
	h3 {
		font-size: 18px;
	}
	.bouwjaar_area::after {
		display: none;
	}
	.bouwjaar_area_border {
		border-bottom: none;
	}
	.bouwjaar_area {
		padding-bottom: 30px;
		padding-top: 0px;
	}
	.aanbod_detail_tab_sec {
		padding: 30px 0px 20px;
	}
	.bouwjaar_area h3 {
		font-size: 17px;
	}
	.aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item {
		width: 100%;
		margin-right: 0px;
	}
	.aanbod_details_slider .col-md-8 {
		padding-right: 15px;
	}
	.aanbod_detail_tab_sec .pl-0,
	.pr-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.slider_top_sec li {
		font-size: 13px;
	}
	.top_area_btn .common_btn {
		min-width: 220px;
		padding: 10px 20px;
	}
	.right_side_price h6 {
		margin-top: 5px;
	}
	.tab_sec {
		padding-top: 0px;
	}
	.aanbod_detail_tab_sec .tab_content_wrapper {
		padding: 30px 0px;
	}
	.tabber_upper_sec {
		padding: 30px 0px;
	}
	.right_side_price h4 {
		font-size: 17px;
	}
	.aanbod_detail_tab_sec .tab_content_wrapper .pl-1,
	.pr-1 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.aanbod_dtls_products h4 {
		padding-top: 0px;
	}
	.common_btn {
		max-width: 220px;
		padding: 10px 20px;
	}
	.dtls_product_btn {
		text-align: left;
		padding-top: 20px;
	}
	.deel_auto img {
		max-height: 45px;
	}
	.aanbod_detail_tab_sec .accordion .card-header {
		padding: 10px 20px;
	}
	.aanbod_detail_tab_sec .accordion .card-header {
		margin-bottom: 30px;
	}
	.top_area_li{
		width:100%;
	}
	/*==============onder detail==============*/
	.onder_dtls_tab .tab_sec .nav-tabs ::after {
		display: none;
	}
	/*========thank u=========*/
	.thank_u .home_banner_area_contents {
		width: 100%;
	}
	.thanku_txt {
		padding: 0px;
	}
	.thank_u .banner_text_wrapper {
		padding: 60px 15px;
	}
	.thank_u .banner_text_wrapper h1 {
		font-size: 22px;
	}
	/*=========pop up=========*/
	.pop_up_btn {
		bottom: -21px;
	}
	.modal_area .modal-body {
		padding-left: 15px;
		padding-right: 15px;
	}
	    #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;*/
      background: linear-gradient(90deg, #000000 75%, #25D366 25%);
      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: 24%;
    }
    #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;
    }
    .li_whatsapp{
      background-color: #25D366;
    }
    .whatsapp_button {
	  display: none;
	}
	/****************new for mobile header***********/
	.res_logo_styl {
		max-height: 70px;
	}
	
}

@media (max-width: 480px) {
	.banner_text_wrapper {
		padding: 30px 15px;
	}
	.banner_btn {
		left: 30px;
	}
	.overons_slider2 h2 {
		font-size: 18px;
	}
	.product-area {
		padding-bottom: 0px;
	}
	.swiper_slide_txt .common_btn {
		margin-top: 0px;
	}
	.footer_social img {
		max-height: 40px;
	}
	.bottom_slider h4 {
		font-size: 17px;
	}
	/*==============contact========*/
	.people-img {
		height: 370px !important;
	}
	/*==============overons===========*/
	.aanbod_position_img .swiper_slide_txt {
		padding: 30px 15px;
	}
	/*============werkplts details========*/
	.wd_slider {
		padding-top: 20px;
	}
	.werkplts_content_cover p {
		text-align: justify;
		margin-bottom:0px;
	}
	/*=============diensten detail sub2============*/
	.dl2_right_content h4 {
		font-size: 17px;
	}
	.dl_2_form {
		padding-top: 40px;
	}
	/*==========pop up==========*/
	.modal_area .modal_close_img {
		right: 15px;
	}
	.modal_area .modal-body {
		padding-bottom: 50px;
	}
	
}