@media(max-width:1699.98px){
.common-wrap{
padding-right: 3%;
padding-left: 3%;
}
h1 {
font-size: 3.6rem;
}
h2 {
font-size: 3.6rem;
}
h3 {
font-size: 3rem;
}
h4 {
font-size: 2.8rem;
}
h5 {
font-size: 2rem;
}
h6 {
font-size: 1.8rem;
}
.product-slider .swiper-button-next{
right: 0;
}
.product-slider .swiper-button-prev{
left: 0;
}
.footer-social li {
margin-right: 0.5rem;
}
.footer-left-credit p {
font-size: 1.6rem;
}
/* **********anbod-list****** */
.product-sec .each-product {
padding-right: 2rem;
}
.list-wrap {
margin-right: -2rem;
}
.list-content .col-4{
width: 27%;
}
/* ***********Diensten************** */
.diensten-list .diesten-content ,
.diensten-list .align-items-end .diensten-img{
padding-left: 4rem;
}
.diensten-list .diensten-img {
padding-right: 4rem;
}
.diensten-list .align-items-end {
margin-top: -8%;
}
/* *****************overons*************** */
.overons-right .col-md-6{
padding-left: 2rem;
}
.overons-right-top p {
margin-top: 4rem;
margin-bottom: 7rem;
}
.overons-top-content {
padding: 4rem 0;
}
.over-btm-left {
margin-right: 2rem;
}
.overons-btm .col-lg-5 .swiper {
margin-left: 2rem;
}
.overons-right-top {
padding-left: 2.5rem;
}
/*============== contact ===============*/
.form-car-content .inner-content
{
padding: 2rem 2.5rem;
}
/*============== anbod-dtl ===============*/
.aanbod-dtl-right
{
padding-left: 2rem;
}
.aanbod-tl-man-info
{
margin-top: 5rem;
padding: 2rem 1.4rem;
}
.aanbod-tl-man-info .trns-btn
{
margin-left: 1rem;
}
.aanbod-tl-man-info .akker_btn_cls
{
max-width: none;
font-size: 1.4rem;
}
/* **********aanbod-dtl******** */
.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link{
padding: 1.6rem .5rem;
}
.home-mid-each-slider h3::after{
top: 18px;
}
.list-content table{
font-size: 1.5rem;
}
}
@media(max-width:1399.98px){
h1 {
font-size: 3rem;
}
h2 {
font-size: 3rem;
}
h3 {
font-size: 2.6rem;
}
h4 {
font-size: 2.4rem;
}
/* ****pop-up**** */
.modal-area .modal-dialog {
max-width: 90%;
}
.common-arrow img{
width: 2rem;
}
.footer-logo img {
width: 30rem;
}
.home-mid-slider {
padding-top: 6rem;
}
.product-slider h2 {
padding-bottom: 3.5%;
}
.footer-info-left{
padding-right: 0;
}
.footer-social li a img {
width: 1.5rem;
}
.footer-social li a {
height: 4rem;
width: 4rem;
}
.home-btm-right p {
margin: 1.5rem 0;
}
.footer-info-mid {
padding-left: 20%;
}
.footer-info-right {
padding-left: 23%;
}
/* ************aanbod-list************** */
.list-content .col-4{
width: 26%;
}
.list-content{
padding: 2rem 0
}
.product-sec .each-product {
padding-right: 1rem;
padding-bottom: 4rem;
}
.list-wrap{
margin-right: -1rem;
}
.filter-sec{
padding: 4rem 0;
}
/* *************verkocht**************** */
.verkocht-list{
padding-top: 8rem;
}
/* ***********overons************** */
.overons-top-right-content {
padding: 0 2rem;
}
/*============== contact ===============*/
.contact-area .inner-content
{
padding-right: 2rem;
}
.form-car-content .inner-content
{
padding: 2rem 1rem;
}
.form-car-content .inner-content p,
.form-car-content .inner-content a
{
font-size: 1.4rem;
}
/*======================= diensten-dtl ====================*/
.diensten-dtl-btn .inner-btn
{
top: 8rem;
left: 2.6rem;
}
.dtl-content-top
{
padding-left: 2.6rem;
padding-top: 17%;
}
.dtl-overview-right
{
margin-left: 2.6rem;
}
/*======================= aanbod-dtl ====================*/
.aanbod-dtl-btn .inner-btn {
left: 50%;
transform: translateX(-50%);
top: 16.3rem;
position: absolute;
}
.aanbod-dtl-right
{
padding-left: 1rem;
}
.aanbod-dtl-table-info td
{
padding: 0 1.3rem;
padding-top: 3rem;
}
.aanbod-dtl-table-info table
{
margin-top: 3rem;
}
.aanbod-dtl-table-info td h5
{
font-size: 1.7rem;
}
.aanbod-dtl-table-info td p
{
font-size: 1.5rem;
}
.aanbod-tl-man-info .trns-btn
{
margin-left: 0;
}
.aanbod-tl-man-info .akker_btn_cls
{
padding: 1.4rem 0.5rem;
}
/* *****************aanbod-dtl*********** */
.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
font-size: 1.4rem;
}
.home-mid-each-slider h3::after{
top: 12px;
}
.home-mid-each-slider h3{
height: 45px;
}
.list-content table{
font-size: 1.3rem;
}
.list-content .col-xl-3 h5{
font-size: 1.7rem;
}
.aanbod-tl-man-info .akker_btn_cls{
font-size: 1.3rem;
letter-spacing: normal;
padding: 8px 0;
}
}
@media(max-width:1199.98px){
/* ****popup***** */
.modal-area .popup-content {
padding: 4rem 0 4rem 4rem;
}
.logo {
width: 150px;
}
.home-mid-each-slider p {
padding-bottom: 5rem;
}
.home-btm-left-content p {
max-width: 100%;
margin-top: 2rem;
padding-right: 2rem;
}
.home-btm-left-content {
bottom: 2rem;
left: 2rem;
}
.footer-area .align-items-end {
margin-top: 3rem;
}
.footer-info-right,
.footer-info-mid {
padding-left: 2rem;
}
/* ******************diensten******** */
.diensten-list .align-items-end{
margin-top: 0;
}
.diensten-list .diensten-img {
padding-right: 2rem;
}
/* ************overons************ */
.over-btm-left {
padding: 13rem 0;
}
.overons-right-top p {
margin-top: 4rem;
margin-bottom: 4rem;
}
/*============== contact ===============*/
.contact-area .each-contact a,
.contact-area .each-contact p
{
font-size: 1.4rem;
}
.form-car-content .inner-content
{
padding: 2rem .5rem;
}
.form-car-content .inner-content p,
.form-car-content .inner-content a
{
font-size: 1.2rem;
}
/*======================= diensten-dtl ====================*/
.list-dtl
{
padding-left: 0;
}
.diensten-dtl-end .home-mid-slider
{
padding-top: 6rem;
}
/*============== contact ===============*/
.contact-area .each-contact a,
.contact-area .each-contact p
{
font-size: 1.4rem;
}
.form-car-content .inner-content
{
padding: 2rem .5rem;
}
.form-car-content .inner-content p,
.form-car-content .inner-content a
{
font-size: 1.2rem;
}
/*======================= diensten-dtl ====================*/
.list-dtl
{
padding-left: 0;
}
.diensten-dtl-end .home-mid-slider
{
padding-top: 6rem;
}
/*======================= aanbod-dtl ====================*/
.aanbod-dtl-banner .col-lg-7
{
width: 48%;
}
.aanbod-dtl-banner .col-lg-5
{
width: 52%;
}
/* ******aanbod-dtl**** */
.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
font-size: 1.2rem;
padding: 1.5rem .2rem;
margin-right: 1rem;
}
.aanbod-banner{
height: 148px;
}
}
@media (max-width: 991px){
.header-area{
padding: 1rem 0;
}
.header-area.stiky{
padding: 1rem 0;
}
.common-wrap {
padding-right: 2%;
padding-left: 2%;
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2.1rem;
}
h3 {
font-size: 2rem;
}
h4 {
font-size: 2rem;
}
h6 {
font-size: 1.6rem;
}
/* *****popup***** */
.pop-up-image{
padding-left: 0;
}
.modal-area .popup-content{
padding: 4rem 2rem;
}
header {
padding: 1rem 0;
}
.logo {
width: 130px;
}
header li{
margin-left: 0;
font-size: 1.6rem;
}
header .text-end .nav_menu_right_part {
text-align: center;
font-size: 1.5rem;
}
.akker_btn_cls {
max-width: 19rem;
padding: 1rem 0.5rem;
font-size: 1.4rem;
}
.banner-content h4 {
margin-bottom: .4rem;
}
.banner-content h1{
margin-bottom: 2rem;
}
.filter-sec ,
.footer-area,
.home-btm ,
.product-slider{
padding: 4rem 0;
}
.home-btm{
padding-bottom: 0;
}
.product-slider .common-arrow{
top: 8rem;
z-index: 5;
}
.product-slider .swiper-button-prev {
left: auto;
right: 5rem;
}
.product-slider .swiper-button-next {
right: 1.5rem;
}
.product-slider .akker_btn_cls {
margin-top: 0;
}
.home-btm-last h4{
max-width: 100%;
}
.home-btm-left,
.home-btm-last{
margin-right: 0;
}
.home-btm-right p{
max-width: 100%;
}
.home-btm-last{
padding-bottom: 4rem;
}
.home-btm-right h2{
margin-bottom: 3rem;
}
.footer-area .align-items-end{
margin-top: 1rem;
}
.footer-right-credit{
text-align: start;
}
.footer-right-credit li{
margin-left: 0;
margin-right: 2rem;
margin-top: 2rem;
}
.footer-info h5 {
margin-bottom: 1rem;
}
.footer-info-right {
padding-left: 0;
}
.footer-logo img {
width: 20rem;
}
/* *******aanbod-list******* */
.product-sec .each-product {
padding-right: 0;
}
.list-wrap{
margin-right: 0;
}
.product-sec .each-product {
padding-bottom: 4rem;
}
.filter-sec h2 {
margin-bottom: 3rem;
}
.select-style {
font-size: 1.4rem;
}
/* ***********verkocht************** */
.verkocht-list{
padding-top: 4rem;
}
/* ***************diensten******************* */
.diensten-list{
padding: 4rem 0;
}
.diensten-list .diensten-img {
padding-right: 4rem;
}
.diensten-list .diesten-content, .diensten-list .align-items-end .diensten-img {
padding-left: 2rem;
}
.diesten-content p{
max-width: 100%;
display: block;
overflow: auto;
}
.diensten-list .align-items-end .diesten-content,
.diensten-list .diensten-img{
padding-right: 0;
}
.diensten-list .diesten-content, .diensten-list .align-items-end .diensten-img {
padding-left: 0;
}
.overons-top-left h4{
max-width: 100%;
}
.overons-top-left img{
height: 100%;
margin-bottom: 4rem;
}
.overons-top-left{
height: auto;
}
.overons-right{
padding-top: 4rem
}
.overons-right-top{
padding-left: 0;
}
.overons-right .col-md-6:first-child{
padding-left: 0;
}
.over-member-slider{
padding: 4rem 0;
}
.overons-btm h2 ,
.over-member-slider h2{
margin-bottom: 4rem;
}
.overons-btm .col-lg-5 .swiper{
margin-left: 0;
margin-top: 4rem;
}
.overons-btm .akker_btn_cls{
margin-top: 4rem;
}
.over-btm-left{
margin-right: 0;
}
.overons-btm-content{
padding-left: 2rem;
}
.overons-mid{
margin-top: 0;
}
/*============== contact ===============*/
.contact-area
{
margin-top: 4rem;
}
.contact-area .each-contact
{
margin-bottom: 4rem;
}
.contact-area .inner-content
{
padding-right: 0;
margin-top: 3rem;
}
.contact-area .inner-contact
{
margin-top: 4rem;
}
.contact-area .inner-content
{
padding-bottom: 0;
}
.inner-map-left
{
margin-right: 0;
height: 30rem;
}
.form-styl
{
padding: 1.6rem 1.5rem;
font-size: 1.4rem;
}
.form-group {
margin-bottom: 2rem;
}
.inner-map-right
{
padding: 4rem 0 0;
}
.time-dtl
{
max-width: 100%;
margin-top: 3rem;
}
.form-car-content
{
margin-top: 1rem;
}
.contact-area .inner-content h5
{
margin-bottom: 2rem;
}
.form-area
{
padding: 4rem 0;
}
.form-area h2
{
margin-bottom: 4rem;
}
.form-car-content,
.form-img
{
height: auto;
}
.form-car-content .inner-content
{
padding: 2rem 1.5rem;
}
.form-car-content .inner-content p,
.form-car-content .inner-content a
{
font-size: 1.4rem;
}
.form-car-content .inner-content .location
{
margin-bottom: 1rem;
}
.form-car-content .inner-content{
bottom: 0;
}
/*======================= diensten-dtl ====================*/
.diensten-dtl-btn {
padding: 12rem 0 4rem;
}
.diensten-dtl-btn .inner-btn
{
top: 0;
left: .9rem;
}
.diensten-dtl-top-sec
{
padding-top: 5rem;
}
.dtl-img
{
padding-right: 0;
}
.dtl-content-top
{
padding-left: 0;
padding-top: 4rem;
max-width: 100%;
}
.dtl-overview-right
{
margin-left: 0;
}
.diensten-dtl-overview
{
margin:4rem 0 .8rem;
}
.dtl-overview-left
{
margin-top: 4rem;
}
.diensten-dtl-end
{
margin: 4rem 0;
}
.diensten-dtl-end .home-mid-slider
{
padding-top: 4rem;
}
.list-inner-img
{
padding-right: 0;
}
/*======================= aanbod-dtl ====================*/
.aanbod-dtl-btn
{
padding: 12rem 0 4rem;
}
.aanbod-dtl-banner .col-lg-7
{
width: 100%;
}
.aanbod-dtl-banner .col-lg-5
{
width: 100%;
}
.aanbod-dtl-banner
{
padding: 4rem 0;
}
.aanbod-dtl-btn .inner-btn
{
left: 50%;
transform: translateX(-50%);
top: 12.3rem;
max-width: 19.6rem;
}
.aanbod-tl-man-info
{
margin-top: 4rem;
padding: 3rem;
}
.aanbod-tl-man-info .trns-btn
{
margin-left: 2rem;
display: inline-block;
}
.aanbod-tl-man-info .akker_btn_cls
{
width: auto;
}
.aanbod-dtl-right
{
padding-left: 0;
}
.aanbod-car-dtl, .show-car
{
margin-top: 0;
}
.aanbod-dtl-right
{
margin-top: 4rem;
}
/* ******aanbod-dt*** */
.dtl-tab-sec .tab-btn .nav-tabs .nav-item{
margin-bottom: 1rem;
width: 48%;
padding: 0;
}
.dtl-tab-content-heading h3 {
padding: 2rem 0;
}
.home-mid-each-slider h3{
height: auto;
}
.home-mid-each-slider h3::after{
top: 10px;
}
.home-mid-each-slider p{
padding: 2.4rem 0;
}
.home-btm-right .row{
margin-bottom: 3rem;
}
.privacy_section {
margin-top: 40px;
}
.aanbod-banner.inner-pg-banner{
height: 80px;
border-bottom: 1px solid #2b2b2b;
}
.aanbod-banner img{
display: none;
}
}
@media(max-width:767px){
/*.morgeninternet-footer.viewcar-footer {
margin-bottom: 68px !important;
}*/
.widget-mobile{
background: #1c1c1c;
padding: 1.5rem 1.2rem;
border-top: 1px solid rgba(255,255,255,0.1);
border-bottom: 1px solid rgba(255,255,255,0.1);
z-index: 99;
}
.widget-mobile .d-flex{
gap: 5px;
}
.widget-mobile button{
padding: .65rem;
font-size: 1.4rem;
}
.widget-mobile h6 span{
font-size: 1.4rem;
cursor: pointer;
font-family: 'lama_sansbold';
padding-right: 2.5rem;
color: #fff;
margin-right: .75rem;
}
.widget-mobile h6 span:after{
background: url(../images/arw-color.svg) no-repeat center/ contain;
right: 0;
}
.widget-mobile h6 span:not(.active):after{
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
}
.widget-mobile h6 span.active{
color: #FF0022;
}
.widget-mobile h6 span.active:after{
transform: translateY(-50%) rotate(-90deg);
}
.widget-mobile-content{
bottom: 6.5rem;
background: #121212;
padding: 3rem 1.5rem 1.5rem;
z-index: 99;
display: none;
}
.widget-mobile-content.show-div{
display: block;
}
.widget-content-wrap{
background: #1c1c1c;
border: 1px solid rgba(255,255,255,0.1);
padding: 1.5rem;
}
.widget-mobile-content td{
color: #fff;
vertical-align: top;
font-size: 1.4rem;
font-family: 'LamaSansRegular';
padding: 4px 0;
}
.widget-mobile-content td a:hover{
color: #FF0022;
}
.whatsapp-block{
background: #25D366;
border-radius: 5px;
width: 3.7rem;
height: 3.7rem;
}
.whatsapp-block img{
width: 1.8rem;
}
.widget-mobile-content td span{
width: 2.2rem;
height: 2.2rem;
border: 1px solid rgba(255,255,255,0.1);
margin-right: 1.8rem;
}
.morgeninternet-footer{
margin-bottom: 45px !important;
}
#mobile-contact-bar img{
width: 20px;
}
#mobile-contact-bar {
box-sizing: border-box;
opacity: 1;
position: fixed;
width: 100%;
z-index: 9998;
left: 0;
bottom: 0;
display: block !important;
}
#mobile-contact-bar-outer {
background-color: #EC2700;
box-sizing: border-box;
height: 45px;
overflow: hidden;
width: 100%;
}
#mobile-contact-bar ul {
box-sizing: border-box;
line-height: 0;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
text-align: center;
width: 100%;
font-size: 0;
}
#mobile-contact-bar ul li {
box-sizing: border-box;
display: inline-block;
text-align: center;
height: 45px;
line-height: 45px;
width: 25%;
}
#mobile-contact-bar ul li a {
color: rgba(255,255,255,0.9);
cursor: pointer;
display: block;
height: 100%;
position: relative;
z-index: 9998;
}
.li_color {
border-left: 1px solid #FFFFFF;
}
#mobile-contact-bar li:first-child img{
width: 18px;
}
/* ******pop-up**** */
.modal-area .popup-content p{
margin: 3rem 0;
}
.modal-area .modal-dialog {
max-width: 95%;
}
.fixed-message ,
.mini-right-nav{
display: none;
}
.home-btm-left {
padding: 60% 0;
}
.footer-info-mid{
padding-left: 0;
}
.footer-social li{
margin-bottom: 1rem;
}
.footer-left-credit p{
margin: 3rem 0 ;
}
.list-content td{
font-size: 1.2rem;
}
.list-content .col-4 h5 {
font-size: 1.6rem;
}
.product-slider h2{
padding-bottom: 4rem;
}
/* **************aanbod-list********************* */
.filter-sec .col-lg-2{
width: 50%;
margin-bottom: 1rem;
}
/* ******overons****** */
.overons-right .col-md-6{
padding-left: 0;
}
/*============== diensten-dtl =================*/
.list-dtl h5
{
margin-top: 3rem;
}
/*============== anbod-dtl ===============*/
.product-slider .common-arrow {
top: 9rem;
}
.aanbod-tl-man-info
{
margin-top: 5rem;
padding: 2rem;
}
.aanbod-tl-man-info .trns-btn
{
margin-left: 1rem;
}
.aanbod-tl-man-info .akker_btn_cls
{
max-width: none;
}
.aanbod-tl-man-info .trns-btn
{
margin-left: 0;
margin-top: 2rem;
}
.aanbod-tl-man-info .inner-text
{
margin-top: 2rem;
}
.aanbod-dtl-table-info td
{
padding: 0;
padding-top: 3rem;
width: 49%;
display: inline-block;
}
.dtl-tab-sec .tab-btn .nav-tabs .nav-item{
margin-bottom: 1rem;
width: 48%;
padding: 0;
font-size: 1.4rem;
margin-right: .5rem;
}
.dtl-tab-sec .tab-content ul li {
font-size: 1.3rem;
}
.kenmerken-tab ul li:nth-child(odd) {
background-position: left top 0.7rem;
background-size: 0.6rem;
}
.dtl-tab-sec .bullet-panel li:after {
top: 0.7rem;
background-size: 0.6rem;
}
.each-onderhoud-block h4{
font-size: 1.6rem;
}
.each-onderhoud-block p {
font-size: 1.3rem;
}
.time-dtl table td:nth-child(odd){
padding-right: 2rem;
}
.iframe iframe {
height: 5700px;
}
}
@media(max-width:575px){
.home-banner{
height: 70vh;
}
.home-banner img{
height: 100%;
object-fit: cover;
}
.inner-pg-banner{
height: 200px;
}
}
@media(max-width:992px){
.online_payment_widget_main_div {
margin: 25px 25px 15px 0px !important;
}
}