﻿@media all and (-ms-high-contrast:none) {
    .sso-main-container, .dld-sso-white, article, aside, figcaption, figure, footer, header, hgroup, main, nav, section, .d-flex.login-panel { display: block !important; }

    .dashboard-card,
    .dashboard-app-items,
    .sso-app-description { width: 100%; }

    .sso-app-item-logo { height: 100px; }

    .sso-app-logo { width: 120px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) }

    .sso-app-item-logo { padding: 15px 0 !important; }

    .sso-app-logo-2 { height: auto; }

    .sso-app-logo-49 { width: 72%; }

    .sso-app-logo-1 { height: auto; }

    .sso-app-logo-42 { width: 90px; }

    .sso-app-logo-12 { width: 171px; }

    .sso-app-logo-7 { width: 120px; }

    .sso-app-logo-5 { width: 70px; }

    .sso-app-logo-8 { width: 80px; }

    .swiper-button-prev:after,
    .swiper-container-rtl .swiper-button-next:after,
    .swiper-button-next:after,
    .swiper-container-rtl .swiper-button-prev:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 20px; }

    .swiper-button-prev:after,
    .swiper-container-rtl .swiper-button-next:after { content: "\f104"; }

    .swiper-button-next:after,
    .swiper-container-rtl .swiper-button-prev:after { content: "\f105"; }

    .pdf-tempalte { display: block; text-align: center; }

    .partner-tabs .strategic-partners-logo { display: block; }

    .rdc-smart-judge-img { justify-content: flex-end; }

        .rdc-smart-judge-img .rdc-comment-icon { margin-left: -175px; }

    .rdc-org-chart .rdc-subdirector { justify-content: center; }

        .rdc-org-chart .rdc-subdirector .rdc-s-general { left: -45px; }

        .rdc-org-chart .rdc-subdirector .rdc-tech-office { right: -45px; }

        .rdc-org-chart .rdc-subdirector:after { left: 50%; top: -30px; }

    .role-label-info { width: 100px; }

    .home-slider-services-nav .swiper-button-next:after,
    .home-slider-services-nav .swiper-button-prev:after { font-size: 16px; top: 2px; position: relative; }

    .home-slider-services-nav .swiper-button-next:after { left: 1px; }

    .home-slider-services-nav .swiper-button-prev:after { right: 1px; }

    .card-view-wrapper .custom-body .img-holder.broker-img-holder .box-img > img { max-height: 100%; }

    .ui-service-card .card-body { display: block; }

        .ui-service-card .card-body > i { margin-left: auto; margin-right: auto; }

    .h-quick-link .h-quick-link-text1.h-quick-link-contract-f { flex-direction: row }

    .h-dubai-rest-1 .first-section_1 { min-width: 400px; }

    .noti-container .noti-icon { bottom: 0; }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    .modal-search-panel .modal-full .modal-content .modal-body { min-height: 60vh !important; display: block !important; margin-top: 180px; }

    .modal-search-panel .modal-full .modal-content .modal-footer { display: block; text-align: center; }

    #LatestNews .img-thumbnail { overflow: hidden; max-height: 115px; }

    #LatestNews .card-img { max-width: 100%; height: auto; }

    .news-article-img { overflow: hidden; max-height: 400px; text-align: center; }

        .news-article-img img { width: auto; height: auto; max-height: inherit; }
}

/*min media queries*/
@media (min-width: 480px) {
    .wizard.vertical > .actions ul li:first-child { margin-left: 17%; }

    .wizard.vertical > .content { width: 83%; }

    .wizard.vertical > .steps { width: 17%; }

    .national-brand-logo { text-align: center; }
}

@media (min-width: 576px) {
    .voice-nav-dialog { max-width: 370px; }

    .modal-logout .modal-dialog { max-width: 300px; }

    .announcement-modal .modal-dialog { max-width: 600px; }

    .modal-search-panel .modal-dialog-centered { min-height: calc(100% - 22rem); }

    .search-ddl-mobile .dropdown-menu { display: inline-flex; border: none; min-width: inherit; padding: 0; position: relative !important; z-index: inherit; }

    .rtl .banner-btc .btc-head-title { padding-right: 3rem; }

    .otp-update .modal-dialog { max-width: 800px; }

    .register-user-list .mydld-profile .profile-img-link img { width: auto !important; min-width: 50px; min-height: 50px; height: 50px; }

    .trnsfer-reason-ddl.greenlist-filter { width: 403px; max-width: inherit; }
    .rtl .daterangepicker { direction: rtl; }
        .rtl .daterangepicker .ranges,
        .rtl .daterangepicker .drp-calendar { float: right; }
    .daterangepicker .ranges ul { width: 176px; }
    .daterangepicker { width: auto; }
    .daterangepicker { z-index: 1; }
    .broker-filter-tool { position: absolute; inset-inline-end: 12px; z-index: 1; }
}

@media (min-width: 767px) {
    .dld-slider h4, .dld-slider h6, .dld-slider p, .dld-slider .btn-link { color: #fff; }
    .form-group-flex { margin-top: 0.5rem; padding-top: 1.5rem; }
    .myddl-dashboard .my-property .card { height: 100%; }
    .rtl .daterangepicker .ranges { float: right; }
}

@media (min-width: 768px) {
    .wizard > .steps > ul li .title { display: block; }

    .wizard.vertical > .steps ul li .title { display: none; }

    .wizard.vertical > .actions ul li:first-child { margin-left: 12%; }

    .wizard.vertical > .content { width: 88%; }

    .wizard.vertical > .steps { width: 12%; }

    .login-landing-uaepas-mobile-img { text-align: right; }

    .btn-align-wrap { display: flex; align-items: center; height: 35px; padding-top: 50px; }

    .online-registration-detail { display: flex; width: 100%; }

    .contract-number-txt { position: absolute; top: 37px; }
    .card-map-pin{width:550px;}
    .fthb-journey .fthb-multi-choice .form-check { flex: 0 20%; }
    .search-title-broker .content-section-title { margin-top: -19px; padding-bottom: 12px; }
}

@media (min-width: 992px) {
    .voice-search-result .alert-info { flex-flow: row; }

        .voice-search-result .alert-info .alert-inner-wrap i { display: inline-block; }

        .voice-search-result .alert-info p { font-size: 16px; }

    .speech-icon-search-result.btn { margin-right: 8px; }

    .voice-search-result .alert-info .btn_1 span { display: inline-block }

    .voice-search-result .alert-info .btn_1 { margin-left: inherit; margin-top: 0; border-radius: 0; }

    .sso-seprator { display: flex; }

    .rdc-org-chart .department:first-child:before,
    .rdc-org-chart .department:last-child:before { border: none; }

    .rdc-org-chart .department.dep-e { border-left: none; border-right: 1px solid var(--black-color); right: -1px; }

        .rdc-org-chart .department.dep-e li { justify-content: start; }

            .rdc-org-chart .department.dep-e li a { margin: 0 25px 0 0px; }

    .card-detail-max-width { min-width: 500px; }

    .dld-login-container .card { max-width: 600px; }

        .dld-login-container .card .card-body { padding: 1.25rem 4rem; }

    .login-checkbox .custom-control .custom-control-label.sso,
    .login-checkbox .custom-control .custom-control-label.owner { font-weight: 600; }

    .chose-role-wrap > div:nth-of-type(2n+3) { margin-top: 1.5rem; }

    .chose-role-wrap > div:last-child { margin-top: 1.5rem; }

    .dld-login-container .sso-footer-txt { max-width: 600px; padding: 1rem 0; }

    .intro-navigation { top: 65.1875px !important; }

    .table-float-l { float: left; width: 50% !important; }

    .table-float-r { float: right; width: 50% !important; }

    .collapse.services-collapse-panel { display: flex; width: 100%; height: 100%; flex-direction: column; }

    .home-latest-news .swiper-container .swiper-wrapper .card-container { margin-bottom: 1.8rem; }

    .transformer-tabs { border-bottom: var(--bs-border-width) solid var(--bs-border-color); }

    .card-transaction-link .text-link3 br { display: none; }

    .card-transaction-link .text-link2 { font-size: 14px; font-weight: 600; padding: .47rem 1rem; background-color: #fbfbfb; color: var(--black-color); }
    /*quick links position*/
    .mc-quick { position: fixed; width: 100%; z-index: 1; bottom: 0; }

    .mydld-profile .profile-img-link img { width: 100% !important; min-width: 85px; min-height: 85px; max-width: 85px; object-fit: cover; }

    .float-nav { position: fixed; bottom: 22px; right: 10px; z-index: 2; }

    .property-details .flex-full.flex-grid > div > span:nth-child(2n+1) { flex: 0 0 17.188%; }

    .navbar-expand-lg .navbar-nav .dropdown-submenu:hover > .dropdown-menu { display: block; }

    .home-banner-container .home-banner-card.row-cols-md-2 > * { flex: 0 0 auto; width: 20%; }

    .btn-subscribe { margin-left: 270px; }

    .rtl .btn-subscribe { margin-left: 0; margin-right: 270px; }


    /* Mollak Map Transformer Tabs */
    .mollak-map-content .transformer-tabs { justify-content: space-between; display: flex; align-items: center; }

        .mollak-map-content .transformer-tabs.vertical-tabs { display: flex; flex-direction: row-reverse; gap: 20px; }

        .mollak-map-content .transformer-tabs.vertical-tabs { align-items: flex-start; padding: 0; border: 1px solid #dee2e6; background-color: #f8f9fa; }

            .mollak-map-content .transformer-tabs.vertical-tabs > ul { display: flex; flex-direction: column; width: 196px; }

                .mollak-map-content .transformer-tabs.vertical-tabs > ul li { margin: 0; display: block; border-bottom: 1px solid #dee2e6; }

                    .mollak-map-content .transformer-tabs.vertical-tabs > ul li a { line-height: 1; padding: 10px .8rem; display: block; background-color: #f8f9fa; font-weight: 400; font-size: 16px; border-radius: 0; color: #212427; }

                        .mollak-map-content .transformer-tabs.vertical-tabs > ul li a:hover { color: #007934; }

                        .mollak-map-content .transformer-tabs.vertical-tabs > ul li a.active,
                        .mollak-map-content .transformer-tabs.vertical-tabs > ul li a:focus { box-shadow: inset 3px 0 #212427; }

    .mollak-map-content .tabs > div { width: calc(100% - 214px); position: relative; border: 1px solid var(--bdr); padding: 10px; border-radius: 10px; }

        .mollak-map-content .tabs > div .tabs > div { width: 100%; position: relative; border: none; padding: 0; border-radius: 0; }

    .mollak-map-content .tabs-unit-details .content-section { flex-direction: row-reverse; }
    /* End of Mollak Map Transformer Tabs */
    .btn-ftr-floating{display:none;}
    .collapse.sticky-footer-right { display: flex; }
    .mydld-section .navd-sidebar { position: sticky; top: 175px; }
    .search-panel-expandable > .dropdown-toggle{display:none;}
    .search-panel-expandable .dropdown-menu { display: flex; position: inherit; }
    .fthb-journey .fthb-eligible li span:last-child br{display:none;}
    /*start: mydld sidebar*/
        .own-dashboard .navd-sidebar-toggle { display: none; }
        .own-dashboard .navd-sidebar { width: 270px; }
        .own-dashboard .navd-sidebar .nav-item .nav-link { width: 100% !important; }
            .own-dashboard .navd-sidebar .user-info-d1 .person-name { opacity: 1 !important }
            .own-dashboard .navd-sidebar .nav-item .nav-link .navd-sb-text { opacity: 1 !important; justify-content: space-between; display: flex; width: 100%; position: inherit; background-color: transparent; color: currentColor; box-shadow: none; inset-inline-start: inherit; padding: 0; }
    .navd-sidebar .user-info-d1 .user-info-text { padding: 1rem .65rem; border-bottom: 1px solid var(--bdr); }
    /*end: mydld sidebar*/
}

@media (min-width: 1024px) {
    .clickable-row:hover, .clickable-row:focus { cursor: pointer; text-decoration: underline; background-color: #fbfbfb !important; transition: all .3s; }

    .auth-container.sso-wrap { min-height: 65vh; height: inherit; padding-bottom: 1rem; }

    #managementProfile .dataTables_scrollBody table tbody tr td { width: 60% !important; }
    .rtlist-data-grid table.dataTable > tbody > tr.child ul.dtr-details { display: flex; align-items: center; gap: 1.5rem; }
}

@media (min-width: 1200px) {
    .home-studies .container { max-width: 1380px; padding-left: 40px; padding-right: 40px; }

    .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active { justify-content: flex-start; }

    .wizard.vertical > .steps { width: 30%; }

        .wizard.vertical > .steps ul li .title { display: block; }

    .wizard.vertical > .actions ul li:first-child { margin-left: 30%; }

    .wizard.vertical > .content { width: 70%; }

    .dubai-government-logo { width: 160px; }

    .home-column-right { padding-left: 80px !important; }

    .home-card-column { padding-left: 15px !important; padding-bottom: 15px; }

    .swiper-services-column { padding-left: 104px; }

    .myddl-dashboard .my-property .card .card-body { padding: 1.25rem; }

    .navbar-header { display: none; }

    .navbar-custom { padding: 0; /*flex-direction: row-reverse;*/ }

        .navbar-custom .navbar-nav > .nav-item:hover > .dropdown-menu,
        .navbar-custom .navbar-nav .dropdown-submenu:hover > .dropdown-menu { display: block; }

    .navbar-nav > .nav-item:hover .nav-link::after,
    .navbar-nav > .nav-item.active .nav-link:after { content: ''; display: block; width: 100%; height: 5px; background-color: var(--theme-green); border-top-right-radius: 0.5rem; border-top-left-radius: 0.5rem; border: none; margin: 0; position: absolute; bottom: 0px; }

    .collapse .navbar-nav > .nav-item { margin: 0 12px; }

    .rtl .collapse .navbar-nav > .nav-item { margin: 0 8px; }

    .collapse .navbar-nav > .nav-item:nth-child(2) { margin-left: 8px; }
}

@media (min-width: 1260px) {
    .section-grey .home-service-card .swiper-container { padding-bottom: 30px; }
}
/*max media queries*/
/*Microsoft Surface*/

@media (max-width: 1600px) {
    .ask-malik-img { margin: 20px 0; }

        .ask-malik-img picture { display: flex; justify-content: center; }

        .ask-malik-img img { max-width: 70%; }
}

@media (max-width: 1400px) {
    /*.rtl .dld-sub-header__actions .search .icon-search,*/
    .rtl .dld-side-nav .search .icon-search { right: 12px; }
}

@media (min-width: 768px) and (max-width: 1400px) {
    /* .container {
        max-width: 100%;
        padding-left: 32px;
        padding-right: 32px;
    }*/
}

@media (max-width: 1399px) {
    .rtl .dld-sub-header__btn,
    .rtl .dld-sub-header__actions .search .search__input,
    .rtl .dld-side-nav .search .search__input { margin-left: 0; margin-right: 5px; }
}

@media (max-width: 1350px) {
    .banner-section .slider-caption { width: auto; top: 25%; margin-left: 50px; }

        .banner-section .slider-caption.caption2 { margin-left: 350px; }

        .banner-section .slider-caption.caption3 { margin-left: 320px; }

        .banner-section .slider-caption.caption2 h1 { font-size: 22px; }

            .banner-section .slider-caption.caption2 h1 .green-text { font-size: 22px; }
}

@media (max-width: 1255px) {
    .relationship-manager .manager-detail > div { flex: 0 0 20%; }
}

@media (max-width: 1225px) {
    .right-mnu.navbar-nav .contact-nav-item .nav-link .fa-envelope { position: relative; top: 2px; }
}

@media (max-width: 1200px) {
    .top-strip { display: none; }

    .accordion-tabs .card-header { background-color: transparent; padding: 3px; border-color: transparent transparent #00893E; }

        .accordion-tabs .card-header .btn-link { display: block; text-align: left; color: #00893e; }

    .e-services-section, .q-services-section { height: auto; }

    .prop-info .list-group .list-group-item span:first-child { flex: 0 0 45%; max-width: 45%; color: var(--black-color); }

    .prop-info .list-group .list-group-item span:last-child { flex: 0 0 55%; max-width: 55%; }

    .relationship-manager .manager-detail { flex-direction: row; flex-wrap: wrap; }

        .relationship-manager .manager-detail > div { flex: 0 0 50%; max-width: 50%; margin-bottom: 15px; }

            .relationship-manager .manager-detail > div:last-child { margin-bottom: 0; }

    .btn-wrapper-group .btn, .btn-wrapper-group .btn-custom-toggle .btn { font-size: 12px; }
    /*...home page max 1200...*/
    .home-transaction-row,
    .home-latest-news-row,
    .home-studies-row,
    .home-education-row { margin-left: -15px; }

    .home-card-column { padding-left: 15px !important; padding-bottom: 15px; }

    .home-studies .heading-sec-small { margin-bottom: 0px; }

    .home-studies .text-link3 { margin-top: 1rem; font-size: 21px; }

    .hdi-card-action { flex-wrap: wrap; }

    .card-b-user-new { flex: 0 0 25%; width: 25%; }
}

@media (max-width: 1199px) {
    .paperless-img { position: relative; top: 20px; }

        .paperless-img img { width: 25% !important; }

    .paperless-section .paperless-body { padding: 25px 0 !important; margin-top: 0; }

    .section-heading h1,
    .paperless-section h1,
    .heading-support h1 { font-weight: normal; font-size: 22px; }

    .current-date { font-size: 14px; }

    .paperless-section h3 { color: #fff; margin-top: 0; }

    .paperless-section h1 { color: #fff; }

    .section-heading { padding-top: 25px !important; }

    .q-services-section .transaction-section-inner,
    .e-services-section .transaction-section-inner,
    .paperless-section .paperless-content { margin: 0rem !important; }

    .support-section .heading-support { position: absolute; width: 100%; }

    .support-description { display: none; }

    .paperless-section .paperless-content .btn-warning { padding: .30rem 1rem; border-radius: 0; font-size: 14px; }

    .company-info a { width: 20%; }

    .initiative-section { margin-top: 0; }

    .rental-index-wrapper .rental-info-right-panel:before { right: -70px; }

    .home-slider-services-nav { margin-top: 20px; }
    /*1199 menu*/
    .menu-container .navbar-collapse.collapsing,
    .menu-container .navbar-collapse.collapse { background-color: #fff; width: 100%; max-width: 360px; overflow-y: auto; padding: 5rem 1rem 12rem; height: 100vh; position: fixed; top: 0; left: 0; transform: translate(-100%, 0); transition: transform 200ms ease 0s; z-index: 1; }

        .menu-container .navbar-collapse.collapse.show { transform: translate(0px, 0); }

    .rtl .menu-container .navbar-collapse.collapsing,
    .rtl .menu-container .navbar-collapse.collapse { transform: translate(100%, 0); left: auto; right: 0; }

        .rtl .menu-container .navbar-collapse.collapse.show { transform: translate(0px, 0); }

    .mobile-menu-title { margin: 0 1.25rem 0; padding-top: 1rem; }

    .navbar-nav > .nav-item > .nav-link { padding: 5px 0; border-bottom: 1px solid var(--bdr); }

        .navbar-nav > .nav-item.active > .nav-link,
        .navbar-nav > .nav-item > .nav-link.show { border-bottom: 1px solid var(--theme-green); }

    .navbar-nav > .nav-item.dropdown .dropdown-menu:before,
    .navbar-nav > .nav-item .dropdown-submenu > .dropdown-menu:before,
    .navbar-nav.nav > .nav-item.active .nav-link:after { display: none; }

    .navbar-nav > .nav-item.dropdown .dropdown-menu { width: 100%; margin: 0; padding: 0; border-radius: 0; box-shadow: none; min-width: inherit; }

    .navbar-nav > .nav-item.dropdown > .dropdown-menu.show,
    .navbar-nav .dropdown-submenu .dropdown-menu.show { display: block; }

    .navbar-nav > .nav-item.dropdown .dropdown-menu li > a { margin: 0; border-radius: 0; border-bottom: 1px solid var(--bdr); }

        .navbar-nav > .nav-item.dropdown .dropdown-menu li.show > a,
        .navbar-nav > .nav-item.dropdown .dropdown-menu li > a:hover { background-color: #fff !important; border-bottom: 1px solid var(--theme-green); }

    .navbar-nav > .nav-item .dropdown-submenu > .dropdown-menu li a { padding: 10px 15px 10px 30px; }

    .rtl .navbar-nav > .nav-item .dropdown-submenu > .dropdown-menu li a { padding: 10px 16px 10px 15px; }

    .navbar-nav > .nav-item.dropdown .dropdown-menu li.dropdown-submenu > a:before { right: 5px; }

    .rtl .navbar-nav > .nav-item.dropdown .dropdown-menu li.dropdown-submenu > a:before { left: 5px; right: auto }

    .navbar-nav > .nav-item.dropdown > .nav-link:after,
    .navbar-nav > .nav-item.dropdown:hover .nav-link::after,
    .navbar-nav > .nav-item.dropdown.active .nav-link:after { content: ""; position: absolute; width: 8px; height: 8px; border: solid var(--theme-green); border-width: 0 3px 3px 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); right: 5px; top: 40%; display: inline-block; background-color: transparent; border-radius: 0; }

    .rtl .navbar-nav > .nav-item.dropdown > .nav-link:after { right: auto; left: 5px; margin: 0; border-width: 3px 0 0 3px; }

    .navbar-nav > .nav-item.dropdown > .nav-link.show:after,
    .navbar-nav > .nav-item.dropdown:hover .nav-link.show::after,
    .navbar-nav > .nav-item.dropdown.active .nav-link.show:after,
    .navbar-nav > .nav-item.dropdown .dropdown-menu li.dropdown-submenu > a.show:before { border-width: 0 0 3px 3px; }

    .dropdown-user .dropdown-menu { position: absolute; }

    .rtl .dropdown-user .dropdown-menu { text-align: right; }

    .navbar-header-wrapper { display: flex; align-items: center; justify-content: space-between; width: 100%; }

    .right-mnu { flex-direction: row; }

    .subscribe-content { display: none }

    .rtl .dld-sub-header__btn,
    .rtl .dld-sub-header__actions .search .search__input,
    .rtl .dld-side-nav .search .search__input { margin-left: 0; margin-right: 16px; }

    .navbar-toggler[aria-expanded="true"] .icon-menu { align-items: center; display: flex; padding: .5rem; position: relative; background-image: url(../assets/images/icon-close.svg); background-repeat: no-repeat; background-position: center; background-size: 60%; width: 24px; height: 24px; }

        .navbar-toggler[aria-expanded="true"] .icon-menu:before { display: none; }

    .navbar-custom .navbar-collapse::-webkit-scrollbar { width: 8px; }

    .navbar-custom .navbar-collapse::-webkit-scrollbar-track { background: #FAFAFA; box-shadow: inset 1px 0px 0px #E8E8E8, inset -1px 0px 0px #F0F0F0; }

    .navbar-custom .navbar-collapse::-webkit-scrollbar-thumb { background: #7F7F7F; }

        .navbar-custom .navbar-collapse::-webkit-scrollbar-thumb:hover { background: #5f5f5f; }

    .menu-container .navbar-collapse.collapse.show .navbar-toggler { position: absolute; right: 10px; top: 10px; }

    .rtl .menu-container .navbar-collapse.collapse.show .navbar-toggler { left: 10px; right: auto; }

    .dropdown-noti .dropdown-menu { position: absolute; inset: 50px auto auto -100px; }
    /*End 1199 menu*/
}

@media screen and (max-width: 1083px) {
    .home-banner-section .container-fluid,
    .home-rest-app-section .container-fluid,
    #header .container-fluid,
    .logo-wrapper.container-fluid { padding-right: 15px; padding-left: 15px; }
    #ourValues .row-cols-5>* {width: 25%;}
}

@media (max-width: 1024px) {
    .new-section-heading { font-size: 18px; font-weight: 600; }

    .new-section-heading { line-height: 28px; }

    .home-rest-app-section .application-info h2 { font-size: 1.5rem; }

    .home-rest-app-section .application-info h4 { font-size: 1rem; }

    .home-rest-app-section .description-app { line-height: normal; }

    .initiative-section:before { display: none; }

    .banner-section .slider-caption.caption2 h1 { font-size: 16px; }

    .buttons-wrap a { font-size: 12px; padding: 6px 8px; }

    .home-rest-app-section .application-info { padding: 100px 0; max-width: 100%; }

    .home-banner-section .container-fluid { padding-left: 0; padding-right: 0; }

    .rdc-smart-judge-title { font-size: 18px; font-weight: 600; }

    .rdc-smart-judge-sub-title { font-size: 18px; margin-top: 10px; margin-bottom: 10px; }

    .rest-gradient { display: none; }
    /*dsg*/
    .home-service-card .swiper-slide { margin-top: 0 !important; margin-bottom: 0.5rem; }

    .section-grey .home-service-card .swiper-container { padding-bottom: 30px; }

    .images-wrap picture { height: 100%; }

    .images-wrap img { height: 100%; object-fit: cover; }
    /*.business-user-dashboard .container { padding-left: 0; padding-right: 0; }*/
    .rtlist-data-grid .dataTable colgroup col[data-dt-column="0"] { width: 20px !important }
}

@media (max-width: 1023px) {
    /*Responsive table card*/
    .responsive-table-card-v table { border: none; border-top: 1px solid #dee2e6; }

    .property-details table, .responsive-table-card { border: 0; }

        .property-details table caption, .responsive-table-card table caption { font-size: 1.3em; }

        .property-details table thead, .responsive-table-card table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

        .property-details table tr, .responsive-table-card table tr { display: block; }

        .property-details table td { border-bottom: 1px solid var(--bdr); display: block; font-size: 14px; text-align: right; }

        .responsive-table-card table td { border-top: none; display: block; font-size: 14px; text-align: right; }

    .responsive-table-card-v table tr:first-child { margin-top: 0; }

    .responsive-table-card-v table tr { margin-top: 1rem; }

        .responsive-table-card-v table tr td:first-child { border-top: 1px solid #dee2e6; }

        .responsive-table-card-v table tr:first-child td:first-child { border-top: none; }

    .responsive-table-card-v table td { text-align: left; }

    .property-details table td::before, .responsive-table-card table td::before { content: attr(data-label); float: left; font-weight: 500; margin-right: 10px; }

    .responsive-table-card-v table td::before { width: 100%; }

    .responsive-table-card table td::before { font-weight: 600; }

    .property-details .table-striped > tbody > tr.even,
    .property-details .table-striped > tbody > tr.odd,
    .responsive-table-card .table-striped > tbody > tr.even,
    .responsive-table-card .table-striped > tbody > tr.odd { margin-bottom: 1rem; }

    .property-details .table-striped > tbody > tr.even,
    .property-details .table-striped > tbody > tr.odd,
    .responsive-table-card .table-striped > tbody > tr.even,
    .responsive-table-card .table-striped > tbody > tr.odd { border-top: 1px solid #E2E2E3; }

        .property-details .table-striped > tbody > tr.even:last-child,
        .property-details .table-striped > tbody > tr.odd:last-child,
        .responsive-table-card .table-striped > tbody > tr.even:last-child,
        .responsive-table-card .table-striped > tbody > tr.odd:last-child { margin-bottom: 0; }

    .property-details div.dataTables_scrollBody table tbody tr.even td,
    .property-details div.dataTables_scrollBody table tbody tr.odd td,
    .responsive-table-card div.dataTables_scrollBody table tbody tr.even td,
    .responsive-table-card div.dataTables_scrollBody table tbody tr.odd td { border-top: none; }

    .property-details .table-view-detail-link,
    .responsive-table-card .table-view-detail-link { display: inline-block; }

    .auth-register-container #individualUser.auth-container-inner { position: inherit; }

    .section-page-title { margin-top: 3rem; }

    .dataTable colgroup col { width: 100% !important; }

    /*tooltip hide on mobile - related to unification external onlclick issue*/
    .tooltip.show{display:none !important;}
}

@media (max-width: 992px) {
    .registration-title { margin-bottom: 10px; }

    .prop-info.participant-info .list-group .list-group-item span:first-child { flex: 0 0 25%; max-width: 25%; }

    .prop-info.participant-info .list-group .list-group-item span:last-child { flex: 0 0 75%; max-width: 75%; }

    .rdc-org-chart .director > li > a { width: 100%; }

    .rdc-org-chart .department { float: none; width: 100%; margin-left: 0; }

        .rdc-org-chart .department.dep-b,
        .rdc-org-chart .department.dep-c,
        .rdc-org-chart .department.dep-d,
        .rdc-org-chart .department.dep-e { margin-left: 0; }

        .rdc-org-chart .department:before { border-left: none; }

        .rdc-org-chart .department:nth-child(2):before { display: none; }

    .rdc-org-chart .departments:after { border-right: none; left: 0; width: 49.8%; }

    .smart-judge-intro { order: 1; text-align: center; }

    .rdc-smart-judge-img { order: 0; margin-bottom: 0; }

    .rdc-smart-judge-desc { line-height: normal; }

    .btn-view-more i { top: 0; }

    .footer-darker { padding-bottom: 80px; }

    .project-status-top-control { margin-top: 1.5rem; }

    .national-brand-logo img { max-width: 80%; }

    .pdf-tempalte { max-width: 49%; flex: 0 0 50%; }

    .page-function, .page-function .input-group { margin-bottom: 1rem; }

    .page-title { font-size: 16px; flex-direction: row; /*align-items: self-start;*/ flex-wrap: wrap; gap: .5rem; }
    /*.page-title > div:last-child { justify-content: space-between; width: 100%; }*/
    .service-help i { top: 1px; }

    .total-number-of-record > span { margin-left: 5px; display: block; }

    .card-view-wrapper .custom-body .img-holder + .detail-holder .custom-card-title { font-size: 14px; }

    .accordian-style .card-header .btn { font-size: 14px; padding-right: 25px; }

        .accordian-style .card-header .btn:after { right: -15px; position: relative; }

    .dld-login-container { padding: 1rem; }

    .login-checkbox { margin-bottom: 1rem; }

        .login-checkbox .info-span { display: none; }

        .dld-login-container .checkbox-title,
        .login-checkbox .custom-control .custom-control-label,
        .login-checkbox .custom-control .custom-control-label,
        .dld-login-container .field-style label,
        .dld-login-container label { font-size: 14px; }

    .dld-login-container .sso-footer-txt { width: 90%; }

    .password-field { margin-bottom: 0 !important; }

    .rental-yeild-boxes > [class*='col-'] { margin-bottom: 1rem; }

    .rental-yeild-boxes .role-box { background-position: center bottom; }

    .trnsction-data-from-react .dropdown-menu.show { left: -10px !important; }
    /*.myddl-dashboard .my-property .card,
    .quick-action .card { margin-bottom: 1rem; }*/
    #btnCloseChat .icon-close-chat { width: 22px; height: 22px; }

    .quick-link-card4,
    .quick-link-card5 { margin-bottom: 1rem; }

    .cancelled-projectStatus .c-img { padding: 0; max-height: 200px; align-items: center; justify-content: center; overflow: hidden; }

    .tender-registration-form .custom-control-label { font-size: 14px; }

    .cancelled-projectStatus .swiper-slide { padding: 0; }

    .cancelled-projectStatus .swiper-button-next, .cancelled-projectStatus .swiper-button-prev { display: none; }

    .cancelled-projectStatus .swiper-pagination-bullets { bottom: 0; }

    .cancelled-projectStatus .swiper-container { padding-bottom: 2rem; }

    .tender-registration-form > .card > .card-header, .online-registration-form > .card > .card-header, .procedure-details .card .card-header, .procedure-document .card .card-header, .card-ui .card-header { font-size: 14px; }

    .bank-name { margin-bottom: 1rem; }

    .transaction-list-action-btns { margin-top: 1rem; }

    .trnsction-data-from-react .transformer-tabs a { border-top: none; }

    .trnsction-data-from-react .btn-wrapper-group .btn,
    .trnsction-data-from-react .btn-wrapper-group .btn-custom-toggle .btn,
    .trnsction-data-from-react .btn-custom-toggle .btn { padding: .5rem .50rem; }

    .container-searchBar { position: inherit; bottom: 0; padding-left: 0 !important; padding-right: 0 !important; }

    .banner-text-content { display: none; }

    .dev-guid-banner { display: none !important; }

    .selected-tab { position: relative; padding: 6px 35px 6px 15px; line-height: 30px; }

        .selected-tab:after { display: block; content: ""; position: absolute; top: 50%; right: 15px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid var(--black-color); border-left-color: transparent !important; border-right-color: transparent !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

    .tab-to-dropdown { position: relative; display: block; }

    .card.card-transaction.card-transaction-link { overflow: visible; justify-content: space-between; margin-top: -40px; }

        .card.card-transaction.card-transaction-link .text-link3 { color: var(--black-color); margin: 0px 0px 15px; }

        .card.card-transaction.card-transaction-link:after { display: none; }

    .card-container, .inner-column { margin-bottom: 1rem; }

    .content-section .content-section-title .section-title-span { font-size: 16px; }

    .card.card-transaction.card-transaction-link > span:first-child,
    .card-body-services { padding: .5rem 0; }

        .card-body-services .card-title:after { content: "\f0dd"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 15px; font-size: 18px; top: 10px; }

        .card-body-services .services-collapse-panel { padding: 0; text-align: center; }

    .home-getin-touch .card-icon1,
    .home-getin-touch .card-icon2,
    .home-getin-touch .card-icon3,
    .home-getin-touch .icon-hdi-1,
    .home-getin-touch .icon-hdi-2,
    .home-getin-touch .icon-hdi-3,
    .home-getin-touch .icon-hdi-4,
    .home-getin-touch .icon-hdi-5,
    .home-studies .home-report-icon,
    .home-getin-touch .card-title,
    .home-getin-touch .card-text,
    .home-studies .card-title,
    .home-studies .card-text { margin-bottom: 0; }

    .home-getin-touch .card-title,
    .home-studies .card-title { margin-left: 1rem; }

    .how-do-i .home-getin-touch .card-title { margin-left: 0; margin-bottom: 1rem; }

    .how-do-i .home-getin-touch .card-body > div i { display: none; }

    .home-getin-touch .card-body > div, .home-studies .card-body > div { display: flex; align-items: center; }

    .home-getin-touch .btn-link, .home-studies .btn-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; }

        .home-getin-touch .btn-link:after, .home-studies .btn-link:after { content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 15px; }

    .home-getin-touch .card-body, .home-studies .card-body { position: relative; }

    .share-footer { margin-top: 1rem; }

    .swiper-pagination-new { display: block; bottom: -40px; }

    .home-studies .btn-grey,
    .card-transaction-link .text-link2 { padding: .7rem .75rem; }

    .home-getin-touch .card-icon1, .home-getin-touch .card-icon2, .home-getin-touch .card-icon3, .home-getin-touch .icon-hdi-1, .home-getin-touch .icon-hdi-2, .home-getin-touch .icon-hdi-3, .home-getin-touch .icon-hdi-4, .home-getin-touch .icon-hdi-5, .home-studies .home-report-icon { height: 34px; }

    .home-card-connect .card-body > div .card-icon3 { position: relative; top: 22px; }

    .home-card-connect .share-footer { position: relative; left: 56px; margin-top: 5px; }

    .home-studies .card-text { display: none; }

    .all-services-content { display: flex; align-items: center; justify-content: space-between; width: 100%; }

    .card.card-transaction.card-transaction-link #tr-total-amount { font-size: 24px; }

    .list-group-eservices .btn-favorite { margin-right: -12px; }

    .dsg-logo { max-width: 65%; }

    .how-do-i .card-text { max-width: 80%; }

    .vault-login-container { height: 65vh }

    .mydld-profile > div { justify-content: center; margin-bottom: 1rem; }

    .how-do-i-item .card .card-body { flex-direction: row; flex-wrap: wrap; }

        .how-do-i-item .card .card-body > div { flex-wrap: wrap; }

    .hdi-card-action { margin-top: 1rem; }

        .hdi-card-action .btn-video-link { position: relative; }

            .hdi-card-action .btn-video-link:before { display: none; }

    .userguide-gridView, .user-guide .btn-switch { display: none; }

    .alert-user-notification { align-items: center; justify-content: center; flex-direction: column; text-align: center; padding: 1rem 1rem; }

        .alert-user-notification .alert-body { align-items: center; margin: 0 auto; }

            .alert-user-notification .alert-body p { margin-bottom: 1rem; }

    .panel-with-shadow .panel-notification { height: 100%; }

    .tabs .transaction-tools { flex-direction: column; padding: 0 1rem 1rem; }

    .transaction-tools .filterby-wrap > div { width: 100%; }

    .transaction-table .table thead th, .transaction-table .table tbody td { width: 150px !important; }

        .transaction-table .table thead th:last-child, .transaction-table .table tbody td:last-child { width: 10px !important; }

    .change-password-wrapper { padding: 2rem 1rem; }

    .property-details .flex-grid > div,
    .flex-grid-col-3 .flex-grid > div,
    .flex-grid-col-2 .flex-grid > div { flex: 0 0 100%; max-width: 100%; flex-wrap: wrap; flex-direction: row; }

        .property-details .flex-grid > div > span:nth-child(2n+1) { flex: 0 0 100%; }

        .property-details .flex-grid > div > span { flex: 0 0 100%; }

        .flex-grid-col-3 .flex-grid > div > span:nth-child(2n+1) { flex: 0 0 40%; }

        .flex-grid-col-3 .flex-grid > div > span:nth-child(2n+1) { flex: 0 0 60%; }

    .research-page-card .card .card-footer a, .home-studies .research-page-card .card .card-text a { position: relative; width: auto; height: auto; }

        .research-page-card .card .card-footer a:after, .home-studies .research-page-card .card .card-text a:after { display: none; }

    .home-studies .research-page-card .card .card-text { display: block; }

    .ask-malik-answer-helpful { flex-direction: column; justify-content: space-between; }

        .ask-malik-answer-helpful > div { display: flex; align-items: center; justify-content: space-between; width: 100%; }

            .ask-malik-answer-helpful > div:last-child { margin-top: 15px; }

    .ask-malik-img { margin: 20px 0; }

    .ask-malik-answer { max-height: 300px; }

    .add-more-photo { width: 100%; align-items: center; display: flex; justify-content: center; padding: 10px 0 0; position: inherit; }

    .view-all-procedures { display: flex; position: initial; margin: 0 -15px 10px auto; }

    .mydld-property-detail-tab .transformer-tabs > ul { flex-direction: row; overflow-x: auto; overflow-y: auto; border: none; background-color: transparent; border-bottom: 1px solid var(--bdr); border-radius: 8px 8px 0 0; }

        .mydld-property-detail-tab .transformer-tabs > ul li { display: flex; max-width: 100%; flex: 0 0 auto; }

        .mydld-property-detail-tab .transformer-tabs > ul a { width: auto; position: relative; border-radius: 8px 8px 0 0; }

        .mydld-property-detail-tab .transformer-tabs > ul::after { display: none; }

    .propperty-document { margin-bottom: 1rem; }

    .mydld-property-detail-tab .transformer-tabs a.active,
    .mydld-property-detail-tab .transformer-tabs a:focus { /*background-color: #000000; color: #fff;*/ }


    .mydld-property-detail-tab .transformer-tabs > ul a.nav-link.active:after { content: ''; display: block; width: 90%; left: 5%; right: 5%; height: 4px; background-color: var(--theme-green); border-top-right-radius: 0.5rem; border-top-left-radius: 0.5rem; border: none; margin: 0; position: absolute; bottom: 0px; opacity: 0; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -ms-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease-out; }
    .mydld-property-detail-tab .transformer-tabs > ul a.nav-link.active:focus:after,
    .mydld-property-detail-tab .transformer-tabs > ul a.nav-link.active:hover:after,
    .mydld-property-detail-tab .transformer-tabs > ul a.nav-link.active:after { opacity: 1; }

    .notification-modal { left: 0; right: 0; }

    .nav-item.nav-item-notification { position: relative; }

        .nav-item.nav-item-notification > .nav-link .red-dot { top: 0; }

    .navigation-mobile-view .right-mnu li.nav-item-notification .nav-link:after { position: absolute; content: ""; border-right: 1px solid #ffffff; right: 0; width: 1px; height: 14px; top: 4px; }

    .rental-yeild-boxes .role-box { min-height: 250px }

    .dataTables_wrapper .dataTables_paginate .fg-button { margin-left: 2px; }

    .re-transaction .content-section .content-section-title { flex-direction: column; }

        .re-transaction .content-section .content-section-title .section-title-span { width: 100%; display: flex; }

    .menu-export { margin: 10px; width: 100%; }

        .menu-export > div { margin: 10px; width: 100%; }

            .menu-export > div .btn { width: 100%; padding: 0.475rem 0.5rem; }

    .announcement-modal { top: -25px; }

        .announcement-modal .modal-body { padding: 1rem; }

    .announcement-modal-icon-wrap .announcement-modal-icon { width: 60px; height: 60px; }

    .b-user-card-wrapper .btn-switch { display: none; }

    .card-b-user-new { flex: 0 0 33.333%; width: 33.333%; }
    .services-description-accordion .accordion-header .accordion-button { padding: .75rem 1.25rem }

    .enbd-logo { flex-direction: column; }

        .enbd-logo img { margin-bottom: 10px; width: 200px; }

    .popular-services-list { flex-direction: column; }

        .popular-services-list .form-check-inline { display: flex; }

    .h-section-title { font-size: 24px; }

    .rtl .sticky-footer-right a:last-child, .rtl .sticky-footer-right .chat-fab-link { padding-right: 0; }

    .section-page-title .d-flex.position-relative { display: none !important; }

    .sticky-footer-left,
    .sticky-footer-right { gap: 1rem; }

    .fancybox-css-container .fancybox-content { min-height: 500px !important; }

    .mc-terms-and-conditions div:first-child { border-right: none; border-bottom: 1px solid var(--bdr); }

    .mc-terms-and-conditions div { width: 100%; }

    .nda-main-header { position: inherit; top: 0; }

    .dld-content-text .job-title-user, .dld-content-text .company-title-user { width: 100%; }

    .nda-letter-msg { flex-direction: column; }

        .nda-letter-msg span { width: 100%; }

    .nda-name-id { line-height: normal; }

    .property-summary-panel { flex-direction: column; padding: 10px 1rem; }

    .mollak-map-wrap .col-group-1 { flex-direction: column; }

    mollak-map-content .separator { height: 1px; width: 100%; border-right: none; border-top: 1px dashed rgba(255,255,255,0.5); }

    .mollak-map-wrap .col-group-1 { width: 100%; align-items: normal; max-width: 100%; }

    .mollak-map-wrap .col-group-2 { width: 100%; display: block; }

    .mollak-map-wrap .field-style.select-control { margin-top: 10px; }

    .user-info-div { flex-direction: column; align-items: flex-start; width: 100%; }

        .user-info-div .btn-pcard { white-space: nowrap; }

    .leases-property + .leases-property { margin-top: 1.5rem; }

    .current-investment { margin-top: 1rem; }

    #btnBackToMap { position: absolute; bottom: -40px; right: 0; }

    .rtl #btnBackToMap { left: 0; right: auto; }
    .page-title-text{font-size:22px;}
    /*.form-check-inline + .form-check-inline { margin-top:.875rem;}*/
    .iti{width:100%;}
        .iti .iti__country-container { border-inline-end: 1px solid var(--bdr); z-index: 2; }
            .iti .iti__country-container .iti__selected-country { padding-inline-start: 16px; padding-inline-end: 16px; }
        .iti input.iti__tel-input, .iti input.iti__tel-input[type=tel], .iti input.iti__tel-input[type=text] { padding-left: 108px !important; }
    .old-service-name table tr td{white-space:nowrap;}
    .description-accordion-card .expand-collapse { display:none;}
    .w-25#residencyYear { width: 100% !important; }
    .rtlist-data-grid div.dataTables_wrapper div.dataTables_info { white-space: normal; }
    .auth-container { height: auto; }
    .business-user-dashboard .tr-map-list { display: none; }
    .navd-sidebar .nav-item.sprt-mobile-hide { display: none; }
    .content-section .content-section-title { flex-direction: column; align-items: flex-start; padding-bottom: .5rem; }
    .mydld-title-extra { display: flex; width: 100%; justify-content: space-between; }
    .my-profile .mydld-title-extra { width:auto;}
    .mydld-title-extra .btn-custom-toggle { margin-inline-start: 0; }
    /*start: mydld sidebar*/
    .navd-sidebar,
    .property-details.container-wrapper .navd-sidebar { height: 60px; width: 100%; overflow: hidden; top: 0; position: relative; left: 0; transition: none; margin-bottom: 0; }
        .navd-sidebar > div { display: flex; flex-direction: row-reverse; }
    .navd-sidebar-open .navd-sidebar, .property-details.container-wrapper.navd-sidebar-open .navd-sidebar { width: 100%; height: auto; bottom: auto; /*position: absolute;*/ left: 0; right: 0; transition: none; }
    .navd-sidebar .user-info-d1 .person-name,
    .property-details.container-wrapper .navd-sidebar .user-info-d1 .person-name { opacity: 1; white-space: nowrap; }

    .navd-sidebar .nav-item .nav-link { width: 100%; }
    .mydld-profile { flex-direction: column; align-items: center; }
    .mydld-property-detail-tab .content-section .content-section-title, .mydld-property-detail-tab .role-service-title { flex-direction: column; padding-bottom: 4px; align-items: flex-start; }


    .property-details.container-wrapper > .container,
    .own-dashboard > .container { flex-direction: row; flex-wrap: wrap; }
    .navd-sidebar-open.property-details.container-wrapper .page-content,
    .property-details.container-wrapper .page-content,
    .own-dashboard .page-content { width: 100%; padding: 0; border: none; background-color: transparent; border-radius: 0; }

    .navd-sidebar .nav-tab-list,
    .navd-sidebar .nav-tab-bottom { flex-wrap: wrap; height: auto; }

    .navd-sidebar-open .navd-sidebar .nav-item .nav-link:hover .navd-sb-text { background-color: transparent; }

    .navd-sidebar-open:before, .fthb-select-all-dev { display: none; }
    .green-list-switch .btn-custom-toggle { margin-inline-start:0; margin-top:1rem;}
    .profile-img-link { width: 60px; height: 60px; }
        .profile-img-link img { max-width: 100%; height: auto; }
    /*end: mydld sidebar*/
}

@media (max-width: 991px) {
    #ourValues .row-cols-5>* {width: 33%;}
    
    .mollak-map-content .tabs-unit-details .content-section { flex-direction: column; gap: 0 !important; }

    .mollak-map-content .insurance .transformer-tabs { width: calc(100% - 100px); }

    .owner-db .land-card.border-left { border-left: none !important; }

    .owner-db .portfolio-box > .row { flex-direction: row; }

    .owner-db .portfolio-box .col-3 { max-width: 50%; flex: 0 0 50%; padding-top: 20px; padding-bottom: 20px; }

    .owner-db .portfolio-box .col-6 { max-width: 100%; flex: 0 0 100%; }

    .footer-menu { padding-left: 0 }

    .footer-legal-info .d-flex { flex-wrap: wrap; }

        .footer-legal-info .d-flex .flex-fill { width: 50%; text-align: left; }

    .card.accordion-tabs { border: none; }

    .footer-useful-link li { width: 100%; }

    .banner-section .slider-caption h4 { font-size: 16px; }

    .banner-section .slider-caption.caption2 h1 { font-size: 14px; }

    .banner-section .slider-caption h2 { font-size: 16px; margin: 0 !important; }

    .banner-section .slider-caption h5 { font-size: 16px !important; line-height: normal; margin-top: 18px; }

    .banner-section .slider-caption.caption2 h5 { font-size: 14px !important; line-height: normal; margin-top: 10px; }

    .banner-section .slider-caption.caption2 { margin-left: 200px; }

    .banner-section .slider-caption.caption3 { margin-left: 200px; }

    .buttons-wrap { margin-top: .5rem; }

        .buttons-wrap a { padding: 6px 8px !important; }

    .collapse.navbar-collapse.hidden-mobile, .hidden-mobile { display: none !important; }

    .hidden-desktop { display: block !important; }

    .footer-dark-ul li { width: 100%; border-right: none; border-bottom: 1px solid #fff; margin-bottom: 15px; padding-left: 0; padding-bottom: 15px; }

        .footer-dark-ul li:last-child { margin-bottom: 0; }

    .footer-legal-link li a { padding-right: 10px; }

    .transformer-tabs > ul { overflow: hidden; position: relative; flex-direction: column; gap: 0; border: 1px solid var(--bdr); border-radius: 8px; }

        .transformer-tabs > ul::after { content: "\e910"; position: absolute; top: 6px; right: 15px; z-index: 2; font-family: 'icomoon'; font-size: 24px; pointer-events: none; }

        .transformer-tabs > ul.open::after { content: "\e91c"; }

        .transformer-tabs > ul.open a { position: relative; display: block; }

            .transformer-tabs > ul.open a:hover { }

        .transformer-tabs > ul li { /*display: block;*/ }

        .transformer-tabs > ul > li > a { position: absolute; top: 0; left: 0; width: 100%; height: auto; border-left: none; border-radius: 8px; }
            .transformer-tabs > ul > li > a:after { content:""; display:none;}

    .transformer-tabs a.active { z-index: 1; color: var(--black-color); position: static; padding: .9rem 1rem 1rem; height: 48px; border-bottom: 1px solid var(--bdr); margin-bottom: -1px; }

        .transformer-tabs a.active:before,
        .transformer-tabs a.active:after { display: none; }

/*    .tabs .tabs-search-wrap {
        flex-direction: row;
        gap: 10px;
    }

        .tabs .tabs-search-wrap .transformer-tabs {
        }

            .tabs .tabs-search-wrap .transformer-tabs > ul {
                background-color: #fbfbfb;
            }

                .tabs .tabs-search-wrap .transformer-tabs > ul::after {
                    content: "\f078";
                    position: absolute;
                    top: 15px;
                    right: 5px;
                    font-weight: 900;
                    z-index: 2;
                    font-family: 'Font Awesome 5 Free';
                    pointer-events: none;
                    font-size: 12px;
                }
            .tabs .tabs-search-wrap .transformer-tabs a.active {
                max-width: 100px;
            }  
            .tabs .tabs-search-wrap .transformer-tabs a {
                padding: 14px;
            }*/
    .home-icon-link { display: inline-block; padding: .5rem 10px; }

    .search-i { font-size: 16px; }

    .side-panel .list-group.filter-by-list.filter-panel .list-group-item:first-child { padding: .75rem 1.25rem; }

    .filter-panel { position: fixed; top: 0; z-index: 3; left: 0; right: 0; bottom: 0; background-color: #F7F7F9; display: block !important; transition: all 5s linear; }

        .filter-panel .close-btn { color: #ffffff; float: right; margin-top: -10px; padding: .375rem 0rem; font-size: 20px; font-weight: normal; }

    .side-panel .list-group.filter-panel .list-group-item.filter-by-btn { position: absolute; width: 100%; bottom: 0px; border-bottom: none !important; }

    .export-btn .dropdown .dropdown-menu { right: -47px !important; }

    .map-result-wrapper { position: absolute; top: 0; right: 0px; bottom: auto; }

    .location-result-wrap { max-height: 500px; overflow: auto; }

        .location-result-wrap.no-result-container { min-height: 50px; }

    .map-result-wrapper .close-btn { position: absolute; right: 0px; z-index: 1; color: #fff; top: 1px; background-color: rgba(255, 255, 255, 0.10); border-radius: 0; padding: .1rem .55rem; }

    .map-no-data.location-result-wrap .close-btn { color: var(--black-color); background-color: rgb(245, 245, 245); }

    .home-rest-app-section .application-info { max-width: 50%; }

    .login-panel { margin: 20px auto; height: auto; }

    .login-form-gray { min-height: inherit; }

    .uae-pass-section { padding-bottom: 0 !important; padding-top: 10px !important; }

    .prop-info .list-group .list-group-item span:first-child { flex: 0 0 30%; max-width: 30%; }

    .prop-info .list-group .list-group-item span:last-child { flex: 0 0 70%; max-width: 70%; }

    .project-filters { display: block !important; }

    .flex-grid > div { flex-direction: column; }
    .flex-grid > div > span:nth-child(2n+1) { flex: 0 0 100%; }

    .flex-grid > div > span { flex: 0 0 100%; }

    .c-switch { margin-top: 0px; }

    .m-l-switch { display: flex; }

    .success-msg p { width: 100%; }

    .unit-graph.border-left { border-left: none !important; }

    .price-indes-detail .nav.nav-pills, .price-indes-detail .tab-content { margin-bottom: 5px; }

        .price-indes-detail .tab-content > .tab-pane { padding: 10px; border: 1px solid #4a77d6; }

            .price-indes-detail .tab-content > .tab-pane h4 { font-size: 20px; }

            .price-indes-detail .tab-content > .tab-pane p { margin-bottom: 0; }

    .price-indes-detail .nav .nav-link { border-top: 1px solid rgba(15, 54, 97, 0.2); border-right: 1px solid rgba(15, 54, 97, 0.2); border-bottom: 1px solid rgba(15, 54, 97, 0.2); }

    .indexes-information { flex-wrap: wrap; justify-content: flex-start; padding: 10px 0; margin-bottom: 0; }

        .indexes-information > div { margin-bottom: 10px; }

            .indexes-information > div:last-child { margin-bottom: 0px; }

    .form-spacer { display: none; }

    .transaction-search-btn { height: auto; padding-top: 0; padding-bottom: 15px; }

    .report-text { display: none; }

    .rental-index-page-dubai-rest { width: 100%; margin-bottom: 20px; }

        .rental-index-page-dubai-rest .alert-info { text-align: left; margin-bottom: 16px; padding: .375rem 1.25rem; }

        .rental-index-page-dubai-rest .DubaiRest_UI { display: flex; background-color: #fbfbfb; padding: 25px; flex-direction: column; width: 100%; text-align: center; }

        .rental-index-page-dubai-rest .rest-description { margin-left: 25px; display: flex; flex-direction: column; justify-content: center; }

            .rental-index-page-dubai-rest .rest-description .rest-title { font-size: 18px; font-weight: 600; margin-top: 20px; }

            .rental-index-page-dubai-rest .rest-description .description-text { font-size: 14px; }

    .video-speaker-name { flex-direction: column; align-items: flex-start; }

    .profile-panel-btn { display: block; }

    .profile-sidebar-body { display: none; }

    .profile-panel-btn ~ .btn-check:checked ~ .profile-sidebar-body { display: block; }

    .profile-avatar { display: flex; align-items: center; justify-content: start; width: 100%; }

    .profile-sidebar-header .avatar { margin: 0 1rem; width: 60px; height: 60px; }
    /*.myddl-dashboard .my-property .card, .quick-action .card { margin-bottom: 1.5rem; }*/
    .dld-footer { height: auto; padding: 1rem 4px 1rem; }

        .dld-footer span { display: none; }

    .sticky-footer-left a,
    .sticky-footer-right a,
    .sticky-footer-right .chat-fab-link { width: 48px; height: 48px; background-color: #fff; border-radius: 100%; box-shadow: 0 0 20px 0 rgb(183 183 183 / 30%); padding: 0; }

    .rtl .sticky-footer-left a:first-child { padding-left: 0; }

    .rtl .sticky-footer-right a:last-child { padding-right: 0; }

    .navigation-mobile-view .search-ddl-mobile .dropdown-menu #formSearch { display: flex; align-items: center; justify-content: center; position: relative; }

    .footer-dark { padding-bottom: 4px }

        .footer-dark a { text-decoration: underline; margin-bottom: .5rem; }

    .nav-tabs { overflow-x: auto; overflow-y: auto; flex-wrap: nowrap; }

        .nav-tabs li { display: flex; max-width: 100%; flex: 0 0 auto; }

    .mollak-map-content .transformer-tabs { margin-bottom: 16px; }

    .transaction-table .dt-empty-footer .dt-layout-row:first-child { display: flex; align-items: end; }

    .transaction-table .dt-empty-footer .dt-search { position: relative; }

        .transaction-table .dt-empty-footer .dt-search label[for="dt-search-0"] { margin-bottom: 0; position: absolute; font-size: 12px; left: 12px; top: -8px; background-color: #ffff; padding: 0 6px; }

    .transaction-table .dt-empty-footer .dt-length label[for="dt-length-0"] { margin-bottom: 0; font-size: 12px; }
    .dcard-list-view .card.company-dcard { align-items: flex-start; flex-direction: column; }
    .dcard-list-view .company-dcard.card .card-body { width: inherit; padding: 16px 20px; }
    .dcard-list-view .company-dcard .card-body .service-name { align-items: center; }
    .dcard-list-view .company-dcard.card .card-body > .service-description { display: flex; }
    .dcard-list-view .company-dcard .card-body .service-name .service-description.des-list-view { display: none; }
    .dcard-list-view .company-dcard .card-body .wrap-nameicon { flex-direction: inherit; }
    .dcard-list-view .card-ts2 .card .card-footer { width: 100%; border-top: 1px solid #E4E2E6; border-inline-start: none; flex-direction: row; }
        .dcard-list-view .card-ts2 .card .card-footer .btn { width: 50%; }
    .footer-lbl { margin-top: 0; flex-direction: row; flex-wrap: wrap; row-gap: .25rem; column-gap: 1rem; }
    .footer-info-txt { flex-direction: column; margin-bottom: 1rem; text-align: left; }
    .txt-copyright { text-align: start; }


    .btn-ftr-floating { line-height: 48px; padding: 0; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; margin: 0; box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12); background-color: #fff; text-decoration: none !important; color: #fff; position: relative; overflow: hidden; z-index: 1; border-radius: 50%; transition: background-color .3s; cursor: pointer; vertical-align: middle; }
    .scroll-move .btn-ftr-floating { box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12); }
    .ftr-floating-overlay:before { content: ""; z-index: 1060; transition: all 0.3s ease; background: rgba(52, 64, 84, 0.7); backdrop-filter: blur(8px); position: fixed; width: 100%; height: 100%; top: 0; left: 0; }
    .btn-ftr-floating i { font-size: 24px; line-height: 23px; width: auto; display: inline-block; text-align: center; color: var(--theme-green); }
    .btn-ftr-floating[aria-expanded="true"] .icon-m_more_horiz:before { content: "\e91c"; }
    .ftr-floating-overlay .dld-footer { z-index: 1061; }

    .dld-footer > .container-fluid { padding-left: 24px; padding-right: 24px; }
    .sticky-footer-right { transition: all 0.3s; bottom: 10px; margin: 0; padding: 12px 12px 66px; height: auto; background: #fff; border-radius: 72px; width: 72px; inset-inline-end: 5px; text-align: center; position: absolute; }
        .sticky-footer-right a { line-height: 32px; margin: 0; background-color: #fff; width: 48px; box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12); text-decoration: none; position: relative; overflow: hidden; border-radius: 50%; border: none; }
            .sticky-footer-right a + a { margin-top: 8px; }
            .sticky-footer-right a i { position: inherit; left: 0; right: 0; }
        .sticky-footer-right .sticky-footer-text { display: none; }
    .social-link-wrap { gap: 2rem; justify-content: center }
    .ftr-dld-logo{text-align:center;}
    .mydld-profile { flex-wrap: wrap; justify-content: center; }
}

@media (max-width: 768px) {
    .rei-section { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }

    .paperless-section h1, .paperless-section p { color: #fff; }

    .paperless-section .paperless-body { padding: 0 !important; margin-top: 0; }

    .paperless-section .btn { margin-bottom: 15px; }

    .paperless-img { top: 0; position: relative; margin-top: 15px; }

    .support-section .heading-support .btn { top: 0; right: 15px; }

    .highcharts-figure, .highcharts-data-table table { min-width: 225px; }

    .gov-logo .gov-dubai { width: 90px !important; height: auto; }

    .gov-logo .gov-dld { width: 55px !important; }

    .national-brand-logo > a > img { width: 65px; }

    .paperless-img img { width: 50% !important; }

    .banner-section .slider-caption.caption2 { margin-left: 220px; width: 55%; }

    .banner-section .slider-caption.caption3 { width: auto; }

    .banner-section .slider-caption.caption2 h5 { font-size: 14px !important; }

    .banner-section .slider-caption.caption2 .buttons-wrap a { font-size: 12px; }

    .brokers-img-box { text-align: center; margin-bottom: 25px; }

        .brokers-img-box img { margin: 0 auto; float: none; }

        .brokers-img-box h6 { margin-left: 0; }

    .social-link { margin-top: 26px !important; }
    /*.company-info a { width: 19%; }*/
    .footer-dark .locate-us span, .footer-dark .locate-us p { margin-left: 30px; }

    .modal-search-panel .modal-full .modal-content button.close { margin-top: -5px; }

    #offCanvasSidebar.modal-search-panel .modal-full .modal-content button.close { margin-top: -18px; }

    .share-this-page .prepend-grey-bg .test { width: 100%; }

    .brokers-img-box-stars { float: none !important; display: block; margin-top: 10px; }

    .view-all-tran { width: 100%; }

    .land-result-wrap .card-header,
    .makani-result-wrap .card-header,
    .mun-result-wrap .card-header { height: 100%; }

        .land-result-wrap .card-header a,
        .makani-result-wrap .card-header a,
        .mun-result-wrap .card-header a { font-weight: normal; background-color: #fbfbfb; padding: 8px 0px; position: relative; right: 0; top: 0; float: left !important; width: 100%; }

            .land-result-wrap .card-header a i,
            .makani-result-wrap .card-header a i,
            .mun-result-wrap .card-header a i { margin-left: 0 !important; }

    .project-reg-process .card-title,
    .project-reg-process .card-text { font-size: 14px; }

    .inspection-detail-panel .card .progress-label { font-size: 14px; }

    .smart-city-video-section .video-image { display: block; margin: 0 auto; text-align: center; }

    .home-rest-app-section .application-info { padding: 40px 0; max-width: 100%; }

        .home-rest-app-section .application-info h2 { font-size: 1.5rem; }

        .home-rest-app-section .application-info h4 { font-size: 1rem; }

    .home-rest-app-section .description-app { line-height: normal; }

    .smart-city-video-section .smart-city-description { max-width: 100%; }

    .new-section-heading { font-size: 20px; padding: 0px 0px 4px 10px; }

    .btn-view-more { top: 0; }

    .report-download-link a { display: block; }

    .property-info-summary .property-icon { margin: 6px 0; width: 48px; height: 48px; }

    .property-info-summary > div:first-child,
    .property-info-summary > div:last-child { margin-left: 0; }

    .support-section .card-support { margin-top: 0; margin-bottom: 15px; flex-direction: row; text-align: left; align-items: center; padding-bottom: 10px; }

        .support-section .card-support picture { margin: 0 auto; height: auto; }

            .support-section .card-support picture img,
            .support-section .card-support picture source { width: 90px !important; height: 90px !important; }

        .support-section .card-support .card-title { font-size: 14px; margin-bottom: .2rem; text-align: left; }

        .support-section .card-support .card-text { font-size: 14px; text-align: left; }

    .report-archive-grid.table-striped thead td, .report-archive-grid.table-striped thead th { width: 100%; }

    .report-archive .report-archive-grid tr td:last-child i { font-size: 22px; }

        .report-archive .report-archive-grid tr td:last-child i.fa-file-pdf { margin-left: 10px; }

    .report-archive .download-archive-report .report-name { margin-bottom: 10px; }

    .report-archive .download-archive-report .report-name,
    .report-archive .download-archive-report .btn-report-downlaod { flex: 0 0 100%; max-width: 100%; text-align: left; }

    .unit-graph:after, .building-graph:after,
    .owner-db .portfolio-box .col-wrapper.col-wrapper-border:after { display: none; }

    .owner-db .portfolio-box .col-3.col-wrapper { max-width: 100%; flex: 0 0 92%; }

    .owner-db .portfolio-box .col-wrapper.col-wrapper-border { border-bottom: 1px solid #dee2e6; width: 100%; }

    .login-landing-uae-pass { height: auto; background-position: right; padding: 30px 0 }

    .login-card { margin-bottom: 2rem; }

    .wizard-card .info-text { display: block; }

    .rental-calculator-info-msg { margin-bottom: 0 !important; border: none; background-color: #fbfbfb !important; }

        .rental-calculator-info-msg .dyk-img-box { display: none; }

    .relationship-manager .manager-detail > div { flex: 0 0 100%; max-width: 100%; }

    .owner-db .portfolio-box .total-properties:first-child, .owner-db .portfolio-box .total-worth:first-child { font-size: 24px; }

    .rental-yeild-boxes { justify-content: start; }
    /*...home page max 768...*/
    .home-studies .card .card-footer { padding: .75rem 15px; }

    .home-studies { padding: 2rem 0 2rem; }

    .view-all-transaction-box .card-body span { display: flex; align-items: flex-end; background-color: rgba(255, 255, 255, 0.70); border: 1px solid #fbfbfb; padding: 15px; border-radius: 100%; margin-top: 20px; }

        .view-all-transaction-box .card-body span i { font-size: 14px; display: inline-block; }

    .transaction-date { font-size: 14px; font-weight: normal; }

    .transaction-title-wrapper { display: flex; justify-content: space-between; margin-bottom: 15px; align-items: center; }

    .role-owner-sub-title,
    .role-owner-des { display: none; }

    .dashboard-user-title .dashboard-user-title-inner { display: block; }

    .pagination-static-table .pagination .page-item { display: none; }

        .pagination-static-table .pagination .page-item.active,
        .pagination-static-table .pagination .page-item.first-page-link,
        .pagination-static-table .pagination .page-item.pre-page-link,
        .pagination-static-table .pagination .page-item.next-page-link,
        .pagination-static-table .pagination .page-item.last-page-link { display: inline-flex; }

    .property-details .page-title > div:last-child .btn-custom-toggle .btn { padding: .375rem .50rem; }

        .property-details .page-title > div:last-child .btn-custom-toggle .btn i { display: none; }

    .property-info-summary > div:first-child { margin-left: 20px; }

    .property-info-summary > div:last-child { margin-left: 0; border-bottom: 1px solid #e4e4e4; }

    .trnsction-data-from-react .owner-db .portfolio-box { margin-left: 5px; margin-right: 5px; margin-bottom: 5px; width: 45%; display: inline-flex; position: relative; padding: .325rem; height:100px;}

        .trnsction-data-from-react .owner-db .portfolio-box.mt-2 { border-right: none; }

        .trnsction-data-from-react .owner-db .portfolio-box:first-child { border-right: 1px solid var(--bdr); }

        .trnsction-data-from-react .owner-db .portfolio-box.t-property-count { width: 92.25%; padding: 0; margin-bottom: 10px; }

    .trnsction-data-from-react .t-property-count > div { width: 50%; padding: 12px; }

        .trnsction-data-from-react .t-property-count > div:nth-child(2) { border-left: 1px solid var(--bdr); border-right: 1px solid var(--bdr); }

    .trnsction-data-from-react .btn-wrapper-group { margin-right: 0; }

        .trnsction-data-from-react .btn-wrapper-group .btn,
        .trnsction-data-from-react .btn-wrapper-group .btn-custom-toggle .btn { width: 100%; }

    .trnsction-data-from-react .transformer-tabs > ul li { margin-right: 0px; }

    .trnsction-data-from-react .transformer-tabs > ul::after { top: 3px; right: 12px; color: #fff; }

    .trnsction-data-from-react .transformer-tabs > ul.open::after { color: #1D58A5; }

    .card.trnsaction-graph-boxes,
    .trnsction-data-from-react .tabs { /*border: none; box-shadow: none;*/ }

    .trnsction-data-from-react .tabs { /*padding-left: 0; padding-right: 0;*/ }

    .property-type-btn .btn:first-child { margin-left: 0 !important; }
    .trnsction-data-from-react .property-type-btn { gap: 1rem; }
    .trnsction-data-from-react #rptRange { margin-left: 0 !important; width: 100%; }

    .trnsction-data-from-react .highcharts-figure { margin-left: 0; margin-right: 0; min-width: max-content; }

    .price-index-filter + .row.g-0 { margin-left: -15px; margin-right: -15px; }

    .alert-firstSecondSale { flex-direction: column; }

    .status { padding: 0rem 2rem 0 0 !important; }

    .trnsction-data-from-react .trnsaction-graph-boxes .owner-db { padding-left: 15px; padding-right: 15px; text-align: center; }

    .go-paperless-img img { width: 310px; margin-bottom: 1rem; }

    .mandatory-field-info small { font-size: 12px; }

    .project-status-info li { width: 50%; }

    .list-tools .view-changer,.list-tools .badge.no-icon { display: none; }

    .service-list-content .card-header .btn { font-weight: normal; padding: .8rem .5rem; }

        .service-list-content .card-header .btn:before { display: none; }

    .service-list-content .card-body { padding: 0; }

    .service-list-content .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; }

    .service-list-content .list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

    .service-list-content .list-group-item { border-left: none; border-right: none; }

    .logo-emart { width: 100%; text-align: center; top: 20px; }

        .logo-emart img { width: 167px; margin: 0 auto; }

    /*.sso-app-item { min-height: 125px; }*/

    .btn.relationship-manager-title { margin-top: 1rem; }

    .news-media-details .card-container { margin-bottom: 15px; }

    .description-action-panel .card-body { flex-direction: column; }

    .description-action-panel .btn { margin-right: 0; width: 100%; margin-bottom: 1rem; justify-content: center; }

        .description-action-panel .btn.btn-share-component { margin-bottom: 0; }

    .description-action-panel .share-component .share-this-page .prepend-grey-bg,
    .description-action-panel .share-content,
    .description-action-panel .share-component { width: 100%; left: 0; }

        .description-action-panel .share-component .share-page { justify-content: center; }

    .card-record-not-found { flex-direction: column; }

        .card-record-not-found .text-no-record { margin-left: 0; }

    .search-title-broker { margin-top: 1.5rem; }

    .message-search-count { margin-top: 0; margin-bottom: 0; }

    .service-description-page .faqs-link-for-all-services { margin: 1rem 0 0 0; }

    .indexes-card .section-title-span { max-width: 200px; }

    .property-charge .list-group-item { flex-direction: column; align-items: center; padding-left: 0.6rem; }

        .property-charge .list-group-item > span { font-weight: bold; }

        .property-charge .list-group-item > div { margin-top: 10px; }

    .property-charge .service-charge-title > div { display: none; }

    .property-charge .service-charge-title ~ .list-group-item > div span.hide { display: block !important; }

    .property-charge .service-charge-title ~ .list-group-item > div span { flex-direction: column; }

    .property-charge .list-group-item > div span:first-child { margin-right: 0; }

        .property-charge .list-group-item > div span:first-child:after { content: "Quarterly"; display: inline-block; }

    .property-charge .list-group-item > div span:last-child:after { content: "Yearly"; display: inline-block; }

    .serivce-charge-index-calc .title-sc-index.service-charge-title { align-items: start; }
    /*.dld-sub-header { display: flex; align-items: start; }*/
    .section-page-title { padding-top: 1.5rem; }

    .btn-w-100, .btn-w-100 .btn { width: 100%; }

    /*.dld-main-header { margin-bottom: 60px; }*/

    .card-b-user-new { flex: 0 0 50%; width: 50%; }

    .dld-content-text { text-align: inherit; }

        .dld-content-text .name-user-s,
        .dld-content-text .id-user-s { margin-bottom: 10px; display: inline-block; }

    .nda-stepper .StepperContainer-0-2-1 { top: 72px; }

    .user-info-div { flex-direction: inherit; }

    .p-profile-card { align-items: inherit; }

        .p-profile-card .avatar { margin-top: 16px; min-width: 70px; min-height: 70px; }
    /*.dd-user-info { gap: 1rem; }*/

    .my-dld-action.head-card .service-icon { min-width: 24px; min-height: 30px; max-width: 24px; max-height: 30px; }

    .mydld-chart .highcharts-background { fill: white !important; }

    .dt-scroll-head .dt-scroll-headInner table.dataTable.no-footer { border: none; }

    .gm-style .gm-style-iw-c { max-width: 280px !important; }

    .card-map-pin .card-title { margin-top: .5rem; }
    .search-panel-wrap .row-form-sp{width:100%;}
    .search-panel-wrap .row-form-sp > .row{ /*gap:1rem;*/ }
    .search-panel-wrap .card-body { flex-direction: column; }

        .navd-sidebar .user-info-d1 { width: 100%; margin-bottom: 0; }
    .btn-sidebar-toggle { display: flex; }
    .navd-sidebar .nav-tab-list { flex-direction: column; transition: all .3s; }
    .panel-msg { gap: 1rem; }
    .navd-sidebar .btn-sidebar-toggle.active ~ .nav-tabs.nav-tab-list { height: auto }
    .card-daily-log .card-title { flex-direction: column; gap: 1rem; align-items: self-start; padding: 1rem; }
    .daily-log-search { width: 100%; }
    .daily-log-filter { flex-direction: column; padding: .5rem 1rem 1rem; }
    .daily-log-filter .dfilter-type { flex-direction: column; width: 100%; margin-bottom: 1rem; }
    .daily-log-filter > div:last-child { flex-direction: row; flex-wrap: wrap; gap: .5rem; }
    .daily-log-filter .btn-custom-toggle { margin-inline-start: 0; }
    .daily-log-filter > div:last-child .btn-grey { margin-inline-start: 0; }
    .daily-log-hint { flex-direction: column; gap: 1rem; }
    .dt-cfooter { flex-direction: column; }
    .btn-switch-user{margin-bottom:1.25rem;}
    .auth-container .container.mw-1100 #businessUser > .col-xxl-6.col-xl-6:first-child { order: 2 }
    .auth-container .container.mw-1100 #businessUser > .col-1.d-flex.align-items-center { order: 1 }
    .auth-container .container.mw-1100 #businessUser > .col-xxl-5 col-xl-5 :last-child { order: 0 }
    .col-uaepass > .text-center{display:none;}
    .auth-container .container.mw-1100 #businessUser .btn-login-uaepass { margin: 0 auto !important; }
}

@media (max-width: 767px) {
    #ourValues .row-cols-5>* {width: 50%;}
     #visionMission  .row-cols-3>* {width: 50%;}
    .services-description-accordion > div {width:100%;}
    .owner-db .villa-card div:nth-child(2) { border: none !important }

    .section-heading small { display: none; }

    .nav-tabs .nav-link { margin: 0 5px; }

    .inner-modal-search-panel form input::placeholder { font-size: 16px !important; }

    .banner-section .slider-caption.caption3 { margin-left: 150px; }

    .banner-section .slider-caption.caption2 h1 { font-size: 12px; }

    .banner-section .slider-caption.caption2 .buttons-wrap a { font-size: 12px; margin-bottom: 10px; }

    .social-link { margin: 0 auto 10px !important; }

    .company-info a { width: 33%; margin: 10px 0px; }

    .share-this-page .prepend-grey-bg .test { width: auto; }

    .img-title-deed-verification > div { float: none; margin-right: 0; text-align: center; }

    .img-title-deed-verification > span { margin-top: 0px; margin-bottom: 0; text-align: center; max-width: 100%; float: none; }

    .rental-index-popup-img { display: none; }

    .cs-loader-inner { width: 100%; }

    .card-detail h5 { font-size: 14px !important; }

    .card-detail .logo-box.smaller { height: 100%; }

    .project-status-detail p { font-size: 14px; }

    .slider-building .building-wrapper { margin-left: 0; }

    .r-box-s, #area-info .custom-control-label { font-size: 14px; }

    .source-filter,
    .procedureType-filter { margin-top: 10px; }

    div.dataTables_wrapper .dataTables_length { margin-bottom: .2rem; float: left }

    div.dataTables_wrapper div.dataTables_filter { margin-top: 0; }

    .compatibility-info .text-left,
    .compatibility-info .text-right,
    .copyright-info .text-right { text-align: left !important; }

    .login-form-gray h4 { font-size: 18px; }

    .owner-db .table-title { position: static; padding: 0; text-align: left; margin-bottom: 10px; margin-top: 10px; }

    .prop-info .list-group .list-group-item, .zone-info .list-group .list-group-item { display: inline-grid; }

        .prop-info .list-group .list-group-item span:first-child,
        .prop-info .list-group .list-group-item span:last-child,
        .zone-info .list-group .list-group-item span:first-child,
        .zone-info .list-group .list-group-item span:last-child,
        .prop-info.requester-detail .list-group .list-group-item span:first-child,
        .prop-info.requester-detail .list-group .list-group-item span:last-child { flex: 0 0 100%; max-width: 100%; }

    .dataTables_wrapper > .row:last-child .dataTables_paginate { float: none; text-align: center; }

        .dataTables_wrapper > .row:last-child .dataTables_paginate .pagination { display: inline-block; }

    .property-info-summary { display: block; }

        .property-info-summary > div:first-child { padding: 0; border-top: none; }

        .property-info-summary > div { flex-direction: row; text-align: left; border-top: 1px solid #e4e4e4; }

            .property-info-summary > div.seperator-v { display: none; }

            .property-info-summary > div > span:first-of-type { -ms-flex-order: 1; order: 1; flex: 0 0 62%; padding: 8px; background-color: #fff; }

            .property-info-summary > div > span:last-of-type { flex: 0 0 38%; padding: 8px; }

    .swiper-button-play-p { display: none; }

    .indexes-info-box { display: inline-block; flex-direction: row; width: 100%; }

        .indexes-info-box .dyk-img-box img { border-radius: 100% !important; }

        .indexes-info-box > div { padding: 0 15px; margin: 0; }

            .indexes-info-box > div h4 { padding-left: 45px; }
    /*.property-type-btn > div:first-child { margin-bottom: 16px; }*/
    .price-index-filter > div { display: flex }

        .price-index-filter > div .btn { flex: 1 1 100%; max-width: 100%; min-width: inherit; }

    .lead-innovation,
    .moshaer-banner,
    .dld-banner { align-items: center; justify-content: center; }

        .lead-innovation img { max-height: 370px; }

        .moshaer-banner img { max-height: 312px; max-width: inherit; }

    .indexes-information > div { flex: 1 1 100%; max-width: 100%; }

    div.dataTables_wrapper div.dataTables_filter { width: 50%; }

        div.dataTables_wrapper div.dataTables_filter input { width: 70% !important; }

    .download-list .list-group-item-action .pdf-icon,
    .download-list .list-group-item-action .jpg-icon,
    .download-list .list-group-item-action .excel-icon { margin-top: 5px; }

    .dld-sample-tem { text-align: center; }

        .dld-sample-tem .template-description-zip { text-align: left; }

    .sso-seprator { display: none; }

    .sso-app-item { margin-bottom: 15px; }

    .prop-info.participant-info .list-group .list-group-item span:first-child { flex: 0 0 100%; max-width: 100%; }

    .prop-info.participant-info .list-group .list-group-item span:last-child { flex: 0 0 100%; max-width: 100%; }

    .dld-banner img { max-height: 420px; max-width: inherit; }

    .rdc-banner-img { display: flex; justify-content: flex-start; }

        .rdc-banner-img img { max-height: 310px; max-width: inherit; }

    .dashboard-user-title { flex-direction: column; margin-bottom: 1rem; align-items: flex-start; }

    .owner-db.container-wrapper .user-guild-link { float: none !important; margin-top: 1rem; }

    .register-action { flex-direction: column; margin-bottom: 0; }

        .register-action .btn:first-child { margin-right: 0; margin-bottom: 10px; }

        .register-action .btn { width: 100%; }

    .dashboard-user-action { display: none; }

    .export-btn { float: none; margin-left: 0; margin-bottom: 1rem; }

    .design-element { width: 35px; height: 45px; position: absolute; left: 15px; top: 23px; }

    .indexes-info-box:before { display: none; }

    .btn-indexes-download { top: -61px; }

    .introDLDlogo,
    .introFooter { min-width: 300px; }

    .res-mobile { margin-top: 5px }

    .icon-date-calendar, .icon-time, .icon-pin { height: 22px; margin-right: 0; margin-bottom: 10px; }

    .res-banner-img picture { display: flex; justify-content: center; padding: 20px 0 0px; align-items: flex-start; }

    .home-slider-services-nav { display: inline-flex; float: right; top: -18px; }

    .index-graph-boxes .detail-link { width: 200px; text-align: right; }

    .indexes-info-box > div.design-element { display: none; }

    .section-page-title { height: auto; max-height: 150px; padding: .5rem 0; }

        .section-page-title > .container .page-title-text { font-size: 18px; }

    .h-section-title-wrap { align-items: start; flex-direction: column; }

    .auth-title { align-items: flex-start; flex-direction: column; font-size: 20px; margin-bottom:0; }

    .forgot-password-link, .btn-switch-user { margin-top: 10px; }

    .project-status-detail h6, .project-status-detail .project-status-detail-title { max-width: 170px; }

    .bank-card { padding: 0.75rem 1rem; }

    .container { padding-left: 24px; padding-right: 24px; }
    .breadcrumb-custom > .container{padding-left:0; padding-right:0;}

    .card-b-user-new { flex: 0 0 100%; width: 100%; }

    .user-info-div { flex-direction: column; }

        .user-info-div .btn-pcard { margin-top: 1rem; }

    div.dt-container div.dt-search { text-align: right; }

    .rtl div.dt-container div.dt-search { text-align: left; }

    div.dt-container div.dt-search input { max-width: 110px; }

    .property-type-btn { padding: 8px; flex-direction: column; gap: .5rem; align-items: flex-start; }
        .property-type-btn .btn-custom-toggle { margin-inline-start: 0; }

    .transaction-table .dt-layout-cell.dt-full.table { overflow: auto; }
    .auth-container.sso-wrap .uae-pass-registration { display: none; }
    .msg-owner-register { margin-bottom: 1rem; margin-top: 0; padding: 10px; }
        .msg-owner-register:before{display:none;}
        .msg-owner-register + .chose-signin-option.mb-3 { flex-direction: column; }
    .fthb-journey .ds-form > .content-section-title { flex-direction: column; align-items: start; }
        .fthb-journey .ds-form > .content-section-title .btn-grey.btn-edit { width: 100%; }
}

@media (max-width: 576px) {
    #ourValues .row-cols-5>* {width: 100%;}
     #visionMission  .row-cols-3>* {width: 100%;}
    .ui-datepicker.ui-widget { height: 310px; width: 310px; padding: 10px; }
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { height: 39px; line-height: 39px; width: 39px; }
    /*body { padding: 80px 0 60px; }*/
    .news-list-description { display: none; }

    .pdf-tempalte { max-width: 99%; flex: 0 0 100%; }

    .news-detail-section .news-artile-img { height: 200px; margin: 0 0px 15px auto }

    .strategic-partners-logo { height: auto; }

    .export-btn .btn-custom-toggle { margin-bottom: 1rem; }

    .btn-wrapper-group .btn-wrapper-export,
    .btn-wrapper-group .view-changer { display: inline-flex; }

    .filterBy-list.show:before { content: ""; position: fixed; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background-color: rgba(0, 0, 0, 0.5); opacity: .9; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; }

    .trnsction-data-from-react .owner-db .portfolio-box .total-properties,
    .trnsction-data-from-react .owner-db .portfolio-box .total-worth { flex: 0 0 100%; max-width: 100%; text-align: center; }

    .trnsction-data-from-react .owner-db .portfolio-box .skyline-icon,
    .trnsction-data-from-react .owner-db .portfolio-box .fund-icon { position: absolute; right: 10px; opacity: 0.4; }

    .trnsction-data-from-react .owner-db .portfolio-box .fund-icon { width: 85px; max-width: 35%; }

    .eid-modal { margin-left: 1rem; margin-right: 1rem; margin-top: -10px; }

    .container { max-width: 540px; }

    .dld-footer .container { padding-left: 0; padding-right: 0; }

    .dld-footer__section { width: 50px; }

    .dld-footer__icon-wrapper { width: 50px; }

    .dld-main-header { display: none; }

    .dld-sub-header { top: 0; }

    .menu-open .sub-nav-position-m { top: 0; }

    .dld-main-header__logo { height: 40px; }

    .dld-logo-for-mobile.dg { z-index: 1; background-color: #fff; padding: 0 1rem .5rem; align-items: center; justify-content: center; margin-top: auto; position: fixed; left: 0; right: 0; bottom: 0; }

    .menu-container, .navbar-custom { padding: 0; }

        .menu-container .navbar-collapse.collapse.show ~ .dld-logo-for-mobile.dg { display: flex !important; box-shadow: 0px -2px 6px rgb(0 0 0 / 5%); }

    .dld-logo-for-mobile.dg .dld-main-header__gov-logo { height: 55px; }

    .dld-main-header { margin-bottom: -20px; }

    .auth-container-inner { min-width: inherit; padding: 1rem; width: 100%; }

        .auth-container-inner .captcha-control div { width: 270px !important; }

    #businessUser .chose-signin-option .form-check-inline { min-width: 115px; }

    .rtl #businessUser .chose-signin-option .form-check-inline { min-width: 135px; }

    .chose-signin-option.mb-3 { display: inline-flex; gap: .5rem; }

    .uae-pass-wrapper { margin-top: 10px; padding-bottom: 10px; }

    .sso-or-div, .seprator-or-div { margin-bottom: 20px; margin-top: 10px; }

    .search-ddl-mobile .dropdown-menu { position: fixed; top: 72px; left: 0; width: 100%; background-color: #fbfbfb; padding: 0.5rem 0; transition: all 0.7s ease 0s; margin: 0; border-radius: 0; border: none; display: none; }

        .search-ddl-mobile .dropdown-menu.show { display: flex; }

        .search-ddl-mobile .dropdown-menu form { width: 100%; align-items: center; justify-content: center; position: relative; padding: 0 1rem; }

            .search-ddl-mobile .dropdown-menu form .search__input { width: 100% !important; border-radius: 30px; margin: 0 !important; }

    .search-ddl-mobile.search-ddl-mobile.dropdown.dld-sub-header__actions { position: inherit; }

    .autocomplete-suggestions { min-width: inherit; }

    .mobile-search-icon { border: none; background-color: transparent; display: flex; padding: 0.5rem 0; display: inline-flex; }

        .mobile-search-icon.dropdown-toggle::after { display: none; }

        .mobile-search-icon i { position: inherit; }

    .navbar-header-wrapper { padding: 1rem 1.25rem; z-index: 1; }

    .navbar-nav > .nav-item > .nav-link,
    .navbar-nav > .nav-item.dropdown .dropdown-menu li > a,
    .navbar-nav > .nav-item .dropdown-submenu > .dropdown-menu li a { margin: 0 1.25rem; }

    .dropdown-user .dropdown-menu { position: fixed; }

    .mobile-menu-title { font-weight: 600; }

    .quick-link-mobile { list-style: none; padding: 0; margin-top: 1rem; z-index: 1; }

        .quick-link-mobile .dropdown .btn { display: flex; align-items: center; position: relative; background-color: #f5f5f5; height: 41px; }

            .quick-link-mobile .dropdown .btn:before { content: "\e91e"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; margin-right: 10px; }

    .rtl .quick-link-mobile .dropdown .btn:before { margin-left: 10px; margin-right: 0; }

    .quick-link-mobile .dropdown.dropdown-user .btn:after { display: none; }

    .quick-link-mobile .nav-item .dld-sub-header__btn { margin: 0; }

    .quick-link-mobile > .nav-item > a { display: flex; align-items: center; justify-content: space-between; margin: 0 15px; }

    .dropdown-user .dropdown-menu { top: auto; bottom: 120px; margin-bottom: 0.5rem; min-width: inherit; left: 10px; right: 10px; }

    .quick-link-mobile .dropdown .dropdown-menu .ddl-title { font-weight: 600; }

    .quick-link-mobile .user-definition { margin-top: -1px; }

    .quick-link-mobile .dropdown .btn.show:after { content: ""; display: block; width: 100%; height: 100%; position: fixed; top: 72px; left: 0; right: auto; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background-color: rgba(0, 0, 0, 0.5); opacity: .9; z-index: -1; border: none !important; margin: 0; }

    .btn-mic { right: 25px; z-index: 0; opacity: 1; }

    .rtl .btn-mic { left: 25px; }

    .msg-wrapper .msg-wrapper-inner { min-width: inherit; }

    .section-page-title { margin-top: 0; }

    .menu-container .navbar-collapse.collapse.show .navbar-toggler { display: none; }

    .menu-container .navbar-collapse.collapsing, .menu-container .navbar-collapse.collapse { max-width: inherit; box-shadow: inset 0px 6px 6px rgb(0 0 0 / 5%); padding-left: 0; padding-right: 0; }

    .service-name { -webkit-line-clamp: 2; }

    /*.service-description { -webkit-line-clamp: 1; }*/

    .auth-container-inner .uae-pass-wrapper .btn { width: inherit; }

    .dld-head-section { min-height: 72px; margin-bottom: 0; }

    .transaction-table .dt-layout-cell.dt-full.table .nested-table { table-layout: inherit; }
    .sticky-footer-right { inset-inline-end: 16px; }
    .daterangepicker{width:auto;}
    .btn-login-uaepass { width: 100%; background-repeat: no-repeat; }
}

@media (max-width: 540px) and (max-width: 720px) {
    .chosen-container.chosen-container-active .chosen-results { max-height: 160px; }

    .faq-category-dropdown > .btn span:first-child { overflow: hidden; text-overflow: ellipsis; }
}

@media (min-width: 320px) and (max-width: 480px) {
    .owner-db .properties-wrap::after { height: 1px !important; width: auto !important; position: static; margin: 20px 5% 0; }

    .owner-db .portfolio-box .col-3.properties-wrap { padding-bottom: 0; }

    .owner-db .portfolio-box .col-3 { max-width: 100%; flex: 0 0 100%; }

    .banner-section .slider-caption.caption2 { margin-left: 100px; top: 50px; }

    .banner-section .slider-caption h4 { font-size: 14px; }

    .banner-section .slider-caption h2 { font-size: 14px; }

    .banner-section .slider-caption h5 { font-size: 14px !important; margin-top: 0px; }

    .side-panel { margin-top: 10px; }

    #LatestNews hr { border-top: 3px solid rgba(0, 0, 0, .1); }

    .news-description .news-content { display: none; }

    .app-details a img { width: 120px; }

    .app-details a:last-child img { width: 130px; }

    .home-rest-app-section .application-info a img { width: 110px; height: auto !important; }

    .project-status-info li .dropdown { margin: 5px 0 0 0px; }

        .project-status-info li .dropdown .btn { min-width: 100%; padding: .25rem .75rem; }

    .download-report { margin: 3px 0px 0 0; height: 34px; padding: .30rem .75rem; }

    .project-status-info li .dropdown .dropdown-menu { min-width: 100%; }

    .export-btn .btn-custom-toggle { margin: 0 0 1rem; display: flex; }

    .custom-body { flex-direction: column; }

        .custom-body .img-holder { margin-right: 0; margin-bottom: 15px; }

    /*.medal { bottom: auto; top: 50px; }*/

    .project-status-top-control { display: flex; }

        .project-status-top-control .btn-filter-mobile { margin-left: 10px; }

    .g-map-captcha-text { width: 65%; text-align: center; }

    .login-landing-uae-pass { display: none; }

    .Logos { height: 65px !important; }

    .rdc-org-chart .rdc-subdirector { justify-content: space-around; }

        .rdc-org-chart .rdc-subdirector .rdc-tech-office:before { width: 140px; right: 90px; }

    .rdc-template .Template { font-size: 9pt !important; }

        .rdc-template .Template .Title { font-size: 10pt; }

    .rdc-template .Logos:before { width: 65px; }

    .rdc-template .Logos:after { width: 130px; }

    .smart-judge-intro { text-align: left; }

    .rdc-smart-judge-desc { display: none; }

    .rdc-smart-judge-img { text-align: right; }

        .rdc-smart-judge-img .rdc-comment-icon { top: 0; background-repeat: no-repeat; height: 100px; padding-top: 45px; padding-left: 0; text-align: left; background-size: 35%; margin-left: -75px; }

        .rdc-smart-judge-img .img-fluid { max-width: 50%; }

    .table-box div.dataTables_wrapper div.dataTables_filter { text-align: left; margin-top: 0; width: 100%; }

    .dashboard-card .card-header.coming-soon-header { margin-top: 20px; }

    .dashboard-card .card-header small { font-size: 13px; line-height: 1.5; display: block; }

    .sso-left-panel { padding: 20px 0; }

    .login-btn-group .btn { font-size: 13px; }

    .btn-wrapper-group .btn-wrapper-export { display: flex; }

    .btn-wrapper-group .view-changer .btn-custom-toggle { width: 100%; }

    .btn-wrapper-group .btn.pdf-export { width: 100%; }

    .total-number-of-record { display: none; }

    .rvs-contract-complaint .modal-footer { flex-direction: column; }

        .rvs-contract-complaint .modal-footer .btn { width: 100%; }

            .rvs-contract-complaint .modal-footer .btn:first-child { margin-bottom: 1rem }

    body .table-title { top: 4px; /*position: relative; padding: 0;*/ }

    .broker-login-link { font-size: 14px; }

    .content-height { min-height: calc(100vh - 130px); }

    .chosen-container.chosen-container-active .chosen-results { max-height: 160px; }

    .transaction-list-action-btns .btn-custom-toggle { margin: 0; }

    .transaction-list-action-btns > div { gap: .5rem; }

    .rtl .banner-btc .btc-head-title .btc-span-title { font-size: 19px; }
}

@media (-webkit-min-device-pixel-ratio: 1.25) {
    .dld-head, .banner-kb, .banner-btc, .banner-btc-img { height: 300px !important; }

    .banner-btc-img { background-size: 88% !important; }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
    .photo-he-tattar {
        height:356px!important;
    }
}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
    .photo-he-tattar {
        height:314px!important;
    }
}