@media(max-width: 1199.98px){
     /* ===== aanbod dtl ====== */
    .dark-mode .back-btn .common-btn {
        border-color: #FFFFFF;
        color: #FFFFFF;
    }
    .dark-mode .back-btn .common-btn:hover{
        border-color: #9C1717;
    }
    .dark-mode .back-btn .common-btn strong{
        background-color: #fff;
    }
    .dark-mode .back-btn .common-btn:hover strong {
        background-color: #FFFFFF;
        border-color: #FFFFFF;
    }
    .dark-mode .back-btn-wrap .common-btn strong::before, 
    .dark-mode .back-btn-wrap .common-btn strong::after {
        background-image: url(../images/bk-btn-black.svg);
    }

}

@media(max-width: 991.98px){
    /* ==== home ====== */
    .dark-mode .product-title-mark img{
        filter: brightness(0) invert(1);
    }
    .dark-mode .product-title {
        border: 1px solid rgba(28, 28, 28, 0.05);
    }
    .dark-mode .service-sec .inner-wrap {
        background-color: #1C1C1C;
    }
    .dark-mode .service-btn .common-btn{
        border-color: #9F663C;
        background-color: #9F663C;
    }
    .dark-mode .service-btn .common-btn:hover{
        border-color: #fff;
        background-color: transparent;
    }
    .dark-mode .about-right-info:hover strong{
        z-index: 1;
    }
    .dark-mode .about-left-info strong{
        z-index: 1;
        font-size: 2rem;
    }
    .dark-mode .banner-content-heading .common-btn{
        border-color: #9F663C;
        background-color: #9F663C;
    }
    .dark-mode .banner-content-heading .common-btn:hover{
        border-color: #fff;
        background-color: transparent;
    }
    /* ===== diens list ====== */
    /* .dark-mode .each-service-list::before {
        background: linear-gradient(160deg, #C2A28B 0%, rgba(194, 162, 139, 0.1) 100%) border-box;
    } */
    /* ===== diens dtl ====== */
    .dark-mode .service-dtl-info-sec td h5 {
        border-bottom: 2px solid #9F663C;
        letter-spacing: normal;
    }
    .dark-mode .header-right{
        background: rgba(255, 255, 255, 0.1);
    }
    .dark-mode .service-dtl-info-sec.vacature-dtl-info-sec td h5 {
        border-color: #9F663C;
    }
    /* ===== over ons ===== */
    .dark-mode .each-overons-welcome-info::after{
        display: block;
    }
    .dark-mode .why-us-sec .inner-wrap::after{
        width: 150px;
        height: 150px;
        background-size: 150px;
    }
    .dark-mode .why-us-sec .slider-btn .common-arrow img {
        filter: none;
    }
    .dark-mode .why-us-sec .slider-btn .common-arrow:hover{
        filter: brightness(0) saturate(100%) invert(9%) sepia(70%) saturate(5661%) hue-rotate(356deg) brightness(101%) contrast(88%);
    }
    /* ===== aanbod dtl ====== */
    .dark-mode .kenmerken-tab{
        padding: 7px;
        border-radius: 5px;
    }
    .dark-mode .tab_drawer_heading{
        color: rgba(255, 255, 255, 0.5);
        border-top: 2px solid rgba(255, 255, 255, 0.3);
    }
    .dark-mode .tab_drawer_heading span::after{
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(22%) hue-rotate(342deg) brightness(105%) contrast(100%);
    }
    .dark-mode .d_active.tab_drawer_heading{
        border-top: 0;
    }
    /* .dark-mode .tab-top {
        border-bottom: none;
    } */
    .dark-mode .d_active.tab_drawer_heading{
        color: #9F663C;
    }
    .dark-mode .d_active.tab_drawer_heading span::after{
        filter: brightness(0) saturate(100%) invert(43%) sepia(20%) saturate(1367%) hue-rotate(343deg) brightness(94%) contrast(80%);
    }
    /* ==== aanbod list ==== */
    .dark-mode .hidden-filter{
        background-color: #232323;
    }
    .dark-mode .mobile-filter-close{
        background-color: #232323;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }
    .dark-mode .hidden-filter .col-lg-3 h5{
        color: #fff;
    }
    .dark-mode .mobile-filter-close span img{
        filter: brightness(0) invert(1);
    }
    .dark-mode .mobile-filter-close span{
        border-color: #fff;
    }
    .dark-mode .select-style {
        color: #fff;
        border-color: #9F663C;
    }
    .dark-mode .filter-sort::after{
        background-color: #fff;
    }
    /* ==== bedankt ===== */
    .dark-mode .modal-area .popup-content {
        background: #9F663C;
    }
    .dark-mode .popup-content-inner-wrap .border-btn strong::before{
        background-image: url(../images/white-arrow.svg);
    }
    .dark-mode .popup-content-inner-wrap .border-btn strong::after {
        background-image: url(../images/white-arrow.svg);
    }
    .dark-mode .popup-content-inner-wrap .border-btn:hover{
        border-color: #fff;
        background-color: transparent;
        color: #fff;
    }
    .dark-mode .popup-content-inner-wrap .border-btn:hover strong{
        background-color: #fff;
    }
    .dark-mode .popup-content-inner-wrap .border-btn:hover strong::before , .dark-mode .popup-content-inner-wrap .border-btn:hover strong::after{
        background-image: url(../images/black-arrow.svg);
    }
    .dark-mode .common-btn:hover::after {
        background-color: transparent;
    }
    .dark-mode .common-btn:hover strong {
        border-color: transparent;
    }
    /* .dark-mode .footer-contact-right-mobile .footer-contact h5 {
        text-align: center;
    } */
    .dark-mode .aanbod-right-block-wrap {
        background: #1C1C1C;
    }
    .dark-mode .each-service-list {
        background-color: rgba(28, 28, 28, 0.05);
    }
    .dark-mode .contact-form-sec .inner-wrap {
		background-color: transparent;
	}
    .dark-mode .each-service-list::before {
        background: linear-gradient(136deg, rgba(194, 162, 139, 0.6) 0%, rgba(194, 162, 139, 0) 100%) border-box;
    }
    .dark-mode .welcome-desc-top h4{
        font-family: 'Inter-Bold';
    }
    .each-overons-welcome-info h5 {
        max-width: 100%;
    }
    .dark-mode .each-soteren-filter .select-style::after {
        background-image: url(../images/mob-sorteren-arw.svg);
        background-color: transparent;
    }
}
@media(max-width: 767.98px){
    .dark-mode .why-us-sec .inner-wrap::after{
        width: 90px;
        height: 90px;
        background-size: 90px;
    }
    .dark-mode .each-service-list::before {
        border-radius: 10px;
    }
    .dark-mode .each-product-wrap{
		border: 0;
	}
    .dark-mode .welcome-desc-top h4{
        font-size: 2rem;
    }
    .welcome-desc-top h2 br{
        display: none;
    }
    .dark-mode .footer-contact h4{
        padding-bottom: 3px;
    }
    .dark-mode .tab-top {
        border-bottom: none;
    }
}
@media(max-width: 429.98px){
    .dark-mode .footer-contact-right-mobile .footer-contact h5 {
		text-align: left;
	}
}