@media (min-width: 1600px) { .container{ max-width: 1483px; } } @media (max-width: 1799.98px) { /****************************contact*******************/ .contact-info:after, .form-area { width: calc(100% + 30px); } .contact-info{ padding-right: 30px; } } @media (max-width: 1699.98px) { /************************diensten dtl*****************/ .form-left-content-wrap { padding: 0 40px; } /**************************overons**********************/ .team-content{ left: 15px; } .member-slider .swiper-button-next { right: -50px; } .member-slider .swiper-button-prev { left: -50px; } } @media (max-width: 1599.98px) { .desktop-nav .nav-item { padding-left: 60px; } .each-middle-content{ padding-left:20px; padding-right: 20px; } .content-block .common-btn{ /*height: 50px; line-height: 50px;*/ } .each-middle-content:hover{ height: 300px; } .content-cover:after{ left: -20px; } .counter-part li { padding-right: 30px; } .counter-part li:last-child{ padding-right: 0; } .counter-part { margin-left: 0px; } .each-count h4{ font-size: 22px; } .each-count h4:after{ left: -15px; } .footer-bottom li{ padding-right: 8px; font-size: 14px; } .footer-bottom .footer-social li { padding-right: 10px; } .footer-bottom .footer-social li:first-child { padding-right: 10px; } .footer-social:after{ left: -15px; } .footer-top ul{ padding-left: 50px; } .desktop-nav .navbar-brand img{ width: 300px; } .desktop-nav .nav-item { padding-left: 15px; font-size: 15px; } .desktop-nav .navbar-nav .nav-link:after{ bottom:-10px; } /****************************aanod***********************/ .aanbod-middle-area h2{ font-size: 28px; } .select-style { /*background: url(../images/drop.svg) no-repeat 95% center/8px; font-size: 15px; padding: 0 50px 0 10px;*/ } .select-style{ font-size: 14px; background-position: 98% center; } .each-select-box { margin-right: 4px; } .product-content{ padding: 30px 14px; } .each-select-box { margin-right: 6px; } .select-sec .select-heading h2{ font-size: 26px; margin-bottom: 0; } /***********************werkplts listview*******************/ .listview-content{ padding: 40px 85px 30px 0px; } .each-listview .flex-row-reverse .listview-content{ padding: 40px 0px 30px 85px; } .listview-content:after { width: calc(100% + 85px); } .listiew-wrapper { padding: 0 30px; } /****************************contact*******************/ .contact-info:after, .form-area { width: calc(100% + 60px); } .contact-info{ padding-right: 60px; } .form-area{ padding-top: 30px; } /*********************afleavering****************/ /*.aflevering-sec .listview-image{ background-size: 0; } .aflevering-sec .listview-image img{ display: block; }*/ .aflevering-sec .listview-content:after { width: calc(100% + 50px); } .aflevering-sec .listiew-wrapper { padding: 0 20px; } .aflevering-sec .listview-content { padding: 40px 50px 40px 0; } .aflevering-sec .listview-content p { margin: 10px 0 0px; } .aflevering-sec .each-listview .flex-row-reverse .listview-content { padding-left: 50px; padding-top: 60px; } .aflevering-sec .each-listview h4{ font-size: 22px; } /**************************diensten dtl*****************/ .form-left-content-wrap { padding: 0 20px; } /********************************instawall********************/ .instawall-top-image{ -ms-flex: 0 0 58%; flex: 0 0 58%; max-width: 58%; } .instawall-top-content { max-width: 540px; padding-bottom: 40px; } /**************************modellen***************/ .modellen-bottom-area .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .modellen-bottom-area .col-lg-9{ -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .brand-right-content{ padding: 60px; } .brand-image img{ width: 170px; } /*****************************modellen-dtl*********************/ .moddlen-dtl-top-area .moddlen-left-wrap{ margin-left: 50px; margin-top: -80px; } .moddlen-left-wrap .black-btn{ max-width: 350px; } .moddlen-left-wrap .brand-right-content li{ font-size: 22px; } .moddlen-left-wrap .brand-right-content li:first-child:after{ top: 7px; } .moddlen-dtl-bottom-slide .swiper-button-prev{ left: 80px; } .moddlen-dtl-bottom-slide .swiper-button-next{ right: 80px; } .botton-image-btn .common-btn { max-width: 230px; } /****************************vacature*******************/ .vacature-left-area { padding-left: 60px; margin-left: 50px; margin-top: -80px; } .vacature-content-wrap .col-lg-5{ -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .vacature-content-wrap .col-lg-7{ -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } /*******************************overons***********************/ .team-content h2{ font-size: 30px; } .team-content{ padding-left: 40px; padding-right: 40px; } .member-slider .swiper-button-next { right: -65px; } .member-slider .swiper-button-prev { left: -65px; } .overons-middle-sec { padding: 100px 0 80px; } .each-overons-count { padding-left: 60px; padding-right: 0px; } h3{ font-size: 28px; } .member-dtls h4{ font-size: 28px; } .member-dtls{ padding-left: 20px; padding-right: 20px; } /*****************************nieuw list**********************/ .nieuw-block-content .common-btn:last-child{ margin-left: 5px; } .nieuw-block-content .common-btn{ max-width: 193px; } .nieuw-bottom-area.moddlen-dtl-top-area .niews-bottom-content h2{ font-size: 32px; } .niews-bottom-content{ padding-left: 90px; padding-right: 70px; margin-left: 60px; margin-bottom: 60px; } /***********************nieuw dtl**********************/ .nieuw-dtl-top-sec .nieuw-content-block-right{ padding-right: 60px; padding-left : 85px; } /**************************aanbod dtl*******************/ .tab-part-wrapper{ padding-right: 30px; padding-left: 30px; } .tab-right-area{ padding-left: 60px; padding-right: 60px; } .man-content { padding-left: 15px; } .man-img { width: 36%; } .tab-top-part li{ font-size: 14px; } .form-left-area .col-md-8 { -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; } .form-left-area .col-md-4 { -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } .moddlen-dtl-top-area .vacature-right-area { padding-left: 30px; } .moddlen-dtl-bottom-image{ height:495px; } /*********************merk*********************/ .merk-slider-area.nieuws-listview .each-listview .listview-content{ padding-top: 70px; padding-bottom: 70px; } /******************aanbod dtl*****************/ .aanbod-dtl-middle-bg{ height: 820px; } .form-area_cnt{ max-width: 350px; } } @media (max-width: 1365px) { .each-count h4 { font-size: 20px; } } @media (max-width: 1299.98px) { h2{ font-size: 32px; } h1{ font-size: 52px; } .angle-right-content{ padding-left: 26%; } /****************************contact*******************/ .contact-info::after, .form-area { width: 100%; } .form-area{ padding-left: 20px; } .contact-info{ padding-left: 30px; padding-right: 30px; } /***************************diensten dtl******************/ .form-left-content-wrap { padding: 0 ; } .form-left-area h2{ font-size: 32px; } /****************************overons*******************/ .team-content { left: 0; } .member-slider .swiper-button-next { right: -30px; } .member-slider .swiper-button-prev { left: -30px; } .team-content h2 { font-size: 28px; } .overons-bg-content{ left: 0; } /******************niuews-list****************/ .nieuw-bottom-area .col-lg-5 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .niews-bottom-content { padding-left: 70px; padding-right: 60px; } .nieuw-bottom-area.moddlen-dtl-top-area .niews-bottom-content h2 { font-size: 30px; } /*********************merk*****************/ .merk-product-sec .swiper-button-next { right: -35px; } .merk-product-sec .swiper-button-prev { left: -35px; } /*****************vacature*************/ .vertical_tab_sec .nav-link{ padding: 40px 30px; } } @media (max-width: 1199.98px) { .banner-sec .banner-content h2{ font-size: 28px; line-height: inherit; letter-spacing: 0.75px; } .each-middle-content{ padding-top: 50px; padding-bottom: 30px; } .desktop-nav .nav-item { padding-left: 35px; } .header-topbar li{ padding-right: 30px; } .desktop-nav .navbar-brand img{ width: 250px; } .desktop-nav .nav-item { padding-left: 10px; font-size: 14px; } .desktop-nav .navbar-nav .nav-link:after{ top: -36px; } h2 { font-size: 26px; } h1{ font-size: 40px; margin-bottom: 40px; } .product-button-wrapper .swiper-button-next { right: 100px; } .product-button-wrapper .swiper-button-prev { left: 100px; } .counter-part { margin-top: 30px; } .each-count h4:after{ height: 100%; top: 0; } .angle-right-content{ padding-top: 100px; padding-bottom: 100px; } .footer-top li:after { right: 10px; } .footer-top ul{ padding-left: 30px; } .footer-social:after{ display: none; } .footer-social { text-align: center!important; padding-top: 50px; } .footer-bottom img{ margin-top: 20px; } .footer-bottom .footer-social li:first-child{ display: block; } .footer-bottom .footer-social li:last-child, .footer-bottom .footer-social li:first-child{ padding-right: 0; } .footer-navbar{ text-align: center; } .footer-bottom .footer-navbar li a::after { top: -32px; } /***********************aanbod*********************/ .select-style{ padding: 0px 10px 0 10px; margin-top:30px; font-size: 13px; } .select-sec{ padding-top: 80px; } .aanbod-middle-area h2 { font-size: 23px; } /************************werkplts listview*********************/ .listiew-wrapper{ padding: 0 ; } /*********************afleavering****************/ .aflevering-sec .listview-image{ background-size: 0; } .aflevering-sec .listview-image img{ display: block; } .aflevering-sec .each-listview h4{ font-size: 20px; } .aflevering-sec .listiew-wrapper { padding: 0 ; } /*****************************diensten dtl*****************/ .form-left-area h2 { font-size: 28px; } .diensten-dtl-content, .diesnten-middle-sec{ padding: 80px 0; } /****************************instawall***********************/ .instawall-top-sec { padding: 40px 0 30px; } .instawall-top-content { max-width: 430px; } /*************************modellen*******************/ .brand-right-content p { font-size: 20px; line-height: 42px; } .brand-right-content { padding: 50px; } .each-modellen-content { margin-bottom: 40px; } .diensten-form-sec .form-left-content-wrap .address-area p{ font-size: 15px; } .address-area img{ margin-right: 10px; } /***************************moddlen dtl**********************/ .moddlen-dtl-top-area .vacature-right-area { padding-left: 20px; } .moddlen-left-wrap .brand-right-content li { font-size: 20px; } .moddlen-dtl-top-area .moddlen-left-wrap { margin-left: 30px; } /*********************************vacature**********************/ .each-filter-part li, .vacature-left-area h4{ font-size: 22px; } .vacature-left-area { padding-left: 50px; margin-left: 20px; } .vacature-sec { padding-bottom: 100px; } /****************************overons*********************/ .each-overons-count { padding-left: 20px; } h3{ font-size: 26px; } .overons-right-content-wrap{ padding: 0 30px; } /*****************************nieuw list**********************/ .nieuw-block-content .common-btn{ max-width: 156px; } .nieuw-block-content.listview-content { padding-right: 20px; } .nieuw-bottom-area.moddlen-dtl-top-area .niews-bottom-content h2 { font-size: 28px; } /*************************nieuw dtl***********************/ .nieuw-dtl-top-sec .each-listview .flex-row-reverse .listview-content{ padding-left: 30px; padding-right: 30px; } /*****************************aanbod dtl******************/ .tab-right-area{ width: 55%; margin: auto; } .dtl-page-member{ padding-top: 80px; } .aanbod-dtl-tab-sec { padding-bottom: 50px; } .tab-part-wrapper{ margin-top: -80px; margin-left: 0; } .select-sec .col-lg-4, .select-sec .col-lg-8{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .select-wrap{ max-width: 100%; } .moddlen-dtl-bottom-image{ height:645px; } .product-content h6{ font-size: 15px; height: 32px; overflow: hidden; } .product-content { padding: 30px 10px; } .product-content p{ font-size: 11px; } /********************merk******************/ .merk-right-area { padding-left: 40px; } .merk-slider-area.nieuws-listview .each-listview .listview-content { padding: 60px 30px; } .merk-slider-area{ padding: 100px 0 0; } .play-btn img { width: 45px; } .merk-product-sec{ padding: 70px 0; } .merk-product-sec .swiper-button-next { right: 0; top: -50px; transform: translateY(0); } .merk-product-sec .swiper-button-prev { left: auto; right: 30px; top: -50px; transform: translateY(0); } .merk-product-sec .common-arrow img{ width: 20px; height: 20px; } .merk-video-top-sec { padding-top: 50px; } #menu2 iframe{ height: 930px; } .timeline-arrows { top: 19%; } /******************aanbod dtl*****************/ .aanbod-dtl-middle-bg{ height: 860px; } /*****************vacature*************/ .vr_left{ font-size: 20px; } .vertival_tab_wrapper .form_gap_shadow{ padding: 30px; } } @media (max-width: 991.98px) { .header-area{ display: none; } .dblock { display: block; height: auto; background-color: #194a99; } .res-logo-styl{ width: 240px; } .banner-content { top: 50%; } .common-btn{ /*max-width: 220px; height: 50px; line-height: 50px;*/ } .aanbod-middle-area .col-md-8, .aanbod-middle-area .col-md-4, .werkplts-top-heading .col-md-8, .werkplts-top-heading .col-md-4{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .aanbod-middle-area .text-right, .werkplts-top-heading .text-right{ text-align: left !important; margin-top: 20px; } h1 { font-size: 36px; } .each-middle-content { height: 200px; padding-top: 50px; margin-top: 20px; } .product-slider{ max-width: 620px; width: 100%; margin: auto; } .each-middle-content:hover { height: 270px; } .product-middle{ padding: 30px 0; } .product-middle .product-button-wrapper{ max-width: 340px; margin: auto; width: 100%; } .middle-bg-area{ margin-top: 0; } .product-area { padding: 70px 0 50px; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 50% 100%, 0 100%); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 50% 100%, 0 100%); } .content-block { margin-top: 50px; } .angle-left-area h2 { margin-left: 26px; letter-spacing: normal; } .angle-right-area h2{ margin-left: 80px; } .angle-right-content{ padding: 70px 0 70px 30%; } .each-count h4 { font-size: 18px; } .footer-logo{ display: block; text-align: center; margin-bottom: 30px; } /**********************aanbod******************/ .select-sec{ padding-top: 130px; } .select-wrap{ text-align: left !important; margin-top: 20px; } .select-sec .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .each-select-box{ padding-bottom: 10px; } .select-sec .divider{ margin-top: 30px; } .product-area.aanbod-product{ padding-bottom: 20px; } .select-style{ font-size: 14px; } /************************werkplts listview*******************/ .werkplts-top-heading { /*padding-top: 40px;*/ padding-top: 120px; } .listview-image, .each-listview .flex-row-reverse .listview-image{ margin-top: 0; } .each-listview .col-lg-7, .each-listview .col-lg-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .listview-content:after{ width: 100%; } .service-listview{ padding: 20px 0; } .listview-content, .each-listview .flex-row-reverse .listview-content{ padding: 40px 80px 40px 70px; } .listview-image img { display: block; } .each-listview, .each-listview:nth-child(even) { margin-bottom: 40px; } /******************************contact**********************/ .map-image { height: 300px; margin-top: 0; } .contact-info{ margin-top: 40px; } .form-area{ padding-left: 0; } /*********************afleavering****************/ .aflevering-sec .listview-content:after { width: 100%; } .aflevering-sec .listview-content, .aflevering-sec .each-listview .flex-row-reverse .listview-content{ padding: 40px; } /************************diensten dtl***************/ .diensten-dtl-content, .diesnten-middle-sec { padding: 50px 0; } .diensten-dtl-content td:nth-child(odd) { padding-right: 20px; } .diensten-dtl-content td:nth-child(even) { padding-left: 20px; } .form-bg-area{ position: relative; border-right: 0; padding-right: 15px; } .form-left-area .row{ align-items: unset !important; } .form-left-area .col-md-4{ height: auto !important; } .form-left-content-wrap { padding: 30px 0; } /****************************instawall***********************/ .instawall-top-image { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%); } .instawall-top-image img { display:block; } .instawall-top-content{ max-width: 100%; } .instawall-top-sec{ padding-bottom: 0; } /*******************************modellen********************/ .brand-right-content { padding: 35px; } .brand-right-content p { font-size: 18px; line-height: 38px; } .brand-right-content p:after{ top: 12px; } .brand-image img { width: 120px; } .brand-image { margin-right: 30px; } /******************************vacature dtl**********************/ .vacature-content-wrap .col-lg-5, .vacature-content-wrap .col-lg-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .vacature-left-area{ margin: 40px 40px 0; } .vacature-each-right-part:last-child{ margin-bottom: 0; } .vacature-sec { padding-bottom: 60px; } .each-filter-part { margin-bottom: 50px; } /*******************************modellen dtl************************/ .moddlen-dtl-top-area .moddlen-left-wrap { margin: 40px 40px 0; } .moddlen-dtl-top-area .brand-right-content{ padding-left: 50px; } .werkplts-top-heading .col-lg-7 .text-right{ text-align: left !important; margin-top: 20px; } .moddlen-dtl-bottom-image{ margin-top: 30px; } .moddlen-dtl-top-area.vacature-sec { padding-bottom: 40px; } /**************************overons*******************/ .overons-top-sec{ /*padding-top: 0;*/ padding-top: 75px; } .member-slider{ margin-top: 40px; } .team-content{ margin: 30px 0 0; } .team-content .divider { margin: 30px 0; } .overons-bg-content:after{ left: 20px; } .overons-bg-content{ padding-left: 50px; } .overons-middle-sec:after{ background-position: center; } .team-member-sec { padding-bottom: 50px; } .overons-counter-sec { padding: 60px 0; } .each-overons-count{ padding-left: 0; } .each-overons-count h3{ font-size: 20px; } .overons-counter-sec h3:after { top: -4px; height: calc(100% + 8px); } .overons-right-part{ padding-top: 40px; } .overons-right-part p { margin: 15px 0 40px; } .overons-right-content-wrap{ padding: 0 30px; } .gallery-slider:after { right: -4px; width: calc(100% / 2 ); } .gallery-slider .swiper-button-next { right: 20%; } .member-dtls h4 { font-size: 24px; } /****************************nieuws list************************/ .nieuws-listview .each-listview .flex-row-reverse .listview-content, .nieuws-listview .each-listview .listview-content { margin: 0; } .nieuws-listview .nieuws-list-image{ height: auto !important; margin-top: 100px; margin-left: 0; } .nieuws-listview .swiper-button-wrap{ top: 0; left: 0; transform: translate(0); } .nieuws-listview .each-listview:nth-child(even) .swiper-button-wrap{ left: 0; } .nieuws-listview .each-listview:nth-child(even) .nieuws-list-image{ margin-right: 0; } .nieuws-listview .nieuw-block-area .nieuws-list-image{ margin-top: 0; } .nieuw-block-content .common-btn { max-width: 230px; } .nieuws-listview{ padding-bottom: 30px; } /**********************nieuw***********************/ .nieuw-bottom-area { padding-top: 150px; } .nieuw-bottom-area.moddlen-dtl-top-area .niews-bottom-content h2 { font-size: 26px; } .nieuw-bottom-area .col-lg-5 { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } /***************************nieuw dtl*********************/ .nieuw-dtl-top-sec .each-listview:nth-child(1) { margin-bottom: 30px; } .nieuw-dtl-top-sec .nieuw-content-block-right{ margin-top: 0; } .nieuw-dtl-top-sec .nieuw-content-block-right{ padding-left: 30px; padding-right: 40px; } .nieuw-dtl-top-sec{ clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 50% 100%, 0 100%); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 50% 100%, 0 100%); } /*****************************aanbod dtl******************/ .tab-right-area{ margin-top: 50px; padding: 0; } .dtl-page-member{ padding-top: 50px; } .tab-part-wrapper{ margin-top: 40px; } .aanbod-dtl-middle-bg{ clip-path: polygon(50% 0%, 100% 0, 100% 100%, 0 100%, 0 0); -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 0 100%, 0 0); } .aanbod-dtl-middle-bg .content-block { margin-top: 0px; } /**********************pop up**************/ .modal-area .modal-dialog { max-width: 650px; } .popup-content { padding: 60px 50px 50px; } .select-style { background: url(../images/drop.svg) no-repeat right center/8px; } .footer-logo img{ width: 250px; } .moddlen-dtl-bottom-image{ height:auto; } .moddlen-dtl-bottom-image img{ display:block; } .banner-sec{ margin-top:77px; } .angel-box-wrapper{ position:relative; right:0px;; width:100%; top:0%; height:auto; transform:translateY(0%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%); } .angel-box{ background:none !important; } .angel-box img{ display:block; margin-bottom:50px; width:100%; } .each-new-list-wrapper { padding-top: 85px; padding-bottom: 50px; padding-left: 30px; padding-right: 30px; } .related-logo { right: 35px; } /***********************merk********************/ .merk-right-area{ padding-top: 50px; } .merk-content-list-sec{ padding: 20px 0 40px; } .merk-slider-area.nieuws-listview .swiper-button-wrap { top: 0px; right: 0px; } .merk-slider-area.nieuws-listview .each-listview .listview-content{ padding: 50px 30px; } .merk-product-sec { padding: 50px 0; } .opening-time .col-md-12{ margin-top: 25px; margin-bottom: 25px; } #menu2 iframe{ height: 1488px; } .overons-year-right-image{ position: relative; } .overons-year-right-image img{ display: block; } .year-left-content{ padding: 40px 0; } .overons-slider-bullet{ display: none; } .each-year-slide{ margin: 0px; } .overons-year-slider-wrapper{ max-width: 720px; width: 100%; margin:auto; } .pagination-wrapper{ display: none; } .overons-year-right-image{ background-size: 0; padding: 0; margin-top: 30px; } .timeline-arrows { top: 0; width: 100%; text-align: right; } .overons-year-slider{ padding-top: 30px; } /******************aanbod dtl*****************/ .aanbod-dtl-middle-bg{ height: auto; } .aanbod-dtl-middle-bg .each-middle-content{ height: 320px; } .aanbod-dtl-middle-bg .each-middle-content:hover{ height: 450px; } .aflevering-sec .listview-image, .aflevering-sec .each-listview .flex-row-reverse .listview-image{ top: 0; } .aflevering-sec .listview-content-wrap{ padding-left: 0; } .werkplts-top-heading .moddlen-dtl-brand-image { text-align:left; } .moddlen-dtl-top-area .vacature-each-right-part { padding-left: 0; } .moddlen-dtl-brand-image img{ margin-right: 40px; margin-left: 0; } .instawall-top-sec{ padding-top: 120px; } .privacy-sec{ padding-top: 80px; } .overons-top-sec .instawall-top-sec{ padding-top: 30px; } .form-area_cnt{ max-width: 100%; } .moddlen-left-wrap .black-btn { max-width: 100%; } /*****************vacature*************/ .vacature-top-content{ padding-top:150px; } .vertical_tab_sec .nav-link { padding: 30px 10px; } .vr_left{ font-size: 18px; } .vr_rt { font-size: 16px; width: 30px; height: 30px } .vertival_tab_wrapper .form_address{ margin: 0 0 40px; } .vertival_tab_wrapper .form_gap_shadow{ margin-bottom: 0; } } @media only screen and (min-width: 800px) { #mobile-contact-bar-outer { display: none; } } @media (max-width: 767px) { #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; } /*#mobile-contact-bar .fa-lg{ font-size: 2em; }*/ .li_color { border-left: 1px solid #FFFFFF; } .whatsapp_button{ display: none; } .common-arrow, .swiper-button-wrap, .content-block .swiper-pagination-bullet{ display: none; } .banner-sec-wrap, .product-area { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%, 50% 100%, 0 100%); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%, 50% 100%, 0 100%); } .each-banner-image { background-size: cover; height: 360px; } .each-banner-image img{ display: none; } .middle-bg-area{ margin-top: 0; } .product-area{ padding: 30px 0; } .banner-sec .banner-content h2{ font-size: 20px; letter-spacing: 0.4px; } .banner-sec .banner-content h2 br{ display: none; } h1{ font-size: 32px; } h4{ font-size: 20px; } h2{ font-size: 26px; } .middle-bg-area{ padding: 30px 0; } .content-block { margin-top: 30px; } .angle-left-area, .angle-right-area{ position: relative; width: 100%; background-size: 0; height: auto; float: none !important; } .angle-overlay{ position: absolute; top: 0; left: 0; } .angle-left-area{ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } .angle-right-area{ -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%); margin-top: 10px; } .angle-sec { height: auto; } .angle-sec img{ display: block; width: 100%; } .angle-right-content{ padding: 30px 0; } .footer-upper-area .angle-left-area{ width: 100%; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } .angle-left-area h2, .angle-right-area h2{ margin-left: 50px; } .counter-part li { display: block; margin-bottom: 10px; } .each-count h4{ padding-left: 20px; } .each-count h4:after{ left: 0; } .angle-right-content p{ margin: 25px 0 30px; } .footer-top ul { padding-left: 0px; text-align: center; } .footer-top li{ padding-bottom: 10px; } .footer-top li:after{ display: none; } .opening-time .col-md-6:first-child p{ margin-bottom: 30px; } .footer-middle { padding: 30px 0; } .footer-sec .divider{ margin-top: 0; } .footer-bottom li { padding-right: 25px; } .footer-upper-area .angle-left-area img { display: block; } /***********************aanbod*******************/ .aanbod-middle-area h2 { font-size: 20px; } .product-content .car-right-price h6{ text-align: left; margin-top: 8px; } .product-content h6{ height: auto; } .select-sec .col-lg-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .select-style { border-bottom: 1px solid rgba(28,28,28,0.2); padding: 5px 0; width: 100%; text-align: left; font-size: 15px; margin-top: 15px; } .select-sec{ padding: 120px 0 30px; } .select-sec .select-heading h2 { font-size: 24px; } .select-sec .divider{ display: none; } .product-area.aanbod-product{ padding-bottom: 0; } .product-content .col-md-6:last-child h6{ text-align: left; margin-top: 8px; } /**************************werkplts listview********************/ .service-listview{ padding: 0; } .werkplts-top-heading { /*padding-top: 30px;*/ } .listview-content-wrap:before{ /*display: none;*/ left: -15px; } .listview-content, .each-listview .flex-row-reverse .listview-content{ padding: 30px; } .listview-content p{ margin-bottom: 30px; } .listview-content-wrap{ padding-left: 0; } .listview-content .common-btn { margin-left: 0px; } /***************************contact*********************/ .contact-info{ margin-top: 30px; } .contact-info .divider { margin: 25px 0; } .contact-info{ padding: 30px; } .form-area{ padding: 30px 0; } /***********************afleavering*********************/ .aflevering-sec .each-listview h4 { font-size: 18px; } .aflevering-sec .listview-content, .aflevering-sec .each-listview .flex-row-reverse .listview-content{ padding: 30px; } /************************diensten dtl******************/ .form-left-area h2 { font-size: 24px; } .form-left-area .col-md-8, .form-left-area .col-md-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .form-left-image img { display: block; margin: 0 auto 15px; } .form-left-image{ background-image: none !important; } .form-left-content-wrap { max-width: 380px; width: 100%; } .diesnten-middle-sec{ padding: 30px 0; } .diensten-dtl-content td { width: 100%; display: block; } .diensten-dtl-content td:nth-child(even), .diensten-dtl-content td:nth-child(odd), .diensten-content-wrap, .form-left-area { padding: 0px; } .diensten-content-wrap:after{ display: none; } .diensten-dtl-content { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%, 50% 100%, 0 100%); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%, 50% 100%, 0 100%); padding: 0 0 30px; } /*********************************instawall**********************/ .instawall-top-content{ padding-bottom: 30px; } .instawall-top-sec{ padding-top: 100px; } .instawall-top-content p { margin-top: 15px; } /**************************modellen**********************/ .modellen-bottom-area{ padding: 0 0 20px; } .modellen-bottom-area .col-lg-3, .modellen-bottom-area .col-lg-9{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .modellen-list{ padding-top: 0; } .modellen-list h4 { margin-bottom: 30px; } .modellen-list:after{ display: none; } .brand-image{ margin-right: 0; text-align: left; margin-bottom: 30px; } .each-modellen-content:last-child{ margin-bottom: 0; } .brand-right-content li { font-size: 20px; margin-bottom: 10px; } .brand-right-content li:first-child:after{ top: 7px; } /******************************vacature**************/ .vacature-left-area { margin: 30px 0px 0; } .each-filter-part li, .vacature-left-area h4 { font-size: 20px; } .vacature-left-area { padding-left: 30px; padding-top: 30px; } .each-filter-part li{ margin-top: 10px; } .each-filter-part { margin-bottom: 30px; } .vacature-left-area h4:after{ left: -15px; } .vacature-btn{ right: 0; text-align: center; } .vacature-right-area { padding-top: 60px; padding-left: 20px; } .vacature-each-right-part:after{ left: -20px; } .vacature-each-right-part li{ display: block; margin-right: 0; } .vacature-sec { padding-bottom: 40px; } .vacature-each-right-part { margin-bottom: 40px; } /****************************modellen-dtl**********************/ .moddlen-dtl-brand-image img{ margin-left: 0; margin-right: 20px; } .moddlen-dtl-brand-image{ display: block; margin-top: 20px; } .moddlen-dtl-top-area .moddlen-left-wrap, .moddlen-left-wrap h4{ margin: 30px 0; } .moddlen-dtl-top-area .brand-right-content h2 { margin-bottom: 20px; } .moddlen-dtl-top-area .brand-right-content { padding-left: 35px; padding-right: 20px; } .botton-image-btn{ padding-right: 0; text-align: center; } .moddlen-dtl-top-area .vacature-right-area{ padding: 0; } .moddlen-dtl-top-area .vacature-each-right-part { /*padding-left: 20px;*/ padding-left: 0; } .moddlen-dtl-top-area.vacature-sec { padding-bottom: 30px; } /*********************************overons**********************/ .member-slider { margin-top: 50px; } .team-content h2 { font-size: 24px; margin-bottom: 15px; } .overons-middle-sec { clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0 100%, 0 0); -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0 100%, 0 0); } .overons-middle-sec { padding: 30px 0; } .overons-bg-content:after { display: none; } .overons-bg-content{ padding-left: 0px; } .overons-bg-content p{ text-align: justify; } .each-overons-count, .team-member-sec { padding-bottom: 30px; } .overons-counter-sec { padding: 30px 0 0; } .overons-left-image img { display: block; } .overons-right-part{ margin-left: 0; padding-top: 30px; } .gallery-slider:after{ display: none; } .team-content{ padding: 30px 15px; } .outside{ display: none; } .overons-hele-team-wrap{ padding-top: 30px; } .overons-hele-team-wrap .col-md-6:last-child .each-team-member{ margin-bottom: 0; } /************************nieuws listview**************************/ .nieuws-listview .swiper-button-wrap{ display: block; } .nieuws-listview .swiper-button-wrap .common-arrow{ display: inline-flex; } .nieuws-listview .each-listview, .nieuws-listview .each-listview:nth-child(even) { margin-bottom: 20px; } .nieuw-block-content .common-btn, .nieuw-block-content .common-btn:last-child{ display: block; margin: 0 0 10px; } /**********************nieuw***********************/ .nieuw-bottom-area { padding-top: 30px; } .nieuw-bottom-area.moddlen-dtl-top-area .niews-bottom-content h2 { font-size: 22px; margin-bottom: 15px; } .nieuw-bottom-area .col-lg-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .niews-bottom-content{ margin: 30px 0 0; padding: 30px 20px 30px 40px; } .nieuw-bottom-image{ position: relative; height: 150px; } .nieuw-bottom-area.moddlen-dtl-top-area .niews-bottom-content h2:after{ left: -20px; } .nieuw-bottom-area.moddlen-dtl-top-area .niews-bottom-content p { margin-bottom: 25px; } .nieuw-content-block-right-wrap{ padding-left: 0; } .nieuw-content-block-right-wrap:before{ left: -15px; } .nieuw-dtl-top-sec .each-listview .flex-row-reverse .listview-content, .nieuw-dtl-top-sec .nieuw-content-block-right{ padding: 30px; } .nieuw-dtl-middle-sec.diensten-dtl-content table { margin-top: 30px; } .niew-dtl-bottom-slide{ padding-bottom: 0; } .niew-dtl-bottom-slide .swiper-slide-prev, .niew-dtl-bottom-slide .swiper-slide-next{ opacity: 1; } .nieuw-dtl-bottom.moddlen-dtl-top-area.vacature-sec { padding-top: 30px; } /*****************************aanbod dtl******************/ .tab-part-wrapper{ padding:30px 0; background-color: transparent; box-shadow: none; } .tab-top-part{ padding: 0 0 30px; } .tab-bottom-part .tab-sec .nav-tabs .nav-item { width: 48%; margin-right: 5px; font-size: 14px; margin-bottom: 5px; } .tab-bottom-part .nav-tabs .nav-link:after{ display: none; } .tab-bottom-part .tab-content{ padding: 30px 0; } .tab-right-area{ width: 100%; margin-top: 0px; } .man-img { width: 36%; display: block; margin: auto; } .man-content{ text-align: center; padding-left: 0; width: 100%; padding-top: 20px; } .each-member-panel { margin-bottom: 30px; } .aanbod-dtl-tab-sec { padding-bottom: 0px; } /*********************************pop up********************/ .modal-area .modal-dialog { max-width: 92%; margin-top: 30%; } .popup-content{ padding: 30px 20px; } .popup-content-wrapper{ padding-left: 20px; } .popup-content p{ margin-bottom: 25px; } .close-img { top: 15px; right: 15px; } .product-button-wrapper{ height: 70px; } .product-button-wrapper .common-arrow{ display: inline-block; } .filter_button{ display:block; } .filter_div{ display:none; } .related-logo { position: relative; right: 0px; top: 0%; transform: translateY(-0%); width:100%; text-align:center; background: #1c1c1c; padding: 30px 0; } .related-logo img{ width: 100px; } /**************************merk******************/ .merk-left-content, .merk-right-area, .merk-slider-area .listview-content-wrap{ /*padding-left: 20px;*/ padding-left: 0; } .merk-content-list-sec h4:after{ left: -20px; } .merk-slider-area .listview-content-wrap:before{ left: 0; } .merk-right-area li{ width: 100%; display: block; } .merk-slider-area.nieuws-listview .each-listview .listview-content{ padding: 30px 15px; } .merk-left-content p, .merk-slider-area .listview-content p{ text-align: justify; } .merk-slider-area{ padding-bottom: 20px; } .play-btn img { width: 26px; } .merk-product-sec { padding: 30px 0; } .merk-product-sec h4{ margin-bottom: 30px; } #menu2 iframe{ height: 1500px; } .year-left-content { padding: 30px 0; } .year-left-content p{ text-align: justify; } .overons-year-slider-wrapper{ max-width: 540px; } .modellen-bottom-area .each-new-list-wrapper{ background-image: none !important; padding: 0; } .modellen-bottom-area .each-new-list-content{ position: absolute; top: 50%; left: 0; padding: 0 15px; width: 100%; transform: translateY(-50%); } .modellen-bottom-area .each-new-list-content p{ font-size: 15px; line-height: 24px; margin-bottom: 0; } .modellen-bottom-area .each-new-list-wrapper .w-100, .mobile-merken-btn{ display: block; } .desktop-merken-btn{ display: none; } .mobile-merken-btn{ margin: 15px auto; } .merk-content-list-sec .col-lg-5 .merk-right-area, .merk-content-list-sec .col-lg-7 .merk-left-content{ padding-left: 0; } .merk-content-list-sec .col-lg-5 .merk-right-area img{ width: 100% !important; } .member-slider .swiper-button-prev{ left: auto; right: 30px; } .member-slider .swiper-button-next{ right: 0; } .member-slider .common-arrow{ top: -30px; transform: translateY(0); display: inline-flex; } .moddlen-dtl-brand-image li{ width: 24%; text-align: center; } .moddlen-dtl-brand-image li img{ margin:0; } /**************subpage detail content************/ .table-area .diensten-content-wrap{ padding-right: 0; } .table-area h6{ display: none; } .left-block-content{ padding: 30px 15px; } .subpage-detail-content-block .row{ margin: 30px 0; } .bottom-content p { margin-bottom: 30px; } .table-area .common-btn{ margin: 10px 0 0; font-size: 15px; } /*****************vacature*************/ .vacature-top-content{ padding: 110px 0 40px; } .vertival_tab_wrapper, .vertival_tab_wrapper .form_gap_shadow{ padding-left: 5%; padding-right: 5%; } .vertival_tab_wrapper .each_tick{ padding-top: 0; } } @media (max-width: 575px) { .content-block .col-6{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .res-logo-styl{ width: 185px; } h1{ font-size: 30px; } h2{ font-size: 24px; } .footer-bottom li { display: block; padding-bottom: 20px; padding-right: 25px; } .footer-navbar{ text-align: left; } .footer-bottom .footer-navbar li a::after { top: auto; bottom: -5px; } .footer-social { text-align: left !important; padding-top: 20px; } .footer-bottom img{ margin-top: 0; } .footer-bottom img{ display: inline-block; margin: 0 8px 0 0; } .footer-social li:last-child{ padding-bottom: 0; } /**************************aanbod***************/ .aanbod-middle-area{ padding: 30px 15px; } .product-content{ padding: 20px 15px; } .select-sec{ padding-top: 100px; } /************************werkplts listview**********************/ .werkplts-top-heading { padding-top: 100px; } .listview-content, .each-listview .flex-row-reverse .listview-content, .contact-info, .aflevering-sec .listview-content, .aflevering-sec .each-listview .flex-row-reverse .listview-content, .overons-right-content-wrap, .team-content,{ padding-right: 15px; padding-left: 15px; } .contact-info p{ font-size: 15px; } .nieuw-dtl-top-sec .each-listview .flex-row-reverse .listview-content, .service-listview .each-listview .listview-content, .nieuw-dtl-top-sec .nieuw-content-block-right{ padding-right: 15px; } #menu2 iframe{ height: 1586px; } .aflevering-sec .listview-content, .aflevering-sec .each-listview .flex-row-reverse .listview-content{ padding: 30px 15px; } .privacy-sec{ padding-top: 60px; } } @media (max-width: 480px) { .each-middle-content:hover, .each-middle-content { height: 250px; margin-bottom: 0; margin-right: 0; } .each-middle-content:hover .common-btn { margin-top: 20px; } } @media (max-width : 767.98px){ .morgeninternet-footer{ margin-bottom : 43px; } }