@media(max-width: 1599.98px){
.common-wrap {
padding-left: 5%;
padding-right: 5%;
}
h1 {
line-height: 60px;
}
.banner-content h1 {
margin-bottom: 4rem;
}
.product-sec {
padding: 10rem 0;
}
.product-top {
margin-bottom: 4rem;
}
.product-slider-wrap {
padding-right: 23rem;
}
.home-mid-sec {
padding: 9rem 0;
}
.home-mid-sec h2 {
margin-bottom: 4rem;
}
.each-home-mid {
margin-bottom: 2rem;
padding: 2rem 0;
}
.each-home-mid::after {
left: -77%;
}
.home-mid-bg-img {
left: 68%;
}
.about-sec {
padding: 10rem 0;
}
.about-top-img {
height: 240px;
}
.about-top-img {
padding-left: 4rem;
}
.about-top-info p {
margin: 3rem 0;
}
.each-counter {
margin-bottom: 3rem;
padding-bottom: 4rem;
}
.about-btm {
margin-top: 7rem;
}
.footer-top {
padding: 10rem 0 6rem;
}
/****services****/
.list-info p {
margin: 3rem 0;
}
.list-sec .row .list-info {
padding-left: 8rem;
}
.list-img {
padding-left: 8rem;
}
.list-btm-block::after {
height: 60rem;
width: 60rem;
}
.list-bg-img {
height: 77%;
}
/****over-ons****/
.over-ons-top {
padding: 10rem 0;
}
.over-ons-top-img {
height: 420px;
}
.over-ons-top-info p {
padding-left: 16rem;
}
.overons-man-slider {
padding: 9rem 0;
}
.overons-man-slider h2 {
margin-bottom: 6rem;
}
.slider-man-name {
padding: 1.5rem 2rem;
}
.over-ons-man-slider-wrap {
padding-left: 15rem;
}
.over-ons-slider-wrap {
margin-left: -7rem;
}
.over-ons-counter {
padding: 9rem 0 9rem;
}
/****Financiering / lease****/
.financiering-accordian-sec {
padding: 10rem 0;
}
.form-area .form-group > div{
transform: skewX(-15deg);
}
/* .form-styl{
transform: skewX(10deg);
}
.form-styl:focus{
transform: skewX(10deg);
}
.form-styl::placeholder{
transform: skewX(10deg);
} */
.form-area {
position: relative;
right: -4rem;
}
.text-area {
margin-left: -4rem;
}
/****sold****/
.sold-top {
padding: 12rem 0;
}
.sold-product::after {
bottom: 58%;
height: 56rem;
width: 40rem;
}
/****offer-detail****/
.aanbod-dtl-top .product-bg-img{
clip-path: polygon(0 0, 56% 0, 100% 100%, 0% 100%);
-webkit-clip-path: polygon(0 0, 56% 0, 100% 100%, 0% 100%);
}
.aanbod-dtl-product-slider .product-slider-wrap {
padding-left: 22rem;
}
/****bedankt****/
.bedankt-banner-sec .each-banner {
height: 770px;
}
/****aanbod-filter****/
.filter-sec .select-style{
font-size: 1.4rem;
}
.sorteren_op-filter span{
font-size: 1.3rem;
}
.filter-lft {
padding-right: 2rem;
}
.aanbod-list-sec .slider-price-sec {
height: 100%;
padding: 2rem 2rem;
}
.aanbod-list-sec h3{
font-size: 2.5rem;
}
.aanbod-list-sec .slider-price-sec h3{
height: 60px;
}
.filter-heading {
margin-bottom: 6rem;
}
.aanbod-list-sec .slider-price-sec h6{
margin-bottom: 1rem;
}
/****popup****/
.modal-area .popup-content p {
margin: 3rem auto;
}
.modal-area .popup-content {
padding: 7rem 6rem;
}
.aanbod-dtl-top-heading h2{
padding-right: 4rem;
font-size: 3rem;
}
.memu_right::after {
width: calc(100vw + 20%);
}
.dtl-tab-sec .home-mid-bg-img {
transform: translate(0) rotate(-6deg);
}
}
@media(max-width: 1599px){
.dtl-tab-sec .home-mid-bg-img {
transform: translate(0) rotate(-3deg);
}
}
@media(max-width: 1399.98px){
h1 {
font-size: 4rem;
line-height: 45px;
}
h2 {
font-size: 3.5rem;
}
h3 {
font-size: 3rem;
}
.common-btn {
padding: 1rem 3rem;
}
.menu_right ul {
column-gap: 3rem;
}
.header-area{
padding: 2rem 0;
}
.logo img {
width: 30rem;
}
.header-area{
padding: 2rem 0;
}
.logo img {
width: 30rem;
}
.banner-line {
width: calc(22% - -34px);
left: 10px;
}
.product-sec {
padding: 7rem 0;
}
.product-bg-img {
clip-path: polygon(0 0, 40% 0, 100% 100%, 0% 100%);
-webkit-clip-path: polygon(0 0, 40% 0, 100% 100%, 0% 100%);
}
.product-top-info p {
max-width: 44rem;
}
.product-slider-wrap {
padding-right: 12rem;
}
.home-mid-sec {
padding: 7rem 0;
}
.each-home-mid::after {
left: -63%;
}
.about-sec {
padding: 7rem 0;
}
.about-btm-info {
padding-left: 4rem;
}
.each-counter {
margin-bottom: 2rem;
padding-bottom: 3rem;
}
.about-top-img {
height: 210px;
padding-left: 2rem;
}
.footer-top {
padding: 7rem 0 6rem;
}
.each-footer-right .row {
column-gap: 1rem;
}
.each-footer {
padding: 0 3rem;
}
.footer-logo img {
width: 30rem;
}
/****services****/
.inner-banner .each-banner {
height: 40rem;
}
.list-sec {
padding: 7rem 0 0;
}
.list-sec .row .list-info {
padding-left: 5rem;
}
.list-img {
padding-left: 5rem;
}
/****over-ons****/
.over-ons-top-bg-img {
clip-path: polygon(50% 0, 100% 0, 100% 100%, 0% 100%);
-webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 0% 100%);
}
.over-ons-top-info {
margin-bottom: 3rem;
}
.over-ons-top {
padding: 7rem 0;
}
.over-ons-counter {
padding: 7rem 0;
}
.overons-man-slider {
padding: 7rem 0;
}
.overons-man-slider h2 {
margin-bottom: 3rem;
}
.each-man-slider-img {
height: 300px;
}
.over-ons-man-slider-wrap {
padding-left: 12rem;
}
.each-over-ons-slider {
height: 22rem;
}
.over-ons-slider h2 {
margin: 4rem 0;
}
/****Financiering / lease****/
.financiering-accordian-area {
padding: 4rem 0 0 8rem;
}
/****contact****/
.form-area {
right: -3rem;
}
/****sold****/
.sold-top {
padding: 7rem 0;
}
.sold-product .list-bg-img {
height: 86%;
}
.sold-product::after {
bottom: 55%;
}
.sold-top h2 {
font-size: 3.5rem;
}
.sold-product {
padding-bottom: 7rem;
}
/****offer-detail****/
.aanbod-dtl-price-lft table {
max-width: 80%;
}
.aanbod-dtl-top-heading {
padding-bottom: 4rem;
}
.aanbod-dtl-top-price {
padding-top: 5rem;
}
.aanbod-dtl-top {
padding: 4rem 0 5rem;
}
.aanbod-dtl-product-slider .product-slider-wrap {
padding-left: 12rem;
}
.aanbod-dtl-top .product-bg-img {
top: -1rem;
height: calc(100% + 1rem);
}
/****bedankt****/
.bedankt-banner-sec .each-banner {
height: 660px;
}
/****aanbod-list****/
.filter-sec .col-xl-2{
width: 33.3%;
}
.sorteren_op-filter span {
font-size: 1.2rem;
}
/****popup****/
.modal-area .modal-dialog {
max-width: 89%;
}
.common-wrap {
padding-left: 4%;
padding-right: 4%;
}
.list-info p{
max-width: 50rem;
}
.aanbod-list-sec h3 {
font-size: 2rem;
}
.aanbod-list-sec .slider-price-sec h3 {
height: 50px;
}
.aanbod-list-sec .slider-price-sec{
padding-left: 1.4rem;
padding-right: 1.4rem;
}
.aanbod-list-sec .col-xl-2 {
width: 20%;
}
.aanbod-list-sec .col-xl-10{
width: 80%;
}
.aanbod-list-sec .list-right, .aanbod-list-sec .list-right .row, .aanbod-list-sec .list-right img.w-100{
height: 100%;
}
.aanbod-list-sec .list-right img.w-100{
object-fit: cover;
}
.aanbod-list-sec .list-right .col-lg-7, .aanbod-list-sec .list-right .col-lg-5{
width: 50%;
}
.aanbod-list-sec .parallelogram{
margin-left: 1rem;
}
.aanbod-dtl-top-heading h2{
font-size: 2.5rem;
}
.dtl-form-sec .text-area ,
.dtl-form-aanbod .text-area {
margin-left: -2.5rem;
}
.memu_right::after {
width: calc(100vw + 30%);
}
.dtl-tab-sec .home-mid-bg-img {
transform: translate(0) rotate(0deg);
left: 58%;
}
}
@media(max-width: 1199.98px){
h1 {
font-size: 3.5rem;
}
h2 {
font-size: 3rem;
}
h3 {
font-size: 2.7rem;
}
.parallelogram .btn-content {
padding: 1.2rem 1.8rem;
}
.menu-items {
padding-left: 9%;
}
.menu-logo img {
width: 25rem;
}
.menu-logo {
margin-left: 11%;
}
.menu_right ul a{
font-size: 1.6rem;
}
.menu-content-top .col-lg-6{
width: 53%;
}
.menu-div::after {
clip-path: polygon(51% 0%, 100% 0, 100% 100%, 34% 100%);
-webkit-clip-path: polygon(51% 0%, 100% 0, 100% 100%, 34% 100%);
}
.menu-items ul{
row-gap: 2rem;
}
.menu-contect h6{
margin-bottom: 2rem;
}
.banner-line {
width: calc(22% - -9px);
}
.banner-content h1 {
margin-bottom: 2rem;
}
.product-bg-img {
clip-path: polygon(0 0, 37% 0, 100% 100%, 0% 100%);
-webkit-clip-path: polygon(0 0, 37% 0, 100% 100%, 0% 100%);
}
.product-slider-wrap {
padding-right: 9rem;
}
.each-home-mid-right {
margin-left: 2rem;
}
.each-home-mid-right h3 {
margin-bottom: 1.5rem;
}
.each-home-mid-left h2 {
font-size: 4rem;
}
.each-home-mid-right p {
max-width: 49rem;
}
.about-btm-info {
padding-left: 2rem;
}
.about-sec {
padding: 7rem 0 3rem;
}
.about-top-img {
height: 160px;
}
.about-btm {
margin-top: 4rem;
}
.each-counter-left {
width: 40%;
}
.footer-logo {
margin-bottom: 4rem;
}
.footer-logo img {
width: 26rem;
}
.each-footer h5 {
margin-bottom: 2rem;
}
.each-footer {
padding: 0 1.5rem;
}
.each-footer-right .row {
column-gap: 0.5rem;
}
/****services****/
.list-sec .row {
padding-bottom: 6rem;
}
.list-btm-block::after {
height: 50rem;
width: 53rem;
}
/****over-ons****/
.over-ons-top-info p {
padding-left: 12rem;
}
.over-ons-top-img {
height: 370px;
}
.over-ons-counter {
padding: 7rem 0;
}
.over-ons-top-info h2 {
letter-spacing: normal;
}
/****Financiering / lease****/
.financiering-top-content {
padding-top: 6.5rem;
}
.financiering-top-area {
padding-top: 6rem;
}
.financiering-back-btn {
top: 5rem;
}
.financiering-accordian-img {
height: 380px;
}
.financiering-accordian-img {
height: 428px;
}
.financiering-top-img {
padding-left: 4rem;
}
.financiering-accordian-sec {
padding: 5rem 0;
}
.financiering-accordian-area {
padding: 3rem 0 0 3rem;
}
.financiering-slider-sec {
padding: 5rem 0;
}
.financiering-top-content{
padding-right: 0;
}
.financiering-slider-area {
margin-top: 3rem;
}
.financiering-top-content h2{
letter-spacing: 1px;
}
.form-sec {
padding: 5rem 0;
}
.form-area .form-group > div{
transform: skewX(-10deg);
}
.form-styl{
transform: skewX(5deg);
}
.form-styl:focus{
transform: skewX(5deg);
}
.form-styl::placeholder{
transform: skewX(5deg);
}
.text-area {
margin-left: -2.8rem;
}
.form-heading {
margin-bottom: 3rem;
}
.form-area {
right: -2rem;
}
/****sold****/
.sold-top h2 {
font-size: 3rem;
}
/****offer-detail****/
.aanbod-dtl-price-lft tr{
display: flex;
flex-wrap: wrap;
row-gap: 2rem;
}
.aanbod-dtl-price-lft td{
width: 49%;
}
.aanbod-dtl-price-right{
height: auto;
}
.aanbod-dtl-price-right-btm{
margin-top: 2rem;
}
.dtl-tab-sec .home-mid-bg-img{
width: 30rem;
}
.dtl-tab-sec .tab-btn .nav-tabs{
row-gap: 1.5rem;
}
.dtl-tab-sec .tab-btn .nav-tabs .nav-item{
width: 34%;
}
.dtl-tab-sec .tab-btn .nav-tabs{
border: 0;
}
.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link:hover,
.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link.active{
width: fit-content;
}
.left-bg-block {
width: 12rem;
}
.block-dtls {
width: calc(100% - 11rem);
}
.aanbod-dtl-top-heading h2 {
padding-left: 0rem;
padding-right: 4rem;
}
.home-mid-sec {
padding: 4rem 0;
}
.aanbod-dtl-product-slider .product-slider-wrap {
padding-left: 9rem;
}
.aanbod-dtl-top-heading h2 {
padding-right: 0;
}
/****bedankt****/
.bedankt-banner-sec .each-banner {
height: 560px;
}
/****aanbod-list****/
.sorteren_op-filter span {
display: none;
}
.filter-lft {
padding-right: 0;
}
.filter-heading {
margin-bottom: 1rem;
}
/****popup****/
.modal-area .popup-content p {
max-width: 50rem;
}
.popup-content .common-btn {
padding: 1rem 5rem;
}
.aanbod-list-sec .col-xl-10{
width: 100%;
}
.memu_right::after {
width: calc(100vw + 55%);
}
.dtl-tab-sec .home-mid-bg-img {
transform: translate(0) rotate(5deg);
}
}
@media(max-width: 991.98px){
h1 {
font-size: 3rem;
}
h2 {
font-size: 2.6rem;
}
h3 {
font-size: 2.4rem;
}
.common-wrap {
padding-left: 3%;
padding-right: 3%;
}
.parallelogram {
margin-left: 1.2rem;
}
.menu-div::after{
clip-path: none;
-webkit-clip-path: none;
}
.menu_right ul{
display: none;
}
.logo{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50% , -50%);
}
.menu-content-top .col-lg-6 {
width: 75%;
}
.menu-logo,
.menu-items{
margin-left: 0;
padding-left: 0;
}
.menu-items h3{
margin: 2rem 0;
}
.memu_right {
padding-top: 5rem;
}
.banner-video .video-js .vjs-tech {
position: relative;
height: 50rem;
}
.home-banner .swiper-wrapper,
.home-banner,
.banner-video {
height: 50rem !important;
}
.banner-line {
display: none;
}
.product-bg-img {
display: none;
}
.product-top-title h2 {
color: #151313;
}
.product-top-content {
justify-content: left;
margin-top: 2rem;
}
.product-sec {
padding: 3rem 0;
}
.product-slider-wrap {
padding-right: 0;
}
.product-slider .slider-btn {
position: initial;
justify-content: end;
flex-direction: row-reverse;
column-gap: 2rem;
margin-bottom: 2rem;
}
.product-side-arrow {
display: none;
}
.slider-price-sec p,
.slider-price-sec h6 {
height: auto;
}
.product-top-info p {
max-width: 100%;
}
.product-top-content {
display: block;
}
.product-top-info {
padding-right: 0;
padding-bottom: 2rem;
}
.product-top {
margin-bottom: 2rem;
}
.home-mid-sec::after {
display: none;
}
.home-mid-sec {
padding: 0 0 3rem;
}
.home-mid-sec h2 {
margin-bottom: 2rem;
}
.home-mid-bg-img {
display: none;
}
.each-home-mid-right p {
max-width: 100%;
}
.each-home-mid::after {
left: 0;
clip-path: none;
width: 100%;
}
.each-home-mid {
padding: 2rem 1rem;
}
.home-mid-btn .parallelogram {
margin-right: 0;
margin-left: 1.2rem;
}
.about-sec {
padding: 3rem 0 1.5rem;
}
.about-top-img {
height: auto;
padding-left: 0;
padding-bottom: 2rem;
}
.about-top-info p {
margin: 2rem 0;
max-width: 100%;
}
.about-btm {
margin-top: 2.5rem;
}
.about-btm-info {
padding-left: 0;
padding-top: 3rem;
}
.each-counter {
padding-bottom: 1.5rem;
}
.footer-top {
padding: 3rem 0;
}
.footer-logo {
margin-bottom: 2rem;
}
.each-footer-right .row {
justify-content: left;
}
.each-footer-right {
margin-top: 3rem;
}
.footer-btm {
padding: 3rem 0 6rem;
}
/****services****/
.inner-banner .each-banner {
height: 35rem;
}
.list-bg-img::before, .list-bg-img::after, .list-bg-img {
display: none;
}
.list-sec .row .list-info {
padding-left: 0;
}
.list-info {
padding-top: 2rem;
}
.list-info p {
margin: 1.5rem 0;
max-width: 100%;
}
.list-img {
padding-left: 0;
}
.list-sec .row {
padding-bottom: 3rem;
}
.list-btm-block .list-info h2,
.list-btm-block .list-info p {
color: #151313;
}
.list-sec {
padding: 3rem 0 0;
}
.list-btm-block .parallelogram::before {
border: 1px solid #151313;
}
.list-btm-block .parallelogram .btn-content {
color: #151313;
}
.list-btm-block .parallelogram:hover .btn-content {
color: #fff;
}
.list-btm-block::after {
display: none;
}
/****over-ons****/
.over-ons-top-bg-img,
.over-ons-top::after {
display: none;
}
.over-ons-top-info p {
padding-left: 0;
color: #151313;
max-width: 100%;
margin-top: 1rem;
}
.over-ons-top {
padding: 3rem 0 0;
}
.over-ons-top-img {
height: 300px;
}
.over-ons-top-info {
margin-bottom: 2rem;
}
.over-ons-counter {
padding: 3rem 0 0;
}
.overons-man-slider {
padding: 3rem 0 4rem;
}
.dtl-slider-btn {
position: initial;
justify-content: end;
flex-direction: row-reverse;
column-gap: 2rem;
margin-bottom: 1rem;
}
.over-ons-man-slider-wrap {
padding-left: 0;
}
.each-man-slider-img {
height: 280px;
}
.over-ons-slider h2 {
margin: 2rem 0;
letter-spacing: normal;
}
.overons-man-slider h2 {
letter-spacing: normal;
}
.over-ons-slider-wrap {
margin-left: 0;
margin-right: 0;
}
.each-over-ons-slider {
height: auto;
}
/****Financiering / lease****/
.financiering-back-btn {
top: 3rem;
}
.financiering-accordian-sec::after,
.financiering-bg-img{
display: none;
}
.financiering-back-btn {
margin: 0;
}
.financiering-top-area {
padding-top: 11rem;
}
.financiering-back-btn {
margin-left: 1.2rem;
}
.financiering-top-img {
padding-left: 0;
}
.financiering-accordian-area .accordion-button::after {
filter: brightness(0);
}
.financiering-top-content {
padding-top: 3rem;
}
.financiering-accordian-sec {
padding: 3rem 0;
}
.financiering-accordian-img{
height: auto;
}
.financiering-accordian-area {
padding: 3rem 0 0 0;
}
.financiering-accordian-area h2{
color: #151313;
letter-spacing: 1px;
margin-bottom: 2rem;
}
.financiering-accordian-area h5{
color: #151313;
}
.financiering-accordian-area p{
color: #151313;
}
.financiering-slider-nav {
flex-direction: row;
justify-content: right;
column-gap: 3rem;
margin-bottom: 3rem;
}
.financiering-accordian-area .accordion-item {
padding: 2rem 0;
}
.financiering-slider-img {
height: auto;
}
.text-area {
margin-left: 0;
}
.form-area .form-group > div{
transform: skewX(0);
}
.form-styl{
transform: skewX(0);
}
.form-styl:focus{
transform: skewX(0);
}
.form-styl::placeholder{
transform: skewX(0);
}
.text-area {
margin-left: 0;
}
.form-area label{
margin-left: 0;
}
.form-styl{
padding: 1.4rem;
}
.financiering-slider-sec {
padding: 0 0 3rem;
}
.form-sec.dtl-form-sec {
padding-top: 3rem;
}
/****contact****/
.map-area {
height: 325px;
}
.contact-info{
margin-top: -1px;
padding: 3rem 0 1.5rem;
}
.each-contact-info{
transform: skewX(0);
}
.contact-info-inner{
transform: skewX(0);
}
.contact-info .row{
justify-content: center;
}
.contact-info .col-lg-4{
margin-bottom: 1.5rem;
}
.each-contact-info{
padding: 3rem;
}
.form-sec {
padding: 3rem 0;
}
.form-area textarea {
height: 140px;
padding-left: 5rem;
}
/****sold****/
.sold-top {
padding: 3rem 0;
}
.sold-top h2 {
font-size: 2.6rem;
letter-spacing: normal;
}
.sold-top p {
max-width: 100%;
margin-top: 1rem;
}
.sold-product .slider-price-sec {
padding: 1.5rem 2rem 1.5rem;
}
.sold-product::after {
display: none;
}
.sold-product {
padding-bottom: 1rem;
}
/****offer-detail****/
.aanbod-dtl-price-lft td p,
.aanbod-dtl-price-lft{
color: #000;
}
.aanbod-dtl-price-lft .parallelogram::before{
border: 1px solid #151313;
}
.aanbod-dtl-price-lft .parallelogram .btn-content{
color:#151313;
}
.aanbod-dtl-price-right{
margin-left: 0;
margin-top: 2rem;
}
.aanbod-dtl-price-lft ul{
margin-top: 2.5rem;
}
.home-mid-sec::after{
display: none;
}
.dtl-tab-sec .home-mid-bg-img{
display: none;
}
.aanbod-dtl-product-slider .slider-btn{
flex-direction: row;
}
.aanbod-dtl-product-slider .product-slider-wrap{
padding-left: 0;
}
.back-btn{
margin: 0;
padding-top: 3rem;
top: 0;
}
.aanbod-dtl-top-heading h2 {
letter-spacing: normal;
font-size: 2rem;
}
.financiering-back-btn-area.back-btn{
padding-top: 9rem;
}
.aanbod-dtl-top-price {
padding-top: 2.5rem;
}
.back-btn .parallelogram::before{
border-color:#151313 ;
}
.back-btn .btn-content{
color: #151313;
}
.back-btn .financiering-back-btn{
top: 0;
}
.aanbod-dtl-top{
padding-top: 8rem;
padding-bottom: 3rem;
}
.aanbod-dtl-top-heading{
padding-bottom: 2rem;
}
.dtl-tab-sec {
padding-top: 3rem;
}
.aanbod-dtl-price-right-top {
display: flex;
align-items: center;
}
.aanbod-dtl-price-right-top h3 {
margin-bottom: 0;
margin-right: 2rem;
}
/****bedankt****/
.bedankt-banner-sec .each-banner {
height: 435px;
}
/****aanbod-list****/
.mobile-product{
z-index: 999;
}
.mobile-filter{
display: none;
padding-bottom: 12rem;
}
.mobile-filter.active{
display: block;
}
.mobile-filter-close{
position: sticky;
top: 0;
background: #1c1c1c;
z-index: 9;
}
.mobile-filter-close span {
width: 3.2rem;
height: 3.2rem;
background-color: #fff;
border-radius: 50%;
}
.mobile-filter-close hr{
width: calc(100% + 3rem);
width: calc(100% + 3rem);
margin: 2rem 0 0 -1.5rem;
background-color: rgba(255,255,255,0.2);
opacity: 1;
}
.mobile-filter-btn {
background: #fff ;
display: inline-flex;
font-size: 1.4rem;
border: 0;
padding: 0 1.5rem;
border-radius: 10px;
height: 45px;
line-height: 45px;
display: block;
color: #1c1c1c;
}
.clear-filter-wrap .show_selected_filter_cls.my-5{
margin: 0 !important;
}
.clear-filter-wrap{
padding: 2rem 0;
}
.auto-overview-tag{
background: #e1e3e6;
}
.auto-overview-tag:hover {
background: #B1E4FF;
}
.auto-overview-filter-result{
position: fixed;
bottom: 45px;
width: 100%;
padding: 2rem 5%;
left: 0;
background: #fff;
background: #1c1c1c;
border-top: 1px solid rgba(255,255,255,0.2);
z-index: 99;
}
.auto-overview-filter-result .default-btn{
background: #1D70B8 !important;
color: #fff !important;
padding: 10px 0;
}
.auto-overview-filter-result .default-btn:hover, .auto-overview-filter-result .default-btn:focus {
background: #1D70B8 !important;
}
.sort-by{
width: calc(100% - 9rem);
padding-left: 1rem;
}
.filter-count {
min-width: 2rem;
height: 2rem;
background-color: #0064ff;
border-radius: 100%;
color: #fff;
margin-left: .75rem;
font-size: 1.2rem;
}
.make_sticky {
position: fixed;
top: 0px;
left: 0;
width: 100%;
background: #1c1c1c;
z-index: 999;
height: 100%;
overflow-y: auto;
}
.make_sticky_onscroll {
position: initial;
height: auto;
}
.mobile-btn-stiky{
position: fixed;
top: 7rem !important;
z-index: 99;
left: 0;
width: 100%;
padding: 3rem 5%;
background: #151313;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.mobile-btn-stiky.active{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
box-shadow: 0px 3px 10px rgba(0,0,0,.1);
-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,.1);
}
.product-block .car-slider{
padding-top: 9rem;
}
.clear-filter-wrap .show_selected_filter_cls.my-4 {
margin: 0 !important;
}
.filter-sec .col-xl-2{
padding-left: .75rem;
padding-right: .75rem;
}
.filter-sec .auto-overview-filter-result .load_img{
width: 50px;
}
.aanbod-filter .parallelogram::before {
display: none;
}
.filter-sec .col-xl-2{
padding: 0 .5rem;
}
.filter-sec .parallelogram{
margin-left: 0;
}
.filter-sec .btn-content{
padding: .5rem 0;
}
.filter-heading p{
max-width: 100%;
}
.filter-heading {
margin-top: 6rem;
}
.filter-heading h2{
margin-bottom: 2rem;
}
.close_img {
width: 1rem;
}
.aanbod-form-sec {
background-color: #151313;
padding-top: 3rem;
}
.form-area {
right: 0;
}
/****popup****/
.modal-area .modal-content {
clip-path: none;
}
.modal-area .popup-content {
padding: 3rem 2rem;
}
.modal-area .popup-content p {
max-width: 100%;
margin: 2rem auto;
}
.aanbod-list-sec .list-right .col-lg-7, .aanbod-list-sec .list-right .col-lg-5{
width: 100%;
}
.aanbod-list-sec .slider-price-sec h3{
height: auto;
}
.dtl-header-area{
position: fixed;
}
.filter-sec{
padding-top: 15rem;
}
.btn-content .input.select{
width: 100%;
}
.filter-sec .select-style{
background-position: 96%;
padding-left: 1.5rem;
padding-right: 3rem;
text-align: left;
}
.dtl-form-sec .text-area, .dtl-form-aanbod .text-area {
margin-left: 0;
}
.form-styl{
margin-left: 0;
}
.memu_right::after {
right:0;
height: 100%;
clip-path: none;
width: calc(100vw + 50%);
margin-left: -50vw;
left: 50%;
}
}
@media(max-width: 767.98px){
.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: #1D70B8;
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;
}
h1 {
line-height: 35px;
}
.menu-icon {
width: 8rem;
}
.menu-icon p{
font-size: 1.4rem;
}
.menu-contect ul{
flex-wrap: wrap
}
.menu-contect li{
width: 49%;
margin-bottom: 2rem;
}
.menu-contect h6 {
margin-bottom: 1rem;
font-size: 1.4rem;
}
.logo{
left: 47%;
}
.banner-content h1 {
letter-spacing: normal;
}
.banner-content h1 br{
display: none;
}
.each-home-mid-left {
display: none;
}
.each-home-mid-right {
margin-left: 0;
}
.each-footer-right .row {
flex-wrap: wrap;
}
.each-footer-right .row>* {
width: 49%;
flex-basis: auto;
}
.each-footer {
border-right: 0;
padding: 0;
}
.each-footer h5 {
margin-bottom: 1rem;
}
.each-footer li {
margin-bottom: 1rem;
}
.footer-social {
display: none;
}
.footer-btm {
padding: 2rem 0;
}
/****services****/
.list-info h2 {
letter-spacing: normal;
}
/****over-ons****/
.overons-man-slider h2 {
margin-bottom: 4rem;
}
.over-ons-top-img {
height: 250px;
}
/****Financiering / lease****/
.financiering-slider-area {
margin-top: 4rem;
}
/****offer-detail****/
.dtl-tab-sec .tab-btn .nav-tabs .nav-item.onder-tab-btn{
width: 100%;
}
.aanbod-dtl-product-slider .product-top-title h2{
color: #fff;
}
.aanbod-dtl-slider-btn {
justify-content: space-between;
flex-direction: row;
transform: translateY(-0%);
width: 100%;
right: 0;
}
/****aanbod-list****/
.filter-sec .col-xl-2{
width: 49%;
}
.sorteren_op-filter_btn{
width: 49%;
}
.form-styl{
width: 100%;
margin-left: 0;
}
.each-Kenmerken h6{
letter-spacing: normal;
}
.morgeninternet-footer.viewcar-footer {
margin-bottom: 68px !important;
height: 50px;
}
.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;
font-family: "Nunito Sans", sans-serif;
}
.widget-mobile .d-flex{
gap: 5px;
}
.widget-mobile button{
padding: .65rem;
font-size: 1.45rem;
}
.widget-mobile h6 span{
font-size: 1.45rem;
cursor: pointer;
font-weight: 600;
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: #1D70B8;
}
.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.45rem;
font-weight: 400;
padding: 4px 0;
}
.widget-mobile-content td a{
color: #fff;
text-decoration: none;
}
.widget-mobile-content td a:hover{
color: #1D70B8;
}
.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;
}
}
@media(max-width: 575.98px){
h1 {
font-size: 2.8rem;
}
h2 {
font-size: 2.4rem;
}
h3 {
font-size: 2.2rem;
}
.common-arrow {
height: 42px;
width: 42px;
}
.common-arrow img {
width: 13px;
}
.menu-items li{
width: 100%;
}
.menu-contect li {
width: 100%;
}
.banner-content {
top: 57%;
}
.product-slider .slider-btn {
column-gap: 1.3rem;
}
.each-home-mid-left h2 {
font-size: 3rem;
}
.each-home-mid-right {
margin-left: 1rem;
}
.footer-social ul {
justify-content: left;
margin-top: 1rem;
}
.each-footer-right .row>* {
width: 100%;
}
.each-footer {
padding-bottom: 2rem;
}
.footer-top {
padding: 3rem 0 1rem;
}
/****services****/
.inner-banner .each-banner {
height: 23rem;
}
/****over-ons****/
.each-man-slider-img {
height: 155px;
}
.over-ons-top-img {
height: 170px;
}
.slider-man-name {
padding: 1.5rem 1rem;
}
.slider-man-name h5 {
font-size: 1.4rem;
letter-spacing: normal;
}
.slider-man-name h6 {
font-size: 1.2rem;
}
/****Financiering / lease****/
.financiering-accordian-area .accordion-button:not(.collapsed)::after {
top: 6px;
}
/****offer-detail****/
.aanbod-dtl-price-lft ul{
flex-wrap: wrap;
row-gap: 2rem;
}
.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
width: 48%;
}
.aanbod-dtl-price-lft li{
width: 100%;
}
.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link{
font-size: 1.4rem
}
.each-Kenmerken p{
font-size: 1.3rem;
}
.aanbod-dtl-price-lft td {
width: 100%;
}
#aanbod-home .row {
row-gap: 1.5rem;
}
/****bedankt****/
.bedankt-banner-sec .each-banner {
height: 380px;
}
/****aanbod-list****/
.sorteren_op-filter_btn,
.filter-sec .col-xl-2{
width: 100%;
}
.aanbod-list-sec h3 {
font-size: 2.2rem;
}
.filter-heading h2 {
margin-bottom: 1rem;
}
.mobile-btn-stiky {
padding: 2rem 5%;
}
.filter-heading {
margin-top: 4rem;
}
.aanbod-list-sec .slider-price-sec tr {
flex-wrap: wrap;
row-gap: 1rem;
}
.aanbod-list-sec .slider-price-sec td {
width: 49%;
}
/****popup****/
.modal-area .popup-content {
padding: 3rem 1.2rem;
}
.modal-area .modal-dialog {
max-width: 95%;
}
.popup-content .common-btn {
padding: 1rem 3rem;
font-size: 1.3rem;
}
}
@media(max-width: 1274px) and (min-width: 992px){
.calsty {
height: 925px;
}
}
@media(max-width: 991px) and (min-width: 832px){
.calsty {
height: 675px;
}
}
@media(max-width: 831px) and (min-width: 628px){
.calsty {
height: 933px;
}
}
@media(max-width: 627px) and (min-width: 494px){
.calsty {
height: 710px;
}
}
@media(max-width: 493px){
.calsty {
height: 744px;
}
}