@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: #8B6743;
    }
    .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: #8B6743;
        background-color: #8B6743;
    }
    .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;
    }
    .dark-mode .banner-content-heading .common-btn{
        border-color: #8B6743;
        background-color: #8B6743;
    }
    .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 #8B6743;
    }
    .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: #8B6743;
    }
    /* ===== 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(43%) sepia(14%) saturate(1834%) hue-rotate(343deg) brightness(95%) contrast(86%);
    }
    /* ===== 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: #8B6743;
    }
    .dark-mode .d_active.tab_drawer_heading span::after{
        filter: brightness(0) saturate(100%) invert(45%) sepia(31%) saturate(782%) hue-rotate(343deg) brightness(89%) contrast(90%);
    }
    /* ==== aanbod list ==== */
    .dark-mode .hidden-filter-active{
        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: #8B6743;
    }
    .dark-mode .filter-sort::after{
        background-color: #fff;
    }
    /* ==== bedankt ===== */
    .dark-mode .modal-area .popup-content {
        background: #8B6743;
    }
    .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);
    }

}
@media(max-width: 767.98px){
    .dark-mode .why-us-sec .inner-wrap::after{
        width: 90px;
        height: 90px;
        background-size: 90px;
    }
}