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

@media (min-width: 768px) {
    .close_img2 {
        display: none;
    }
    .aanbod_dtls_content2 {
        display: none;
    }
}

@media (max-width: 1799.98px) {
    .header-bovag-logo {
        right: -60px;
    }
    .desktop_nav .navbar-nav {
        margin-right: 60px;
    }
    .main_car_sec .swiper-button-next {
        right: 20px;
    }
    .main_car_sec .swiper-button-prev {
        left: 20px;
    }
}

@media (max-width: 1600px) {
    .modal_area .modal-content p {
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .modal_area .modal-dialog {
        max-width: 70%;
    }
    .header-bovag-logo {
        position: relative;
        right: 0;
        width: auto;
    }
    .desktop_nav .navbar-nav {
        margin-right: 0px;
    }
}

@media (max-width: 1599px) {
    .aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item {
        width: 23.95%;
    }
    .right_wappr {
        padding: 50px;
    }
    .vercocht_cars_panel .cars_mrgin4 .car1 .car_caption h2 {
        font-size: 26px;
    }
    .bedankt_content_area {
        padding: 20% 16% 16%;
    }
    .con_left {
        padding-right: 0px;
    }
    .main_car_sec {
        margin-bottom: 180px;
    }
    .top_bttn {
        bottom: 185px;
    }
    .tab_section .tab_wrapper ul li:before {
        left: -30px;
    }
    .tab_section .tab_wrapper table {
        width: 100%;
    }
    .tab_section .tab_wrapper ul li table tr td {
        padding-right: 15px;
    }
    .acties_details .right_wappr {
        padding: 40px;
    }
    .tab_section .tab_wrapper ul li:nth-child(3):before {
        left: -20px;
    }
    .sub_2_contact .right_wappr {
        top: 0px;
    }
    .vacature_details .right_wappr {
        top: -180px;
    }
    .overons_pg .each_filter_blog h4 {
        font-size: 16px;
    }
    .acties_details {
        padding-bottom: 6%;
    }
}

@media(max-width:1400px) {
    h2 {
        font-size: 32px;
    }
    .main_content {
        margin-top: 18px;
    }
    .rght_cont {
        width: 60%;
    }
    .main_car_sec {
        margin-bottom: 120px;
    }
    .top_bttn {
        bottom: 175px;
    }
    .contact_frm {
        padding: 80px 0px 0px 0px;
    }
    .contact_frm .right_wappr {
        top: -140px;
    }
    .sub_2_contact .right_wappr {
        top: 0px;
    }
    .vacature_details .right_wappr h2 {
        font-size: 28px;
    }
    .aanbod_dtls_contact_area .right_wappr {
        top: 0px;
    }
    .aanbod_dtls_contact_area {
        padding-top: 60px;
    }
    .acties_details {
        padding-bottom: 7%;
    }
    .sub_2_contact {
        padding-top: 10px;
        padding-bottom: 70px;
    }
    .main_content table tr td {
        width: 53%;
    }
}

@media(max-width:1300px) {
    .modal_area .modal-dialog {
        max-width: 75%;
    }
    .popup_content h2 {
        font-size: 28px;
    }
}

@media(max-width:1299.98px) {
    .footer_upper_banner button {
        max-width: 200px;
    }
    .main_car_sec .swiper-button-next {
        right: 0px;
    }
    .main_car_sec .swiper-button-prev {
        left: 0px;
    }
    .header_banner .adj_sweep_bttn{
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .left_text_wrapper {
        padding-left: 8%;
        padding-right: 8%;
    }
    .car_panel .car_caption h6{
        height: 100px;
    }
    .banner_bottom_selection{
        margin-top: 80px;
    }
    .footer-contact-address {
        margin-left: -50%;
    }
    .footer_logo img{
        width: 200px;
    }
    .left_text_wrapper button {
        width: 100%;
        max-width: 185px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .footer_upper_banner {
        margin-top: 12%;
    }
    button {
        width: 100%;
        padding: 12px 10px;
        max-width: 220px;
    }
    /*.right_wappr
{
top:-103px;
}*/
    .home_banner .adj_sweep_bttn img {
        display: none;
    }
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 28px;
    }
    h4 {
        font-size: 20px;
    }
    .header_banner_text p {
        font-size: 24px;
        margin-bottom: 26px;
        color: #ffffff;
    }
    .desktop_nav .navbar-brand img{
        width: 220px;
    }
    .navbar{
        padding: 20px 0;
    }
    /*=======pop up======*/
    .modal_area .modal-dialog {
        max-width: 80%;
    }
    .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;
    }
    .modal_area .global_btn {
        margin-top: 10px;
    }
    .modal_area .modal-dialog {
        max-width: 85%;
    }
    /******aanbod details******/
    .collection_content_sec ul li {
        font-size: 17px;
    }
    .car_details td span {
        margin: 0px 10px;
    }
    .aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item {
        width: 23.7%;
        font-size: 13px;
    }
    .side_content {
        padding: 30px;
    }
    .side_content h4 {
        font-size: 20px;
    }
    .side_content p {
        font-size: 15px;
    }
    .side_content {
        margin-top: -78px;
    }
    /*****new add*****/
    .cars_mrgin4 .car1 .car_caption h2 {
        font-size: 26px;
    }
    .tab_wrapper ul li table tr td h6 {
        font-size: 15px;
    }
    .tab_wrapper ul li table tr td p {
        font-size: 15px;
    }
    .tab_wrapper ul li table tr td:first-child {
        padding-right: 10px;
    }
    .tab_wrapper ul li table tr td img {
        max-height: 30px;
    }
    .tab_wrapper ul li {
        width: 25%;
    }
    .right_wappr {
        padding: 50px;
    }
    .top_right_text h4 {
        font-size: 28px;
    }
    .werkplaats_sec h4 {
        font-size: 28px;
    }
    .vercocht_cars_panel .cars_mrgin4 .car1 .car_caption h2 {
        font-size: 22px;
    }
    .vercocht_cars_panel .car_caption {
        padding: 20px 15px;
    }
    .wrk_sub1 .right_wappr.from2 ul li p {
        font-size: 20px;
    }
    .wrk_sub1 .right_wappr.from2 {
        padding: 50px 80px;
    }
    /*===============thank you page==========*/
    .bedankt_content_area {
        padding: 20% 10% 15%;
    }
    .bedankt_content_area h1 {
        font-size: 36px;
    }
    /***************x**************/
    .main_content table tr td {
        padding-right: 0px;
        padding-left: 0px;
    }
    .main_content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .dtls_page_main_car .main_car_sec {
        max-height: 580px;
    }
    .acties_details .right_wappr {
        top: -230px;
    }
    .acties_details .right_wappr h2 {
        font-size: 27px;
    }
    .acties_details {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .contact_frm .right_wappr {
        top: -120px;
    }
    .sub_2_contact .right_wappr {
        top: 0px;
    }
    .vacature_details .right_wappr h2 {
        font-size: 26px;
    }
    .vacature_details .right_wappr {
        padding: 40px;
    }
    .overons_pg .each_filter_blog h4 {
        font-size: 12px;
    }
    .aanbod_dtls_contact_area .right_wappr {
        top: 0px;
    }
    .car_text_wrapper::before {
        height: 170px;
    }
    .banner_text_wrapper {
        padding: 70px 10% 85px 0%;
    }
}

@media (max-width: 991.98px) {
    .res_logo_styl{
        width: 180px;
    }
    .aanbod_details_slider .swiper-button-next{
        right: 0;
    }
    .aanbod_details_slider .swiper-button-prev{
        left: 0;
    }
    .car_panel .car_caption h6{
        font-size: 16px;
        height: 80px;
    }
    .banner_bottom_selection .hvr-radial-in{
        max-width: 100%;
    }
    .footer_upper_banner button {
        width: 100%;
        max-width: 100%;
    }
    .top_bar {
        display: none;
    }
    .dblock {
        display: block;
    }
    .desktop_nav {
        display: none;
    }
    .swiper-button-next {
        display: none;
    }
    .swiper-button-prev {
        display: none;
    }
    h1 {
        font-size: 45px;
    }
    .header_bottom_banner_sec::before {
        display: none;
    }
    .filter_main_wrapper {
        padding: 0px;
        margin-bottom: 30px;
    }
    .main_car_sec {
        max-height: 100% !important;
    }
    .car_text_wrapper::before {
        display: none;
    }
    .footer_upper_banner {
        margin-top: 0%;
    }
    .mrt {
        margin-top: 20px;
        padding-bottom: 20px;
    }
    button {
        margin-top: 8px;
    }
    .footer_upper_banner:after {
        width: 100%;
    }
    .footer_upper_banner button {
        width: 100%;
    }
    .top_bttn button {
        width: 100%;
    }
    .each_footer_sec {
        width: 100%;
        padding: 0;
        margin: 30px 0 0;
    }
    .footer_sec {
        padding: 0;
    }
    .bnd_logo {
        width: 100%;
        margin-top: 0px;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .bnd_logo ul {
        text-align: left;
    }
    .right_wappr {
        position: relative;
        top: 47px;
        padding: 43px;
    }
    .map_lc {
        height: 275px;
    }
    .people {
        padding: 30px 0px;
    }
    .people_details {
        padding: 6%;
    }
    .btn_prev {
        width: 50%;
        margin: 0 auto 0;
        display: table;
    }
    .btn_next {
        width: 50%;
        margin: 0 auto 0;
        display: table;
        margin-top: 20px;
    }
    .tab_wrapper ul li table tr td {
        padding-bottom: 10px;
        width: 50%;
    }
    .tab_sec .nav-item {
        width: 49%;
    }
    .tab_sec .nav-item:last-child {
        width: 49%;
    }
    .tab_wrapper ul li {
        width: 50% !important;
        border-right: 0px;
    }
    .filter_main_wrapper {
        position: relative;
        padding: 30px 0px;
        margin-bottom: 0px;
    }
    .filter_main_wrapper:before {
        position: absolute;
        width: 100vw;
        margin-left: -50vw;
        height: 100%;
        content: '';
        top: 0px;
        left: 50%;
        background: #f3f3f3;
    }
    .banner_text_wrapper {
        padding: 30px 0px 30px;
    }
    h1 {
        font-size: 38px;
    }
    .header_banner_text p {
        font-size: 20px;
        margin-bottom: 20px;
    }
    h2 {
        font-size: 24px;
    }
    .img_wrapper {
        text-align: center;
    }
    .right_bg_img {
        width: 48%;
    }
    .each_footer_sec h4 {
        margin-bottom: 24px;
    }
    footer hr {
        margin: 10px 0px 20px;
    }
    .each_footer_sec table {
        width: 91%;
    }
    /*=======pop up=======*/
    .modal_area .modal-content p {
        line-height: 15pt;
    }
    .modal_area .modal-dialog {
        max-width: 97%;
    }
    .popup_content h2 {
        font-size: 22px;
    }
    .modal_area .modal-content p {
        margin-top: 25px;
        margin-bottom: 20px;
        font-size: 13px;
    }
    .popup_content h2::before {
        bottom: -6px;
    }
    .popup_content {
        padding-left: 0px;
        padding-right: 40px;
    }
    /*****FOR AANBOD*****/
    .car_details td {
        font-size: 16px;
    }
    .car_panel h6 {
        font-size: 19px;
    }
    .cars_mrgin4 .car1 .car_caption h2 {
        font-size: 24px;
    }
    .car_panel .col-lg-6 {
        padding-bottom: 30px;
    }
    .car_caption h5 {
        font-size: 24px;
    }
    .select_area .col-lg-3 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .banner_bottom_selection {
        padding: 30px 0px 15px;
        margin-top: 0px;
    }
    .banner_bottom_selection button {
        margin-bottom: 15px;
    }
    .car_panel .car_caption {
        padding: 30px 30px;
    }
    /******aanbod details******/
    .banner_nxt_colection_panel {
        padding: 30px 0px;
    }
    .collection_content_sec ul li {
        font-size: 15px;
    }
    .tab_sec_cover {
        padding-right: 15px;
    }
    .side_content {
        margin-top: 30px;
    }
    /***new add***/
    .select_area {
        width: 100%;
    }
    .collection_content_sec p {
        font-size: 24px;
        margin-bottom: 0px;
    }
    .opening_timing {
        padding-top: 30px;
    }
    .service_sub2_sec {
        padding: 45px 0px 40px;
    }
    .sub2_content table tr td:nth-child(odd) {
        padding-right: 30px;
    }
    .sub2_content table tr td:nth-child(even) {
        padding-left: 30px;
    }
    .werkplaats_sec h4 {
        font-size: 26px;
    }
    .top_right_text h4 {
        font-size: 26px;
    }
    .top_right_text {
        padding: 40px 0px 0px 0px;
    }
    .bandenonderhoud {
        padding: 50px 0px 0px;
    }
    .each_vc_content ul li:nth-child(1) {
        font-size: 20px;
    }
    .each_vc_content ul li {
        width: 50%;
    }
    .each_vc_content ul li:nth-child(2) {
        font-size: 20px;
    }
    .each_vc_content table tr td img {
        margin-right: 10px;
    }
    .each_vc_content table tr td {
        font-size: 13px;
    }
    .each_vc_content {
        padding: 30px 20px;
    }
    .vacature_details {
        padding: 0px;
    }
    .vacature_details .each_vc_content {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .vercocht_cars_panel h6 {
        font-size: 15px;
    }
    .vercocht_cars_panel h5 {
        font-size: 19px;
    }
    .vercocht_cars_panel .car_caption {
        padding: 20px 30px;
    }
    .contact_details h4 {
        margin-bottom: 40px;
    }
    .acties_details {
        padding-bottom: 13%;
    }
    .contact_frm {
        padding: 50px 0px;
    }
    .sub_2_contact {
        padding-bottom: 70px;
    }
    .vacature_details hr {
        margin-top: 50px;
        margin-bottom: 0px;
    }
    .wrk_sub1 .aanbod_dtls_contact_area {
        padding-bottom: 50px;
    }
    /****thank u ******/
    .bedankt_content_area {
        padding: 10%;
    }
    .bedankt_content_area h1 {
        font-size: 30px;
    }
    .bedankt_content_area p {
        margin-top: 35px;
        margin-bottom: 30px;
    }
    .banner_nxt_colection_panel .hvr-radial-in {
        margin-top: 0px;
        width: 230px;
    }
    .main_car_sec {
        margin-bottom: 0px;
    }
    .footer_upper_banner .white_button {
        margin-left: 0px;
    }
    h2::before {
        bottom: -25px;
    }
    .header_banner .swiper-pagination-bullet {
        display: none;
    }
    .top_bttn {
        bottom: 30px;
    }
    .common_banner_overlay table tr td:nth-child(odd) {
        padding-right: 15px;
    }
    .common_banner_overlay table tr td:nth-child(even) {
        padding-left: 15px;
    }
    .common_banner .overly_content {
        padding: 50px 0px;
    }
    .overly_content h2 {
        font-size: 26px;
    }
    .tab_section .tab_wrapper ul li {
        padding-bottom: 30px;
        padding-left: 0px;
    }
    .tab_section .tab_wrapper {
        padding: 40px 0px 10px;
    }
    .acties_listview_area {
        padding: 40px 0px;
    }
    .acties_details .right_wappr {
        top: 0px;
        position: relative;
    }
    .acties_details {
        padding: 40px 0px;
    }
    .acties_details .each_vc_content {
        border: none;
    }
    .acties_details .con_right {
        padding-top: 40px;
    }
    .acties_details .right_wappr h2 {
        font-size: 24px;
    }
    .acties_details .right_wappr h2::before {
        bottom: -25px;
    }
    .acties_details .right_wappr h2 {
        margin-bottom: 70px;
    }
    .contact_frm .right_wappr {
        top: 0px;
    }
    .service_sub2_sec {
        margin-top: 0px;
    }
    .vacture_sec .each_vc_content table tr td {
        font-size: 14px;
    }
    .vacature_details .con_right {
        padding-top: 30px;
    }
    .vacature_details {
        padding-top: 0px;
        padding-bottom: 40px;
    }
    .download_pdf {
        padding-bottom: 0px;
    }
    .vacature_details .each_vc_content table tr td {
        font-size: 14px;
    }
    .overons_pg .each_filter_blog h4 {
        font-size: 16px;
    }
    .footer_sec .col-md-12 img {
        margin-top: 20px;
    }
    .dtls_page_main_car {
        padding-top: 0px;
    }
    .each_footer_sec p {
        white-space: normal;
    }
    .footer-menu {
        padding-left: 0px;
    }
    .back_button .hvr-radial-in {
        float: left;
    }
    .back_button {
        padding-top: 30px;
        margin-top: 0;
        border-top: 1px solid #2b2b2b;
    }
    .map-sec {
        height: 260px;
    }
    .banner_text_wrapper {
        padding: 30px 10% 35px 0%;
    }
}

@media (max-width: 767.98px) {
    .left_text_wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }
    .aanbod_detail_tab_sec {
        padding-bottom: 0px;
    }
    .car_panel .car_caption h6 {
        height: auto;
    }
    .each_footer_sec {
        border-bottom: 1px solid #3a3a3a;
    }
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 22px;
    }
    .header_banner_text p {
        font-size: 18px;
        margin-bottom: 26px;
    }
    .banner_text_wrapper {
        padding: 35px 0px;
    }
    .fl_bottom {
        padding-top: 20px;
    }
    .st_cont {
        text-align: center;
    }
    .res_vw {
        text-align: center;
    }
    .top_bttn {
        margin: 0px;
        padding: 0px;
    }
    .right_bg_img {
        position: relative;
        height: 200px;
        width: 100%;
    }
    .bnd_logo {
        display: none;
    }
    footer hr {
        display: none;
    }
    .footer_logo {
        text-align: center;
        padding: 20px 0;
    }
    .map_lc {
        height: 275px;
    }
    .right_wappr {
        top: 20px;
        padding: 22px;
    }
    .main_bg_img_sec {
        width: 100%;
        height: 250px;
        position: relative;
    }
    .intro_text {
        margin: 15px 0px;
    }
    .expertise_overview_sec_wrapper .expertise_overview_sec:nth-child(even) .intro_text {
        padding: 7% 9% 7%;
    }
    .intro_text p {
        padding: 12px 0px 20px;
    }
    .intro_text {
        padding: 7% 9% 7%;
    }
    .btn_prev {
        width: 100%;
    }
    .btn_next {
        width: 100%;
    }
    h6 {
        font-size: 18px;
    }
    .car_details p {
        font-size: 20px;
        padding: 20px 0%;
    }
    .cars_mrgin4 .car4_overlay {
        padding: 7% 3% 7%;
    }
    .car_panel {
        padding: 30px 0px 0px;
    }
    .car_caption {
        padding: 20px 7% 0px;
    }
    .fx_logo img {
        height: 110px;
    }
    .people {
        padding: 35px 0px;
    }
    .people_details {
        padding: 4%;
    }
    .people_details h4 {
        font-size: 22px;
    }
    /*#home ul li {
font-size:12px;
width:50%;
}*/
    .side_content {
        padding: 20px 15px;
        box-shadow: none;
        margin-top: 0px;
    }
    .tab_wrapper ul li table tr td {
        padding-bottom: 20px;
    }
    .tab_wrapper ul li {
        width: 100% !important;
    }
    .each_vc_content ul li {
        width: 50%;
    }
    .each_vc_content ul li:nth-child(1) {
        font-size: 18px;
    }
    .each_vc_content ul li:nth-child(2) {
        font-size: 18px;
    }
    .each_vc_content table tr td {
        font-size: 12px;
    }
    .each_vc_content table tr td img {
        margin-right: 6px;
    }
    .each_vc_content table {
        margin: 30px 0px 30px;
    }
    .contact_frm .each_vc_content {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .contact_frm {
        padding: 30px 0px;
    }
    .download_pdf {
        padding-bottom: 0px;
    }
    .download_pdf button {
        margin-top: 20px;
    }
    .each_filter_blog {
        margin-bottom: 20px;
    }
    /*====pop up=======*/
    .modal_area .modal-dialog {
        max-width: 75%;
    }
    .pop_up_img {
        width: 100%;
    }
    .popup_content {
        width: 100%;
        padding: 30px 15px;
    }
    .close_img1 {
        display: none;
    }
    /******FOR AANBOD*******/
    .cars_mrgin {
        padding-bottom: 30px;
    }
    .cars_mrgin4 .car_caption {
        padding: 50px 30px;
    }
    .banner_bottom_selection_bottom .pl-1 {
        padding-left: 15px !important;
    }
    .banner_bottom_selection_bottom .pr-1 {
        padding-right: 15px !important;
    }
    .cars_mrgin4 .car1 .car_caption h1 {
        font-size: 26px;
    }
    .overly_content {
        padding: 50px 0px;
    }
    .overly_content h1 {
        font-size: 26px;
    }
    /*****aanbod details*******/
    .collection_btn_sec {
        text-align: left;
    }
    .collection_content_sec {
        padding-top: 0px;
    }
    .aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item {
        width: 49%;
        margin: 0px 5px 10px 0px;
    }
    /*.aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item:nth-child(4) {
    width: 100%;
   margin:0px 0px 10px 0px;
}*/
    .aanbod_detail_tab_sec .tab_content_wrapper {
        padding: 30px 15px;
    }
    .common_banner_overlay table tr td:nth-child(odd) {
        padding-right: 0px;
    }
    .common_banner_overlay table tr td:nth-child(even) {
        padding-left: 0px;
    }
    .common_banner_overlay table tr td {
        width: 100%;
        display: block;
    }
    .overly_content h2 {
        font-size: 24px;
        margin-bottom: 50px;
    }
    .contact_details h4 {
        margin-bottom: 30px;
    }
    .contact_cont {
        margin-top: 40px;
    }
    .tab_wrapper {
        padding: 30px 0px 10px;
    }
    /*****new add****/
    .car_panel .col-lg-6 {
        padding-bottom: 30px;
    }
    .cars_mrgin4 .car1 .car_caption h2 {
        font-size: 24px;
    }
    .collection_content_sec p {
        font-size: 20px;
    }
    .aanbod_dtls_contact_area {
        padding: 30px 0px 30px;
    }
    .dtls_page_main_car h5 {
        font-size: 20px;
    }
    .aanbod_dtls_contact_area hr {
        margin-top: 40px;
        margin-bottom: 0px;
    }
    .dtls_page_main_car .car_slider_content {
        margin-top: 30px;
    }
    .contact_details table tr td:first-child {
        width: 10%;
    }
    /*.aanbod_details_slider .ms-skin-default .ms-nav-next{
    display:none;
}
.aanbod_details_slider .ms-skin-default .ms-nav-prev{
    display:none;
}*/
    .aanbod_detail_tab_sec .side_content {
        display: none;
    }
    .tab_wrapper ul li {
        padding-left: 0px;
    }
    .filter_main_wrapper .fl_bottom .col-md-5 {
        text-align: center;
    }
    .people h2::before {
        bottom: -30px;
    }
    .peopledetails_margin {
        margin-top: 50px;
    }
    .overly_content h2::before {
        bottom: -25px;
    }
    .gallery_section .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .sub2_content table tr td {
        width: 100%;
        display: block;
    }
    .sub2_content table tr td:nth-child(odd) {
        padding-right: 0px;
    }
    .sub2_content table tr td:nth-child(even) {
        padding-left: 0px;
    }
    .service_sub2_sec {
        padding: 30px 0px;
    }
    .werkplaats_sec h4 {
        font-size: 24px;
    }
    .werkplaats_sec p {
        margin-top: 20px;
    }
    .sub_2_contact {
        padding-bottom: 50px;
    }
    .sub_2_contact .right_wappr .pr-2 {
        padding-right: 15px !important;
    }
    .sub_2_contact .right_wappr .pl-2 {
        padding-left: 15px !important;
    }
    .vacature_details {
        padding: 0px;
    }
    .right_wappr.from2 ul li p {
        font-size: 20px;
    }
    .acties_details {
        padding-bottom: 90px;
    }
    .acties_details .right_wappr {
        top: 0px;
    }
    .tab_content_wrapper .pr-2 {
        padding-right: 15px !important;
    }
    .tab_content_wrapper .pl-2 {
        padding-left: 15px !important;
    }
    .contact_frm .con_left p {
        margin-top: 70px;
    }
    .right_wappr.from2 {
        padding: 40px 50px;
    }
    .gal_item3 {
        padding-left: 0px;
        padding-right: 10px;
    }
    .box img {
        width: auto;
    }
    /*==========thank you==========*/
    /****thank u ******/
    .bedankt_content_area {
        padding: 10% 0%;
    }
    .bedankt_content_area h1 {
        font-size: 26px;
    }
    .filter_main_wrapper .pl-2 {
        padding-left: 15px !important;
    }
    .filter_main_wrapper .pr-2 {
        padding-right: 15px !important;
    }
    h2::before {
        bottom: -30px;
    }
    .banner_text_wrapper h2 {
        margin-bottom: 50px;
    }
    .car_slider {
        padding: 0px;
    }
    .left_text_wrapper h2 {
        margin-bottom: 60px;
    }
    .footer_upper_banner {
        border-right: none;
        border-bottom: 8px solid #fff;
    }
    .banner_nxt_colection_panel .hvr-radial-in {
        margin-top: 20px;
    }
    .acties_listview_area {
        padding: 30px 0px 15px;
    }
    .acties_listview_area .col-md-6:nth-child(even) {
        padding-left: 15px;
    }
    .acties_details {
        padding: 30px 0px;
    }
    .acties_details .con_right {
        padding-top: 0px;
    }
    .acties_details .right_wappr {
        margin-top: 30px;
    }
    .acties_details .right_wappr h2 {
        font-size: 22px;
    }
    .acties_details .upper_txt button {
        margin-top: 20px;
    }
    .tab_section .tab_wrapper ul li {
        padding-bottom: 0px;
    }
    .tab_section .tab_wrapper {
        padding-top: 10px;
    }
    .tab_section .tab_wrapper ul li:before {
        display: none;
    }
    .tab_section table {
        width: 100%;
    }
    .tab_wrapper ul li table tr td:first-child{
        width: 15%;
        padding-right: 0px;
    }
    .vacture_sec .col-md-6:nth-child(even) {
        padding-left: 15px;
    }
    .each_vc_content {
        padding: 30px 15px;
    }
    .download_pdf {
        padding-top: 30px;
    }
    .vacature_details hr {
        margin-top: 40px;
    }
    .vacature_details .each_vc_content {
        padding-right: 0px;
    }
    .vacature_details .each_vc_content .upper_txt {
        margin-top: 0px;
    }
    .vacature_details .right_wappr {
        padding: 30px 15px;
    }
    .vacature_details .right_wappr h2 {
        font-size: 22px;
    }
    .overons_pg .sgn_dv {
        padding-bottom: 0px;
    }
    .acties_details .each_vc_content {
        padding-top: 0px;
    }
    #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: 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;
    }
    .whatsapp_ons {
        display: none;
    }
    .banner_bottom_selection .select_area .hvr-radial-in {
        max-width: 100%;
    }
}

@media (max-width: 575.98px) {
    h1 {
        font-size: 25px;
    }
    h2 {
        font-size: 20px;
    }
    h4 {
        font-size: 18px;
    }
    .left_text_wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }
    .aanbod_detail_tab_sec .tab-content ul li {
        font-size: 13px;
    }
    .kenmerken_tab ul li:nth-child(odd) {
        padding-left: 12px;
        background-size: 6px;
    }
    .header_banner_text p {
        font-size: 16px;
    }
    .banner_text_wrapper {
        padding: 18px 0px;
    }
    .sgn_dv {
        padding: 10px 0px;
    }
    .car_slider_content {
        margin-top: 45px;
    }
    .rght_cont {
        width: 100%;
    }
    .car_text_wrapper {
        padding-top: 19px;
    }
    /*.footer_logo img {
display:none;
}
.footer_sec {
padding: 40px 0px 0px;
}*/
    .each_footer_sec h4 {
        margin-bottom: 15px;
    }
    /*====pop up=======*/
    .modal_area .modal-dialog {
        max-width: 100%;
    }
    .service_sub1_area {
        padding: 50px 0px 30px;
    }
    .car_caption h5 {
        font-size: 22px;
    }
    .car_panel .car_caption {
        padding: 30px 15px;
    }
    .overly_content button {
        margin-top: 30px;
    }
    .overly_content h2 {
        font-size: 20px;
    }
    /******new add*****/
    .cars_mrgin4 .car1 .car_caption h2 {
        font-size: 19px;
    }
    .car_panel h6 {
        font-size: 17px;
    }
    .cars_mrgin4 .car1 .car_caption p {
        margin: 50px 0px 30px;
    }
    .aanbod_dtls_contact_area {
        padding-bottom: 30px;
    }
    .contact_frm .con_left p {
        margin-top: 60px;
    }
    .gal-item {
        padding: 5px 0px 5px;
    }
    .bandenonderhoud {
        padding: 30px 0px 0px;
    }
    .top_right_text h4 {
        font-size: 22px;
    }
    .top_right_text {
        padding: 30px 0px 0px 0px;
    }
    .werkplaats_sec h4 {
        font-size: 20px;
    }
    .bandenonderhoud hr {
        margin-top: 30px;
    }
    .vercocht_cars_panel h6 {
        font-size: 15px;
    }
    .vercocht_cars_panel h5 {
        font-size: 19px;
    }
    .vercocht_cars_panel .car_caption {
        padding: 20px 30px;
    }
    .right_wappr.from2 ul li p {
        padding: 0px 0px 15px 15px;
    }
    .right_wappr.from2 ul li p {
        font-size: 18px;
    }
    .acties_details .upper_txt button {
        margin-top: 20px;
    }
    .vacature_details .each_vc_content .upper_txt {
        margin-top: 0px;
    }
    .sub1_bandenonderhoud {
        padding-bottom: 30px;
    }
    .sub_2_contact {
        padding-bottom: 40px;
    }
    .wrk_sub1 .right_wappr.from2 {
        padding: 50px;
    }
    .wrk_sub1 .right_wappr.from2 ul li p {
        font-size: 18px;
    }
    /*========thank you=======*/
    .bedankt_content_area h1 {
        font-size: 22px;
    }
    /***************x***********/
    .acties_details .right_wappr h2 {
        font-size: 20px;
    }
    .each_vc_content {
        padding-bottom: 20px;
    }
    .vacture_sec .each_vc_content table tr td {
        width: 100%;
        display: inline-block;
        padding-bottom: 15px;
    }
    .vacture_sec .each_vc_content table {
        margin: 30px 0px 20px;
    }
    .vacature_details .each_vc_content table tr td {
        width: 100%;
        display: inline-block;
        padding-bottom: 15px;
    }
    .aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item {
        width: 48%;
        margin: 0px 5px 10px 0px;
    }
    .banner_text_wrapper {
        padding: 18px 0px;
    }
}
@media (min-width: 768px){
    #mobile-contact-bar { 
    display: none;
    }
}
  @media (max-width: 767.98px){
    #mobile-contact-bar {
    box-sizing: border-box;
    font-size: 1rem;
    opacity: 1;
    position: fixed;
    width: 100%;
    z-index: 999;
    left: 0;
    bottom: 0;
    display: block !important;
    }
    #mobile-contact-bar-outer {
    background-color: #000;
    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;
      text-align: center;
      height: 45px;
      width: 24%;
	  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: 999;
    }
    .li_color {
      border-left: 1px solid #fff;
    }
	#mobile-contact-bar ul li img{
		width:20px;
		padding-top: 3px;
	}
	#mobile-contact-bar ul .map_pointer img{
		padding-top: 1px;
	}}
    @media (max-width : 767.98px){
        .morgeninternet-footer{
            margin-bottom : 43px;
        }
    }