@media(min-width: 1921px){
    /* .myAccMain{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .myAccMain > .dashboardBox {
        width: 1568px;
    } */
    .websiteBodyMain{
        justify-content: center;
    }
    .websiteBodySection{
        width: 1920px;
    }
    .bigScreenHeader{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .bigScreenHeader .headerChildBox {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 1920px;
    }
    .areaResearchPropertyCards .areaResearchCardLeft {
        width: 41%;
    }
    .areaResearchPropertyCards .areaResearchCardRight{
        width: calc(59% - 8px);
    }
    .graphCardChildTop{
        margin-bottom: 4px;
    }
    .areaInsightsSectionUpdate.areaInsightsSection .dashCardBox tbody tr td .priceFlowBox {
        padding: 9px 5px;
    }
    .newCardDesigns .pfPropValues {
        padding-bottom: 5px;
        margin-bottom: 0;
    }
    .areaInsightsSectionUpdate .newCardDesigns {
        padding: 10px 10px;
    }
    #accSideNav{
        position: relative;
    }
    #accSideNav::before{
        position: absolute;
        /* content: ''; */
        height: 100%;
        width: 100vw;
        background-color: var(--colorWhite);
        right: 0;
        top: 0;
        z-index: -1;
    }

    .bigScreenHeader2 .container.bigScreenContainer,
    .headerLargeScreen .container.headerLargeScreenChild{
        /* max-width: 1885px; */
        max-width: 1920px;
        padding-left: 0;
        padding-right: 0;
    }
    .headerLargeScreen .container.headerLargeScreenChild{
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-brand img{
        height: 54px;
        padding: 8px 8px 8px 14px;
        width: auto;
    }
    .navbar-default {
        padding: 2px 0;
    }
    .bodySection.topSpace{
        margin-top: 58px;
    }

}
@media (max-width: 1920px) and (min-width: 1851px){
    .areaResearchPropertyCards .areaResearchCardLeft {
        width: 41%;
    }
    .areaResearchPropertyCards .areaResearchCardRight{
        width: calc(59% - 8px);
    }
    .graphCardChildTop{
        margin-bottom: 4px;
    }
    .areaInsightsSectionUpdate.areaInsightsSection .dashCardBox tbody tr td .priceFlowBox {
        padding: 9px 5px;
    }
    .newCardDesigns .pfPropValues {
        padding-bottom: 5px;
        margin-bottom: 0;
    }
    .areaInsightsSectionUpdate .newCardDesigns {
        padding: 10px 10px;
    }
}
@media (max-width: 1850px) and (min-width: 1801px){
    .areaResearchPropertyCards .areaResearchCardLeft{
        width: 40%;
    }
    .areaResearchPropertyCards .areaResearchCardRight{
        width: calc(60% - 8px);
    }
    .graphCardChildTop{
        margin-bottom: 4px;
    }
    .areaInsightsSectionUpdate.areaInsightsSection .dashCardBox tbody tr td .priceFlowBox {
        padding: 8.5px 5px;
    }
    .newCardDesigns .pfPropValues {
        padding-bottom: 5px;
        margin-bottom: 0;
    }
    .areaInsightsSectionUpdate .newCardDesigns {
        padding: 5px 10px;
    }
}
@media (max-width: 1800px) and (min-width: 1751px){
    .areaResearchPropertyCards .areaResearchCardLeft{
        width: 40%;
    }
    .areaResearchPropertyCards .areaResearchCardRight{
        width: calc(60% - 8px);
    }
    .graphCardChildTop{
        margin-bottom: 6px;
    }
    .areaInsightsSectionUpdate.areaInsightsSection .dashCardBox tbody tr td .priceFlowBox {
        padding: 8px 5px;
    }
}
@media (max-width: 1750px) and (min-width: 1701px){
    .areaResearchPropertyCards .areaResearchCardLeft{
        width: 36.5%;
    }
    .areaResearchPropertyCards .areaResearchCardRight{
        width: calc(63.5% - 8px);
    }
    .areaInsightsSectionUpdate.areaInsightsSection .dashCardBox tbody tr td .priceFlowBox {
        padding: 8.5px 5px;
    }
    .areaInsightsSectionUpdate .newCardDesigns {
        padding: 9px 10px;
    }
}
@media (max-width: 1700px) and (min-width: 1651px){
    .areaResearchPropertyCards .areaResearchCardLeft{
        width: 37%;
    }
    .areaResearchPropertyCards .areaResearchCardRight{
        width: calc(63% - 8px);
    }
    .areaInsightsSectionUpdate .newCardDesigns {
        padding: 7px 10px;
    }
    .areaInsightsSectionUpdate.areaInsightsSection .dashCardBox tbody tr td .priceFlowBox {
        padding: 8px 5px;
    }
}
@media (max-width: 1650px) and (min-width: 1601px){
    .areaResearchPropertyCards .areaResearchCardLeft{
        width: 35%;
    }
    .areaResearchPropertyCards .areaResearchCardRight{
        width: calc(65% - 8px);
    }
}

@media (max-width: 1520px) {
    .course-list .single-course {
        width: calc(100% / 3 - 30px);
    }
    .single-course:nth-child(3n) .course-detail-popup{
        left: unset;
        right: calc(100% + 30px);
    }
    .single-course:nth-child(3n) .course-detail-popup:before,
    .single-course:nth-child(3n) .course-detail-popup:after{
        left: unset;
        transform: rotate(180deg);
    }
    .single-course:nth-child(3n) .course-detail-popup:before{
        right: -11px;
    }
    .single-course:nth-child(3n) .course-detail-popup:after{
        left: unset;
        right: -10px;
    }
    .single-course:nth-child(4n) .course-detail-popup{
        left: calc(100% + 30px);
        right: unset;
    }
    .single-course:nth-child(4n) .course-detail-popup:before,
    .single-course:nth-child(4n) .course-detail-popup:after{
        right: unset;
        transform: rotate(0);
    }
    .single-course:nth-child(4n) .course-detail-popup:before{
        left: -11px;
    }
    .single-course:nth-child(4n) .course-detail-popup:after{
        left: -10px;
    }
    .search-course-container .single-course:nth-child(3n) .course-detail-popup{
        top: unset;
        bottom: calc(100% + 5px);
        transform: unset;
        left: 0;
        right: 0;
    }
    .search-course-container .single-course:nth-child(3n) .course-detail-popup:before,
    .search-course-container .single-course:nth-child(3n) .course-detail-popup:after {
        transform: rotate(-90deg);
        top: calc(100% - 5px);
        left: calc(50% - 5px);
        right: unset;
    }
    .newFiltersDropbox.sortbyTypeFilter{
        width: 392px;
    }

    /* ------------- */
    .areaInsightsSectionUpdate.areaInsightsSection .dashCardBox tbody tr td{
        font-size: 12px;
    }
    .areaInsightsSectionUpdate.areaInsightsSection .dashCardBox tbody tr td:first-child{
        font-size: 13px;
    }
    .areaInsightsSection.areaInsightsSectionUpdate .dashCardBox thead tr th{
        padding: 3px 1px 4px;
    }
    .areaInsightsSection.areaInsightsSectionUpdate .valueStatus .statusLabel{
        font-size: 14px;
        line-height: 18px;
    }
    .areaInsightsSectionUpdate.areaInsightsSection .dashCardBox tbody tr td .priceFlowBox {
        padding: 6px 5px;
    }
    .areaInsightsSectionUpdate.areaInsightsSection .vs-section.newCardDesigns.mt-1{
        margin-top: 0 !important;
    }
    .areaInsightsSectionUpdate.areaInsightsSection .statusBarBox .valueStatusPointer{
        height: 20px;
    }
    .areaInsightsSectionUpdate.areaInsightsSection .valueStatus {
        padding-top: 24px;
    }


    /* ------------------ BS*/
    .propertyTableDetailsList2 .propertyTableDetailsListItem .propertyTableDetailsItemHead{
        min-width: 150px;
        width: 150px;
    }
}

@media (max-width:1410px ){
    .newFiltersDropbox{
        width: 766px;
    }
    .leadsTypeFilter{
        width: 445px;
    }
    .topLeftBox .btnTabsCont{
        flex-direction: column;
    }
    .topLeftBox .btnTabsCont a{
        margin-left: 0px;
    }
    .filtersModal .modalBodyBox{
        padding: 10px 15px 10px;
    }
    .leadsTypeFilter{
        width: 400px;
    }
    .leadsTypeFilter{
        left: inherit;
    }
    .newFiltersDropbox.leadsTypeFilter::before, .newFiltersDropbox.leadsTypeFilter::after {
        left: initial;
        right: 2px;
    }
    .newFiltersDropbox.sortbyTypeFilter{
        left: initial;
        right: 0;
    }
    .newFiltersDropbox.sortbyTypeFilter::before,
    .newFiltersDropbox.sortbyTypeFilter::after{
        left: initial;
        right: 0;
    }

}

@media (max-width: 1370px){
    .topMidBoxLeftNewSec br{
        display: none;
    }
}

@media (max-width: 1367px) {
    /* .aboutSectionsBottom {
        margin-top: 17vh;
    } */
    .fc-header-toolbar .btn {
        padding: 0.3em 0.5em;
        font-size: 0.9em;
    }
    .fontSize85 {
        font-size: 72px;
    }
    .viewPropertyAdd .addPropBtn{
        line-height: 17px;
    }
    .viewPropertyAdd .addPropBtn br{
        display: initial;
    }
    .propertyPhotosBox {
        max-height: 100%;
    }
    .propertyInnerTabs .nav-tabs{
        display: flex;
        justify-content: space-between;
    }
    .propertyInnerTabs .nav-tabs .nav-item.tabActiveProperty{
        width: 48%;
    }
    .propertyInnerTabs .nav-tabs .nav-item.tabCommercialProspect{
        width: 23%;
        margin-right: 6px;
    }
    .propertyInnerTabs .nav-tabs .nav-item.tabArchives{
        width: 23%;
    }

    /* ---------------- */
    .filtersListsParent2 .filtersListItems li{
        width: 23%;
    }

    /* --------------- */
    .newFiltersDropbox{
        width: 600px;
    }
    .leadsTypeFilter{
        /* width: 370px;  */
    }
    .topLeftBox .btnTabsCont{
        flex-direction: column;
    }
    .topLeftBox .btnTabsCont a{
        margin-left: 0px;
    }
    .topMidBoxChild {
        flex-wrap: wrap;
        /* justify-content: center; */
    }
    .filtersListsItem {
        margin-bottom: 10px;
        margin-bottom: 17px;
    }
    .newFiltersDropbox {
        width: 580px;
    }
    .childFilters .childFiltersCheckbox{
        width: 33%;
    }
    .leadsTypeFilter{
        right: 0;
        left: inherit;
        width: 380px;
    }
    .leadsTypeFilter .filtersSectionChild .customCheckBox{
        padding-right: 0;
    }
    .newFiltersDropbox.leadsTypeFilter::before, .newFiltersDropbox.leadsTypeFilter::after {
        left: initial;
        right: 2px;
    }
    .newFiltersDropbox.sortbyTypeFilter{
        left: inherit;
        right: 0;
    }
    .newFiltersDropbox.sortbyTypeFilter::before,
    .newFiltersDropbox.sortbyTypeFilter::after{
        left: initial;
        right: 2px;
    }
    .newFiltersDropbox.savedFiltersDropBox::before, 
    .newFiltersDropbox.savedFiltersDropBox::after {
        left: 0;
    }
    .filtersSectionChild2 .parentFilter{
        width: 33%;
    }
    .filtersSectionChild2 .parentFilter:nth-child(4n+1) {
        padding-left: 25px;
    }
    .filtersSectionChild2 .parentFilter:nth-child(3n+1) {
        padding-left: 0px;
    }
    .savedFilterListItem .savedFilterTooltip{
        right: -300px;
        width: 300px;
    }
    .savedFilterListItem .savedFilterTooltipChild{
        width: 290px;
    }
    .filtersListsParent2 .filtersListItemsNew li.filtersLists{
        width: 12.5%;
    }


    .savedFilterTooltipChild::before, 
    .savedFilterTooltipChild::after {
        left: inherit;
        right: -10px;
    }
    .savedFilterTooltipChild::before {
        border-right: initial;
        border-left: 10px solid #dbdbdb;
    }
    .savedFilterTooltipChild::after {
        border-right: initial;
        border-left: 10px solid var(--colorWhite);
    }


    .filtersListItemsNew .filtersLists .savedFilterListItem .savedFilterTooltip {
        left: initial;
        right: -300px;
    }
    .filtersListItemsNew .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip,
    .filtersListItemsNew .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip,
    .filtersListItemsNew .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip{
        right: initial;
        left: -310px;
    }
    .filtersListItemsNew .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
    .filtersListItemsNew .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
    .filtersListItemsNew .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before{
        left: inherit;
        right: -11px;
        border-right: initial;
        border-left: 10px solid #dbdbdb;
    }
    .filtersListItemsNew .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after,
    .filtersListItemsNew .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after,
    .filtersListItemsNew .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after{
        left: inherit;
        right: -10px;
        border-right: initial;
        border-left: 10px solid var(--colorWhite);
    }



    /* --------------------- */
    .filtersListItemsNew.filtersListItemsNew2 li.filtersLists{
        width: 16.66%;
    }
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists .savedFilterListItem .savedFilterTooltip,
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip,
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip,
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip{
        left: initial;
        right: -300px;
    }
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip::before,
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip::before,
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip::before{
        left: initial;
        right: -10px;
    }
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before, 
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before, 
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before{
        left: -11px;
        right: initial;
        border-left: initial;
        border-right: 10px solid #dbdbdb;
    }
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after, 
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after, 
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after{
        left: -10px;
        right: initial;
        border-left: initial;
        border-right: 10px solid var(--colorWhite);
    }

    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+4) .savedFilterListItem .savedFilterTooltip,
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+5) .savedFilterListItem .savedFilterTooltip,
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+6) .savedFilterListItem .savedFilterTooltip{
        right: initial;
        left: -310px;
    }

    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+4) .savedFilterListItem .savedFilterTooltip::before,
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+5) .savedFilterListItem .savedFilterTooltip::before,
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+6) .savedFilterListItem .savedFilterTooltip::before{
        left: initial;
        right: -10px;
    }

    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+4) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+5) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before{
        left: inherit;
        right: -11px;
        border-right: initial;
        border-left: 10px solid #dbdbdb;
    }
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+4) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after,
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+5) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after,
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after{
        left: inherit;
        right: -10px;
        border-right: initial;
        border-left: 10px solid var(--colorWhite);
    }

    .dealAnalyserBoxs .analyserCategory .analyserCatTop span{
        font-size: 12px;
    }

    /* --------------- */
    .graphCardChildTop{
        flex-direction: column;
    }
    .graphCardChildTopSec.graphCardChildTopTitle{
        margin-right: 0;
        margin-bottom: 5px;
    }
    /* .areaResearchRightCard .graphCardChild .graphCardDesign{
        height: calc(100% - 90px);
    } */
    .cardfiltersRight{
        justify-content: center;
    }
    .propFiltersSectionbox{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .graphCardChildTopSec.graphCardChildTopFilter:first-child{
        width: 100%;
    }
    .graphCardChildTopSec.graphCardChildTopFilter:last-child{
        min-width: fit-content;
    }
    .propFilterOptions{
        width: 100%;
    }
    .propFilterOptions .form-control{
        padding-right: 25px;
    }
    .graphCardChildBtm{
        height: auto ;
    }
    .propStatsLegends2{
        padding: 0px 5px;
        flex-wrap: unset;
    }
    .propStatsLegend span:nth-child(2) {
        margin-left: 2px;
    }
    .propStatsLegend::after{
        width: 13px;
    }
    .areaInsightsSectionUpdate.areaInsightsSection .dashCardBox tbody tr td .priceFlowBox {
        padding: 8px 5px;
    }
    .areaInsightsSectionUpdate .newCardDesigns {
        padding: 12px 10px;
    }
    .newCardDesigns .pfPropValues{
        padding-bottom: 6px;
    }
    .areaInsightsSection.areaInsightsSectionUpdate .dashCardBox tbody tr:first-child td {
        padding-top: 8px;
    }
    .findAreaPageSection .findAreaFilterPage {
        width: 300px;
        min-width: 300px;
    }
    .findAreaFilterTable{
        width: calc(100vw - 667px);
    }
    /* table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled{
        padding-left: 30px;
    } */
    /* table.dataTable thead>tr>th.sorting {
        padding-right: 6px;
    } */
    .filterTableBox tr .stickyPostcode {
        left: 68.5px;
        left: 60.5px;
    }
    .filterTableBox tr .stickyBedrooms {
        left: 176px;
        left: 160px;
    }
    /* .tableFilterBottom{
        flex-direction: column;
        align-items: center;
        gap: 5px;
    } */

    .topMidBoxChild.topMidBoxChildNew{
        flex-wrap: inherit;
    }
    .userLeadsFilters{
        justify-content: flex-start;
    }
    .topLeftBoxWebNew.topLeftBox .btnTabsCont{
        flex-direction: row;
        gap: 0 5px;
    }
    .userLeadsFilters .savedFilterListItem {
        width: 15.6%;
        min-width: 15.6%;
    }

    .userLeadsFilters .savedFilterListItem .savedFilterTooltip{
        left: initial;
        right: -300px;
        width: 300px;
    }
    .userLeadsFilters .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after{
        right: inherit;
        left: -10px;
    }
    .userLeadsFilters .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before{
        border-left: initial;
        border-right: 10px solid #dbdbdb;
    }
    .userLeadsFilters .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after{
        border-left: initial;
        border-right: 10px solid var(--colorWhite);
    }

    .userLeadsFilters .savedFilterListItem:nth-child(6n-1) .savedFilterTooltip,
    .userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip{
        right: inherit;
        left: -310px;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(6n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(6n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
    .userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip .savedFilterTooltipChild::after{
        left: inherit;
        right: -10px;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(6n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip .savedFilterTooltipChild::before{
        border-right: initial;
        border-left: 10px solid #dbdbdb;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(6n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
    .userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip .savedFilterTooltipChild::after{
        border-right: initial;
        border-left: 10px solid var(--colorWhite);
    }

    /* .userLeadsPageBar .topLeftBox .btnTabsCont{
        flex-direction: row;
        gap: 0 5px;
    } */

    .userLeadsFilters .savedFilterListItem {
        width: 16%;
        min-width: 16%;
        width: 19.4%;
        min-width: 19.4%;
    }
    .onMarketPageBox .savedFilterListItem .savedFilterTooltip {
        right: initial;
        left: -310px;
    }

    .customTutorialBox{
        width: 440px;
    }
    .customTutorialBox.tutorialStep1, .customTutorialBox.tutorialStepEnd{
        transform: translate(calc(50vw - 220px), 16vh);
    }

    .leadsPageFilterProperty .savedFilterListItem .savedFilterTooltip{
        right: inherit;
        left: -310px;
    }

    .myPropertyListingTradeItems{
        grid-template-columns: 1fr;
    }

    .reportChartStats .reportChartStatsBox{
        width: 50%;
    }
    .reportChartBox {
        padding: 0px 20px;
    }
    .reportChartStats{
        gap: 0;
    }
    .reportChartStats .reportChartStatsBox{
        padding: 7px;
    }
    .reportChartStats .reportChartStatsBox:nth-child(2){
        border-right: none;
    }
    .reportChartStats .reportChartStatsBox:nth-child(1),
    .reportChartStats .reportChartStatsBox:nth-child(2){
        border-bottom: 1px solid #ddd;
    }

    /* ------------------ BS*/
    .dashboardTablesBox-update.dashboardTablesBox{
        gap: 20px 0;
    }
    .dashboardTablesBox-update.dashboardTablesBox .dashboardTable.dashboardTable-update{
        width: 100%;
    }
    .propertyTableDetailsList2 .propertyTableDetailsListItem .propertyTableDetailsItemHead {
        min-width: 180px;
        width: 180px;
    }

    /* ----------------- */
    .multiUnitGridForm{
        grid-template-columns: repeat(3, 1fr);
    }
    .multiUnitGridFormCollectionChild .multiUnitGridForm{
        grid-template-columns: repeat(3, 1fr);
    }

}

@media (max-width: 1360px) {
    .areaInsightsSection .dashCardBox tbody tr td .priceFlowBox {
        min-width: 42px;
    }
    .areaInsightsSection .dashCardBox tbody tr td {
        font-size: 11px;
        line-height: 11px;
    }
    .search-course-container .course-list {
        width: calc(100% - 235px);
    }
    .filter-box {
        width: 200px;
    }
    .search-course-container .course-list .single-course .course-image {
        min-width: 290px;
    }
}

@media (max-width: 1341px) {
    .cardBtmBtns .smallButton2 {
        font-size: 11px;
        line-height: 11px;
    }
    .savedFilterListItem .savedFilterTooltip {
        right: initial;
        left: -310px;
        width: 300px;
    }
    .savedFilterTooltipChild::before, .savedFilterTooltipChild::after {
        left: inherit;
        right: -10px;
    }
    .savedFilterTooltipChild::before {
        border-right: initial;
        border-left: 10px solid #dbdbdb;
    }

    .savedFilterTooltipChild::before, 
    .savedFilterTooltipChild::after {
        left: inherit;
        right: -10px;
    }
    .savedFilterTooltipChild::before {
        border-right: initial;
        border-left: 10px solid #dbdbdb;
    }
    .savedFilterTooltipChild::after {
        border-right: initial;
        border-left: 10px solid var(--colorWhite);
    }

}

@media (max-width: 1300px) {
    /* .insight-tiles-1 {
        margin-top: 7%;
    } */
    .insight-tiles-3 {
        padding-top: 14px;
    }
    .areaInsightsSection .dashCardsSection .col-sm-4 {
        width: 50%;
    }
    .areaInsightsSection .dealCardsSection .col-sm-4 {
        width: 50%;
    }
    .myPortfolioPage .dashCardsSection .col-sm-4 {
        width: 50%;
    }
    /* .propImageBox .propImageSliders{
    width: 320px;
    min-width: 320px;
  } */
    .propDetailBox {
        flex-direction: column;
    }
    .propImageBox {
        margin-right: 0;
    }
    .propDetailBox .propDetailRight {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .propImageBox .propImageSliders {
        height: 290px;
    }
    .upgradePlanPage .choosePlansbox .col-sm-4 {
        width: 50%;
        margin-bottom: 30px;
    }
    .upgradePlanPage .choosePlansbox .col-sm-4:last-child {
        margin-left: 25%;
    }
    .modalBox.customColumnModal .modal-dialog {
        /* max-width: 95%; */
    }
    .fontSize85 {
        font-size: 70px;
    }

    /* ---------------- */
    .filtersListItems{
        grid-template-columns: auto auto auto auto;
    }
    .areaResearchPropertyCards .areaResearchCardLeft{
        width: 100%;
        margin-bottom: 10px;
    }
    .areaResearchPropertyCards .areaResearchCardRight{
        width: 100%;
        margin-left: 0;
    }

    .graphCardChildTop{
        flex-direction: row;
    }
    .dashboardStepsChild{
        padding: 8px 5px;
    }
    .counterTotal,
    .dashboardTableTopLeftIcon{
        margin-right: 5px;
        height: 40px;
        width: 40px;
        font-size: 20px;
    }
    .dashboardStepsChild .stepCountHeading{
        font-size: 16px;
    }
    .dashboardTableTopLeftSec2Top span:first-child{
        font-size: 20px;
    }
    .dashboardTableTopLeftSec2Btm{
        /* min-width: max-content; */
    }
    .dashButton .dashButtonText{
        text-align: center;
    }
    .basicChart,
    .basicChart svg,
    .basicChart img{
        width: 150px;
        height: 150px;
    }
    .commonDashboardChartMain{
        height: 150px;
    }
    .commonDashboardChart,
    .basicChart{
        height: 150px;
        width: 150px;
    }
    .dashTableBox tr td{
        font-size: 14px;
        line-height: 14px;
    }
    th.leadsCounts {
        width: 45px !important;
        max-width: 45px;
        white-space: break-spaces;
    }
    /* table.dataTable thead>tr>th.sorting{
        padding-right: 18px;
    } */
    .tablePostcodeArea svg{
        height: 20px;
        width: 20px;
    }
    .dashboardTableTopLeftIcon{
        padding: 9px;
    }
    .doughnutSummary{
        width: 50px !important;
        height: 50px !important;
    }
    .doughnutSummary{
        margin-left: -25px !important;
        margin-top: -25px !important;
    }
    .doughnutSummaryNumber{
        font-size: 20px;
    }
    .strategiesChartBox .chartLabelsBox ul{
        grid-template-columns: auto auto;
    }
    .chartLableList .chartLabelHeading{
        font-size: 14px;
    }
    .chartLabelsBox .chartLabelCounter{
        height: 22px;
        width: 22px;
        font-size: 14px;
        line-height: 14px;
        margin-right: 2px;
    }
    .dealAnalyserChartHead,
    .barsSectionHeading{
        font-size: 16px;
        line-height: 18px;
    }

    .userLeadsFilters .savedFilterListItem {
        width: 18.7%;
        min-width: 18.7%;
    }


    .userLeadsFilters .savedFilterListItem .savedFilterTooltip{
        left: initial;
        right: -300px;
        width: 300px;
    }
    .userLeadsFilters .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after{
        right: inherit;
        left: -10px;
    }
    .userLeadsFilters .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before{
        border-left: initial;
        border-right: 10px solid #dbdbdb;
    }
    .userLeadsFilters .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after{
        border-left: initial;
        border-right: 10px solid var(--colorWhite);
    }



    .userLeadsFilters .savedFilterListItem:nth-child(6n-1) .savedFilterTooltip,
    .userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip{
        left: inherit;
        right: -300px;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(6n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(6n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
    .userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip .savedFilterTooltipChild::after{
        right: inherit;
        left: -10px;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(6n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip .savedFilterTooltipChild::before{
        border-left: initial;
        border-right: 10px solid #dbdbdb;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(6n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
    .userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip .savedFilterTooltipChild::after{
        border-left: initial;
        border-right: 10px solid var(--colorWhite);
    }


    .userLeadsFilters .savedFilterListItem:nth-child(5n-1) .savedFilterTooltip,
    .userLeadsFilters .savedFilterListItem:nth-child(5n+5) .savedFilterTooltip{
        right: inherit;
        left: -310px;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(5n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(5n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
    .userLeadsFilters .savedFilterListItem:nth-child(5n+5) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(5n+5) .savedFilterTooltip .savedFilterTooltipChild::after{
        left: inherit;
        right: -10px;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(5n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(5n+5) .savedFilterTooltip .savedFilterTooltipChild::before{
        border-right: initial;
        border-left: 10px solid #dbdbdb;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(5n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
    .userLeadsFilters .savedFilterListItem:nth-child(5n+5) .savedFilterTooltip .savedFilterTooltipChild::after{
        border-right: initial;
        border-left: 10px solid var(--colorWhite);
    }

    .userLeadsFilters .savedFilterListItem {
        width: 19.4%;
        min-width: 19.4%;
    }
    .tableFilterBottom{
        flex-direction: column;
        align-items: center;
        gap: 5px;
    }


}

@media (max-width: 1252px) {
    /* ------------- */
    .dashCardBox .myAreaCardBtm {
        bottom: 7px;
    }
}

@media (max-width: 1199px) {
    /* Home Page */
    /* .insight-tiles-3 {
        padding-top: 18px;
    } */
    .container {
        max-width: 960px;
    }
    .midSocialLinks {
        width: 47%;
    }
    .footMidList .midQuickLinks {
        width: 53%;
    }
    .homeBanner .bannerRight {
        min-width: 430px;
        width: 430px;
    }
    .fontSize52 {
        font-size: 50px;
    }
    .bannerLeft .mainHeading h2 {
        line-height: 66px;
    }
    .bannerInner {
        padding: 110px 0 85px;
    }
    .footLeft .aboutCompany p {
        padding-right: 40px;
    }
    .testimonialSlider.slick-initialized .slick-slide {
        padding: 0 80px;
    }
    .testimonialContent {
        padding-bottom: 100px;
    }
    .weWorkLeft {
        padding-right: 75px;
    }
    /* Plan Page Start */
    .fontSize32 {
        font-size: 30px;
        line-height: 38px;
    }
    /* Personal Details Page Start */
    .boxDesigns {
        padding: 40px 100px 60px;
    }
    /* My Area Page Start */
    .bodySpace {
        padding: 20px 0 60px;
    }
    .pageInnerBox {
        min-height: calc(100vh - 144px);
    }
    /* Portfolio Page Start */
    .emptyPortfolio .emptyPortfolioHead {
        padding: 0 100px;
    }
    .listDesings span {
        font-size: 20px;
        line-height: 22px;
        padding: 0px 15px;
    }
    /* User-Dashboard Page Start */
    .quickInsightsBoxs .col-sm-4,
    .areaTargetSection .col-sm-4 {
        width: 50%;
    }
    /* User Sourcing Leads Page Start */
    .marketDealsBox.boxDesign3 {
        padding: 25px;
    }
    /* User Portfolio Page Start */
    .portfolioHeadBox .portfolioInfoCard {
        padding: 12px 12px;
    }
    .portfolioHeadBox .portfolioCardLabel {
        font-size: 13px;
    }
    .portfolioHeadBox .portfolioCardCount {
        font-size: 17px;
    }
    .portfolioHeadBox .portfolioCardRight {
        margin-left: 5px;
    }
    /* User Portfolio Page Start */
    .viewsInterestBox {
        width: 66%;
    }
    .tagInfoSec .secLabel {
        font-size: 13px;
        line-height: 13px;
    }
    .tagInfoSec .secCount {
        font-size: 14px;
        line-height: 14px;
    }
    /* About Us Page Start */
    .aboutPage .aboutBannerLeft .aboutBannerImg {
        position: initial;
        height: 370px;
    }
    .aboutPage .aboutCardSection .row {
        flex-direction: row;
    }
    .aboutPage .aboutCardSection .col-sm-6 {
        width: 100%;
    }
    .aboutPage .aboutBannerLeft img {
        object-fit: cover;
        width: 100%;
    }
    .aboutPage .aboutCardSection {
        padding: 40px;
    }
    .aboutPage .aboutBannerRight {
        padding-left: 0;
        padding-top: 30px;
    }
    .aboutSectionsBottom .aboutSectiosBox .aboutSecRight {
        /* margin-top: -230px; */
    }
    .aboutSectionsBottom .aboutSectiosBox {
        padding-bottom: 50px;
    }
    .aboutSectiosBox .aboutSecRight h3 {
        margin-bottom: 20px;
    }
    .formDesignBoxs .formHeading2 {
        padding: 0;
    }
    .formDesignBoxs {
        padding: 30px 60px;
    }
    .select1 {
        padding: 7px 12px;
        font-size: 14px;
        line-height: normal;
    }
    .btnTabsCont a {
        min-width: 50px;
        padding: 7px 12px;
        font-size: 14px;
        line-height: normal;
    }
    .smallBtn2 {
        padding: 7px 12px;
        font-size: 12px;
        line-height: normal;
    }
    .userBrandingPage .p-40-sec {
        padding: 25px;
    }
    .fileUploadCard .addCardFileBtn {
        padding: 25px 35px;
    }
    .btnStyle.btnStyle3 {
        padding: 14px 52px;
    }
    .brandPreviewBox .fileBody {
        min-height: 310px;
    }
    #setBrandingForm {
        margin-top: 30px;
    }
    /* Update property detail page */
    .pageBtmSec {
        flex-direction: column;
    }
    .pageBtmSec .form-switch-row {
        width: 100%;
        justify-content: flex-start;
        margin-bottom: 10px;
    }
    .pageBtmSec .form-switch-row label {
        flex: inherit;
    }
    .pageBtmSec .form-switch-row .form-check {
        margin-left: 40px;
    }
    .p-30-100-sec {
        padding: 30px 60px;
    }
    /* Sell My Property Page Start */
    .formPhotosCont .photoWrp img,
    .formPhotosCont .addPhotoBtn {
        width: 80px;
        height: 80px;
    }
    .aboutSubHeading {
        padding: 0 30px;
    }
    /* Postcode Data */
    .postcodeDataHeading,
    .postcodeDataTabs {
        min-width: max-content;
    }
    .webViewBox {
        display: none;
    }
    .mobViewsLists {
        display: block;
    }
    .customCheckBox input[type="checkbox"]+label {
        font-size: 16px;
        line-height: 22px;
    }
    /* (start) Portfolio Stats Tabs */
    .tabsDesign.nav-tabs .nav-link {
        padding: 7px;
        margin-right: 5px;
    }
    .tabsDesign.nav-tabs .statsTabIcon img {
        max-width: 12px;
        max-height: 12px;
    }
    .tabsDesign.nav-tabs .statsTabText {
        font-size: 14px;
    }
    /* (end) Portfolio Stats Tabs */
    .featureImage {
        height: 400px;
    }
    .bigTable th,
    .bigTable td {
        white-space: nowrap;
    }
    .askPriceHeader {
        display: block !important;
        width: 100%;
        float: left;
    }
    .askPriceLeft {
        width: auto;
        float: left;
    }
    .askPriceMid,
    .askPriceRight {
        text-align: right;
    }
    .askPriceMid {
        margin-bottom: 10px;
    }
    .askPriceTable {
        display: block;
        float: left;
        width: 100%;
    }
    .myAreaPage2 .dashHeadingTop {
        flex-direction: column;
        align-items: flex-start;
    }
    .form-switch-row.form-switch-row2 .form-check {
        margin: 0px 5px;
    }
    .myAreaPage2 .dashboardHeaderBtns{
        margin-top: 10px;
    }
    .propertyCountBox{
        width: 140px;
        min-width: 140px;
    }
    /* -------------------- */
    .dashHeadingTopNew{
        flex-direction: column;
        align-items: flex-start;
    }
    .dashHeadingTopNew .analyserTopbar{
        width: 100%;
        justify-content: flex-end;
        margin-top: 15px;
    }
    .cardInfoSec .cardInfo {
        width: 177px;
        min-width: 177px;
    }
    .cardInfoSec .cardInfo {
        margin-right: 17px;
    }
    .propertyMapBox {
        min-height: 300px;
    }
    .propPhogoGallery .galleryImg{
        height: 137px;
        width: 137px;
    }
    .topBoxTable span{
        font-size: 17px;
    }
    .bottomBoxInner span{
        font-size: 16px;
    }
    .topBoxTable.topBoxTable2 span{
        font-size: 25px;
    }
    .fontSize85{
        font-size: 50px;
    }
    .dealAnalyserBoxs .analyserCategory .analyserCatTop{
        /* min-height: 110px; */
        min-height: 100px;
    }
    /* .dealAnalyserBoxs .analyserCategory .analyserCatTop span{
        line-height: 70px;
    } */
    .offersInnerTabs .nav-tabs .nav-item{
        width: 18%;
    }
    .offersInnerTabs .nav-tabs .nav-item button{
        font-size: 13px;
        line-height: 13px;
        padding: 7px 6px 7px 6px;
    }
    .dashHeadingTopNew .analyserTopbar.analyserTopbarNew{
        /* flex-direction: column;
        align-items: flex-end; */
        flex-wrap: wrap;
    }
    .dashHeadingTopNew .analyserTopbar.analyserTopbarNew span:first-child,
    .dashHeadingTopNew .analyserTopbar.analyserTopbarNew span:last-child{
        margin-bottom: 15px;
    }
    .sectionSlider.slick-initialized .slick-slide {
        height: 265px;
    }
    .course-list .single-course {
        width: calc(100% / 2 - 30px);
    }
    .single-course:nth-child(even) .course-detail-popup{
        left: unset;
        right: calc(100% + 30px);
    }
    .single-course:nth-child(even) .course-detail-popup:before,
    .single-course:nth-child(even) .course-detail-popup:after{
        left: unset;
        transform: rotate(180deg);
    }
    .single-course:nth-child(even) .course-detail-popup:before{
        right: -11px;
    }
    .single-course:nth-child(even) .course-detail-popup:after{
        left: unset;
        right: -10px;
    }
    .single-course:nth-child(odd) .course-detail-popup{
        left: calc(100% + 30px);
        right: unset;
    }
    .single-course:nth-child(odd) .course-detail-popup:before,
    .single-course:nth-child(odd) .course-detail-popup:after{
        right: unset;
        transform: rotate(0);
    }
    .single-course:nth-child(odd) .course-detail-popup:before{
        left: -11px;
    }
    .single-course:nth-child(odd) .course-detail-popup:after{
        left: -10px;
    }
    .search-course-container .single-course:nth-child(odd) .course-detail-popup,
    .search-course-container .single-course:nth-child(even) .course-detail-popup{
        top: unset;
        bottom: calc(100% + 5px);
        transform: unset;
        left: 0;
        right: 0;
    }
    .search-course-container .single-course:nth-child(odd) .course-detail-popup:before,
    .search-course-container .single-course:nth-child(odd) .course-detail-popup:after,
    .search-course-container .single-course:nth-child(even) .course-detail-popup:before,
    .search-course-container .single-course:nth-child(even) .course-detail-popup:after  {
        transform: rotate(-90deg);
        top: calc(100% - 5px);
        left: calc(50% - 5px);
        right: unset;
    }
    /* filter design start here  */
    .filter-box .filter-header{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .filter-box{
        min-height: 100vh;
        position: fixed;
        right: 0;
        top: 0;
        margin: 0;
        background: var(--colorWhite);
        width: 0;
        z-index: 1001;
        border: none;
        transition: all 0.5s ease-in-out;
    }
    .hide-filter .filter-box{
        width: 270px;
        display: block;
        transition: all 0.5s ease-in-out;
    }
    .filter-box .all-filter{
        padding: 0 15px;
        max-height: calc(100vh - 60px);
        overflow-y: auto;
    }
    body.body-after::before{
        content:'';
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        position: fixed;
        left: 0;
        top: 0;
        z-index: 1000;
    }
    .search-course-container .course-list {
        width: 100%;
        display: block;
    }
    .search-box input{
        width: 380px;
    }

    .analyser-search-box input{
        width: 380px;
    }

    /* ---------------- */
    .formDesignBoxs.newQuoteModalBody{
        padding: 0;
    }

    .propertyDetailTabs.propertyDetailTabs2 .nav-tabs .nav-link{
        line-height: 18px;
    }

    /* ---------------- */
    .filtersListItems{
        grid-template-columns: auto auto auto;
    }
    .filtersListItems li {
        width: 23%;
    }

    /* ----------------- */
    .filtersListsParent2 .filtersListItems li{
        width: 48%;
    }

    /* ------------- */
    .newFiltersDropbox{
        left: -176px;
    }
    .newFiltersDropbox::before,
    .newFiltersDropbox::after{
        left: 46%; 
    }

    /* ------------------ */
    
    .topMidBoxChild {
        flex-wrap: wrap;
        /* justify-content: center; */
    }
    .filtersListsItem{
        margin-bottom: 10px;
    }
    .newFiltersDropbox {
        left: -223px;
    }
    
    .newFiltersDropbox {
        /* width: 642px; */
        left: -270px;
    }
    .newFiltersBox .newFiltersDropbox.leadsTypeFilter{
        left: initial;
        right: -132px;
        left: initial;
        right: -118px;
        right: 0;
    }
    .newFiltersDropbox.leadsTypeFilter::before, .newFiltersDropbox.leadsTypeFilter::after {
        right: 0;
    }
    .newFiltersDropbox::before, 
    .newFiltersDropbox::after {
        left: 366px;
    }
    .newFiltersDropbox.leadsTypeFilter::before,
    .newFiltersDropbox.leadsTypeFilter::after{
        right: 136px;
    }
    .newFiltersDropbox{
        width: 610px;
        width: 565px;
    }
    .leadsTypeFilter{
        width: 380px;
    }
    .newFiltersDropbox.leadsTypeFilter::before, .newFiltersDropbox.leadsTypeFilter::after{
        right: 0;
    }
    .newFiltersDropbox.sortbyTypeFilter{
        left: initial;
        right: 0;
    }
    .newFiltersDropbox.sortbyTypeFilter::before, 
    .newFiltersDropbox.sortbyTypeFilter::after{
        left: inherit;
        right: 0;
    }
    .newFiltersDropbox.savedFiltersDropBox{
        /* width: 150px; */
        left: 0;
    }
    .savedFilterListItem .savedFilterTooltip{
        right: inherit;
        left: -190px;
    }
    .savedFilterTooltipChild::before,
    .savedFilterTooltipChild::after{
        left: inherit;
        right: -10px;
    }
    .savedFilterTooltipChild::before{
        border-right: initial;
        border-left: 10px solid #dbdbdb;
    }
    .savedFilterTooltipChild::after{
        border-right: initial;
        border-left: 10px solid var(--colorWhite);
    }

    .newFiltersDropbox.outCodeFiltersSection{
        left: 0;
    }
    .newFiltersDropbox.outCodeFiltersSection::before, 
    .newFiltersDropbox.outCodeFiltersSection::after {
        left: 0;
    }

    .savedFilterListItem .savedFilterTooltip{
        right: inherit;
        left: -310px;
        width: 300px;
    }
    .savedFilterListItem .savedFilterTooltipChild{
        width: 290px;
    }

    .downloadCsvBox a{
        padding: 5px 10px 4px
    }

    .filtersListsParent2 .filtersListItemsNew li.filtersLists{
        width: 25%;
    }


    .filtersListItemsNew .filtersLists .savedFilterListItem .savedFilterTooltip {
        right: initial;
        left: -300px;
    }
    .filtersListItemsNew .filtersLists .savedFilterListItem .savedFilterTooltip{
        left: initial;
        right: -300px;
    }
    .filtersListItemsNew .filtersLists .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before{
        right: inherit;
        left: -11px;
        border-left: initial;
        border-right: 10px solid #dbdbdb;
    }
    .filtersListItemsNew .filtersLists .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after{
        right: inherit;
        left: -10px;
        border-left: initial;
        border-right: 10px solid var(--colorWhite);
    }


    .filtersListItemsNew .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip,
    .filtersListItemsNew .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip,
    .filtersListItemsNew .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip{
        left: initial;
        right: -300px;
    }
    .filtersListItemsNew .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
    .filtersListItemsNew .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
    .filtersListItemsNew .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before{
        right: inherit;
        left: -11px;
        border-left: initial;
        border-right: 10px solid #dbdbdb;
    }
    .filtersListItemsNew .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after,
    .filtersListItemsNew .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after,
    .filtersListItemsNew .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after{
        right: inherit;
        left: -10px;
        border-left: initial;
        border-right: 10px solid var(--colorWhite);
    }


    .filtersListItemsNew .filtersLists:nth-child(4n+3) .savedFilterListItem .savedFilterTooltip,
    .filtersListItemsNew .filtersLists:nth-child(4n) .savedFilterListItem .savedFilterTooltip{
        right: initial;
        left: -310px;
    }
    .filtersListItemsNew .filtersLists:nth-child(4n+3) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
    .filtersListItemsNew .filtersLists:nth-child(4n) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before{
        left: inherit;
        right: -11px;
        border-right: initial;
        border-left: 10px solid #dbdbdb;
    }
    .filtersListItemsNew .filtersLists:nth-child(4n+3) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after,
    .filtersListItemsNew .filtersLists:nth-child(4n) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after{
        left: inherit;
        right: -10px;
        border-right: initial;
        border-left: 10px solid var(--colorWhite);
    }


    .filtersListItemsNew .filtersLists .savedFilterListItem .savedFilterTooltip::before,
    .filtersListItemsNew .filtersLists:nth-child(8n+6) .savedFilterListItem .savedFilterTooltip::before,
    .filtersListItemsNew .filtersLists:nth-child(8n+7) .savedFilterListItem .savedFilterTooltip::before,
    .filtersListItemsNew .filtersLists:nth-child(8n+8) .savedFilterListItem .savedFilterTooltip::before{
        right: initial;
        left: -10px;
    }
    .filtersListItemsNew .filtersLists:nth-child(4n+3) .savedFilterListItem .savedFilterTooltip::before,
    .filtersListItemsNew .filtersLists:nth-child(4n) .savedFilterListItem .savedFilterTooltip::before{
        left: initial;
        right: -10px;
    }


    /* ----------------- */
    .property-banner-title.property-banner-titleNew{
        max-width: 95%;
    }

    .filtersListItemsNew.filtersListItemsNew2 .filtersLists .savedFilterListItem .savedFilterTooltip,
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+4) .savedFilterListItem .savedFilterTooltip, 
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+5) .savedFilterListItem .savedFilterTooltip, 
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+6) .savedFilterListItem .savedFilterTooltip{
        left: initial;
        right: -300px;
    }
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists .savedFilterListItem .savedFilterTooltip::before,
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+4) .savedFilterListItem .savedFilterTooltip::before, 
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+5) .savedFilterListItem .savedFilterTooltip::before, 
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+6) .savedFilterListItem .savedFilterTooltip::before{
        left: -10px;
        right: initial;
    }
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before,
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+4) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before, 
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+5) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before, 
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before{
        right: inherit;
        left: -11px;
        border-left: initial;
        border-right: 10px solid #dbdbdb;
    }
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after, 
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+4) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after, 
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+5) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after, 
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(6n+6) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after{
        right: inherit;
        left: -10px;
        border-left: initial;
        border-right: 10px solid var(--colorWhite);
    }



    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(4n+3) .savedFilterListItem .savedFilterTooltip, 
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(4n+4) .savedFilterListItem .savedFilterTooltip{
        right: initial;
        left: -310px;
    }
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(4n+3) .savedFilterListItem .savedFilterTooltip::before, 
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(4n+4) .savedFilterListItem .savedFilterTooltip::before{
        right: -10px;
        left: initial;
    }
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(4n+3) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before, 
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(4n+4) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::before{
        left: inherit;
        right: -11px;
        border-right: initial;
        border-left: 10px solid #dbdbdb;
    }
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(4n+3) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after, 
    .filtersListItemsNew.filtersListItemsNew2 .filtersLists:nth-child(4n+4) .savedFilterListItem .savedFilterTooltip .savedFilterTooltipChild::after{
        left: inherit;
        right: -10px;
        border-right: initial;
        border-left: 10px solid var(--colorWhite);
    }
    .filtersListItemsNew.filtersListItemsNew2{
        margin: 0;
    }
    .showMoreFiltersModal .modal-dialog {
        max-width: 950px;
    }

    .cancelPlanContentChild{
        width: 80%;
    }
    .dealAnalyserBoxsNew .col-sm-6{
        margin-bottom: 10px;
    }
    
    /* .slidercaptcha .card-body #captcha,
    .slidercaptcha .sliderContainer,
    .slidercaptcha .card-body canvas:first-child{
        width: 200px !important;
    }
    .slidercaptcha .card-body canvas:nth-child(2){
        height: 123.53px !important;
        width: 50px !important;
    } */
    .slidercaptcha  .sliderText{
        font-size: 12px;
    }
    

    .signup--page .signupformSections.col-md-8{
        width: calc(100% - 335px);
    }
    .signup--page .signupformSections.col-md-4{
        width: 335px;
    }

    /* ------------------ */
    .areaResearchPropertyCards .areaResearchCardLeft{
        width: 100%;
        margin-bottom: 10px;
    }
    .areaResearchPropertyCards .areaResearchCardRight{
        width: 100%;
        margin-left: 0px;
    }

    /* ------------------- */
    .graphCardChildTop{
        flex-direction: column;
    }
    .graphCardChildTopSec.graphCardChildTopTitle{
        padding-bottom: 5px;
    }
    .cardfiltersRight{
        justify-content: center;
    }
    .canvas {
        height: calc(100% - 57px) !important;
    }

    .graphCardChildTop{
        flex-direction: row;
    }
    .graphCardTabs .navTabItem{
        padding: 3px 4px 1px;
    }
    .areaInsightsSectionUpdate .newCardDesigns {
        padding: 5px 10px;
    }
    .graphCardChildTopSec.graphCardChildTopTitle {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .areaResearchRightCard .graphCardChild .graphCardDesign{
        margin-top: 10px;
    }
    .myAreaPage2 .dashHeadingTop.dashHeadingTopUpdate{
        align-items: inherit;
    }
    .dashHeadingTopUpdate .dashboardHeaderBtns2{
        align-items: end;
    }

    .propertyDetailTileChild .filtersListItemsNew li.filtersLists{
        width: 50%;
    }
    .dashboardStapsBox .col-sm-3{
        width: 50%;
        margin-bottom: 10px;
    }
    .dashboardStepsChild {
        padding: 10px 10px;
    }
    .dashboardTablesBox .dashboardTable, 
    .tableChartsBox .dashboardTableChildSec{
        width: 100%;
        margin-bottom: 15px;
    }
    .strategiesChartBox .chartLabelsBox ul{
        grid-template-columns: auto auto auto;
    }
    .commonDashboardChart, .basicChart {
        height: 200px;
        width: 200px;
    }
    .commonDashboardChartMain {
        height: 200px;
    }
    .basicChart, .basicChart svg, .basicChart img {
        width: 200px;
        height: 200px;
    }

    .findAreaPageSection .findAreaFilterPage {
        width: 100%;
        min-width: 100%;
    }
    .findAreaFilterTable {
        /* width: calc(100% - 15px); */
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }
    .tableFilterBottom{
        flex-direction: row;
        gap: 0;
    }
    .findAreaPageSection{
        flex-direction: column;
    }

    .topMidBoxLeftNew,
    .topLeftBoxWebNew{
        height: 90px;
    }
    .topLeftBoxWebNew{
        display: none;
    }
    .topLeftBoxMobNew{
        display: inline-flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .topLeftBoxNew{
        justify-content: space-between;
    }

    .userLeadsPageNew .topMainBarChild{
        flex-direction: column;
    }
    .topLeftBox.topLeftBoxMobNew .btnTabsCont {
        flex-direction: column;
        gap: 0px 5px;
    }
    .topMidBoxNew{
        margin-top: 20px;
        padding: 0;
    }
    .userLeadsFilters .savedFilterListItem {
        width: 24%;
        min-width: 24%;
        width: 24.27%;
        min-width: 24.27%;
    }





    .userLeadsFilters .savedFilterListItem:nth-child(5n-1) .savedFilterTooltip,
    .userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip{
        left: inherit;
        right: -300px;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(5n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(5n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
    .userLeadsFilters .savedFilterListItem:nth-child(5n+5) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(5n+5) .savedFilterTooltip .savedFilterTooltipChild::after{
        right: inherit;
        left: -10px;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(5n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(5n+5) .savedFilterTooltip .savedFilterTooltipChild::before{
        border-left: initial;
        border-right: 10px solid #dbdbdb;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(5n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
    .userLeadsFilters .savedFilterListItem:nth-child(5n+5) .savedFilterTooltip .savedFilterTooltipChild::after{
        border-left: initial;
        border-right: 10px solid var(--colorWhite);
    }


    .userLeadsFilters .savedFilterListItem:nth-child(4n-1) .savedFilterTooltip,
    .userLeadsFilters .savedFilterListItem:nth-child(4n+4) .savedFilterTooltip{
        right: inherit;
        left: -310px;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(4n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(4n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
    .userLeadsFilters .savedFilterListItem:nth-child(4n+4) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(4n+4) .savedFilterTooltip .savedFilterTooltipChild::after{
        left: inherit;
        right: -10px;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(4n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(4n+4) .savedFilterTooltip .savedFilterTooltipChild::before{
        border-right: initial;
        border-left: 10px solid #dbdbdb;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(4n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
    .userLeadsFilters .savedFilterListItem:nth-child(4n+4) .savedFilterTooltip .savedFilterTooltipChild::after{
        border-right: initial;
        border-left: 10px solid var(--colorWhite);
    }
    .topLeftBox.topLeftBoxMobNew .btnTabsCont{
        flex-direction: row;
    }

    .topLeftBoxNewChild2,
    .topLeftBoxNewChild2 .filterShowBtns{
        min-width: fit-content;
    }
    .topLeftBoxNewChild2 .filterShowBtns{
        padding-right: 5px;
        margin-right: 5px;
    }
    .filterShowBtns .showAllFiltersBox1{
        display: inline-block;
        float: left;
    }
    .dashBoxPageSection,
    .dashBoxPageSection.topMidBoxNew{
        padding: 10px 10px;
    }
    .topMidBoxLeftNew, .topLeftBoxWebNew {
        height: auto;
    }

    .topLeftBoxNewSectionWeb{
        display: none;
    }
    .topLeftBoxNewSectionMob{
        display: inline-block;
    }
    .topLeftBoxNewSectionScreen{
        display: flex;
    }
    .dashBoxPageSection .topMainBarChild{
        flex-wrap: wrap;
    }
    .topLeftBoxNewSectionScreen{
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }
    .topMidBoxNewDesign.topMidBoxNewDesign2{
        width: 100%;
        padding: 0;
        margin: 0;
        border: none;
        margin-top: 20px;
    }
    .topMidBoxChildNewSection .topMidBoxChildNewLeft{
        gap: 5px 5px;
    }
    .topLeftBoxNewSectionMob{
        border-left: none;
    }
    .tableFilterBottom{
        padding-bottom: 0;
    }
    .childFilters.childFiltersNew{
        grid-template-columns: auto auto auto auto;
    }

    .packages{
        width: 32%;
    }
    .packages h2{
        line-height: 34px;
        font-size: 30px;
    }
    .pricingTableBox table th:first-child, .pricingTableBox table td:first-child{
        width: 250px;
        min-width: 250px;
    }
    .fixedHeaderTable{
        width: 936px;
    }
    .pricingTableChild .fixedHeaderTable tr th:nth-child(2){
        width: 22.5%;
    }
    .pricingTableChild .fixedHeaderTable tr th:nth-child(3) {
        width: 21%;
    }
    .take-a-tour,
    .customTutorialBox{
        display: none;
    }
    .helpTutorialPage .col-sm-12 {
        width: calc(100% - 0px);
    }
    .topLeftBoxNewChild2NewSecLeads .userLeadsTopDesignNew .leadsDaysFilter{
        min-width: max-content;
    }
    .packages.samplePackages{
        width: 355px;
    }
    .leadsTable .dashboardTableTopRightChild{
        /* min-width: 210px; */
        min-width: auto;
    }

    .propImageBox .verticalSliderBoxUpdate .propImageSliders{
        height: 360px;
    }

    .myProspectsListingTradeItems{
        grid-template-columns: 1fr;
    }

    /* ------------------- */
    .tradingListingDetailChild{
        flex-direction: column;
    }
    .tradingListingSliderBox,
    .tradingListgingRight{
        width: 100%;
    }

    .propertyTradeRightTop.tradingListingSliderBox{
        margin-bottom: 30px;
    }
    .energyRartingBoxChart{
        width: auto;
    }

    .commonTabsSection .nav-tabs{
        padding: 0 70px;
    }
    .teamManagementSection .teamManagementImage {
        width: 350px;
        min-width: 350px;
    }

    .postValidationDashboard .col-sm-12{
        width: 50%;
    }
    .postValidationDashboard.postValidationDashboardNew .col-sm-12{
        width: 50%;
    }

    .areaPageHeatMapSection{
        flex-direction: row;
    }
    .areaPageHeatMapSection .findAreaFilterTable{
        margin-left: 15px;
        margin-top: 0;
    }
    .findAreaPageSection.findMapFilterPageUpdate .findAreaFilterPage.findAreaFilterPageUpdate{
        width: 100%;
        min-width: 100%;
    }
    .findMapFilterPageUpdate.areaPageHeatMapSection{
        flex-direction: column;
    }
    .areaPageHeatMapSection .findAreaFilterTable{
        /* width: calc(100% - 15px); */
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }

    /* ----------------- */
    .signup--page.signup--page-update .signupformSections.col-md-8{
        width: 66.66666667%;
    }

    .discountRibbonParent .discountRibbonChild{
        font-size: 14px;
    }

    .quick-search-tags {
        grid-template-columns: repeat(4, 1fr);
    }


    /* ------------------- */
    .freeTrialStepModal .modal-dialog{
        max-width: 900px;
    }

    
    /* Client Project Styling */
    .clientProject_featuresSection.pricingTableBox table tr th:nth-child(2){
        width: 22.5%;
    }
    .clientProject_featuresSection.pricingTableBox table tr th:nth-child(3){
        width: 21%;
    }


    /* ------------------ */
    .formPhotosCont .photoWrp img, .formPhotosCont .addPhotoBtn {
        width: 70px;
        height: 70px;
    }
    .chatbotBodyContent .tradingFormBox .mb-1{
        display: block;
        float: left;
        width: 100%;
        line-height: 15px;
    }
    .chatbotTrigger {
        height: 60px;
        width: 60px;
    }
    .chatbotSection .chatbotBody {
        bottom: 75px;
    }
    .chatbotTrigger {
        bottom: 10px;
    }
    .chatbox-main-content .formPhotosCont {
        padding: 2px 5px;
    }
    .chatbotTermsCondition p {
        font-size: 13px;
        line-height: 16px;
    }


    /* ----------------- */
    .multiUnitGridForm{
        grid-template-columns: repeat(2, 1fr);
    }
    .multiUnitGridFormCollectionChild .multiUnitGridForm{
        grid-template-columns: repeat(2, 1fr);
    }

    /* --------------- */
    .commonCheckboxGridSection {
        grid-template-columns: repeat(4, 1fr);
    }

}
@media(max-width: 1000px){
    .propertySearchFormChild{
        width: 100%;
    }
}
@media (max-width: 991px) {
    /* .insight-tiles-1 {
        margin-top: 8%;
    } */
    /* Home Page Start */
    .postcode-validation-fail{
        width: 100%;
    }
    
    .footerBox .col-sm-4,
    .footerBox .col-sm-8 {
        width: 100%;
    }
    .footerBox .footLeft {
        margin-bottom: 30px;
    }
    .homeBanner .bannerRight {
        min-width: 310px;
        width: 310px;
    }
    .fontSize52 {
        font-size: 43px;
    }
    .fontSize20 {
        font-size: 18px;
        line-height: 23px;
    }
    .fontSize26 {
        font-size: 24px;
        line-height: 30px;
    }
    .fontSize24 {
        font-size: 22px;
        line-height: 28px;
    }
    .fontSize18 {
        font-size: 17px;
    }
    .bannerLeft .mainHeading h2 {
        line-height: 60px;
    }
    .btnStyle {
        font-size: 16px;
        line-height: 16px;
    }
    .bannerLeft .mainHeading {
        margin-bottom: 40px;
    }
    .bannerInner {
        padding: 90px 0px 85px;
    }
    .featuresInner .col-sm-4 {
        width: 100%;
        margin-bottom: 30px;
    }
    .featuresInner .col-sm-4:nth-child(2) {
        margin-top: 0;
    }
    .featuresInner .col-sm-4:last-child {
        margin-bottom: 0;
    }
    .featureBox .featureImage {
        height: 75px;
        width: 75px;
        margin-bottom: 20px;
    }
    .featureBox .featureContents h4 {
        margin-bottom: 15px;
    }
    .container {
        max-width: 100%;
        padding: 0 30px;
    }
    .compFeatures {
        padding: 60px 0;
    }
    .testimonialContent {
        padding: 0 60px 60px 60px;
    }
    .testimonialSlider.slick-initialized .slick-slide {
        padding: 0 60px;
    }
    .midSocialLinks h4 {
        margin-bottom: 20px;
    }
    .testimonialContent span {
        width: 90px;
    }
    .testimonialContent::before,
    .testimonialContent::after {
        height: 40px;
        width: 40px;
    }
    .testimonialsBox {
        padding: 50px 0 30px;
    }
    .featuresInner .featureBox {
        padding: 30px 30px;
    }
    .weWork {
        padding: 45px 0;
    }
    .fontSize38 {
        font-size: 35px;
        line-height: 46px;
    }
    .weWorkLeft .subHeading {
        margin-bottom: 25px;
    }
    .weWorkLeft {
        padding-right: 10px;
    }
    .weWorkLeft .sectionContent {
        margin-bottom: 30px;
    }
    .footerTop {
        padding: 45px 0;
    }
    .footLeft .aboutCompany p {
        padding-right: 0;
    }
    .footerBtm {
        padding: 15px 0px;
    }
    .socialLinks ul li a {
        font-size: 19px;
    }
    /* Plan Page Start */
    .planPage .planInner .col-sm-4 {
        width: 50%;
        margin-bottom: 30px;
    }
    .planPage .planInner .col-sm-4:last-child {
        margin-left: 25%;
        margin-bottom: 0;
    }
    .planPage {
        padding: 35px 0 60px;
    }
    /* Plan Subscription Page Start */
    .stepBarInner ul {
        /* justify-content: flex-start; */
    }
    .stepBarInner .stepsList {
        margin-right: 22px;
        min-width: 160px;
        width: 160px;
    }
    /* Personal Details Page Start */
    .boxDesigns {
        padding: 40px 70px 50px;
    }
    /* Payment Thankyou Page Start */
    .innerBoxDesign {
        padding: 35px 30px 20px 30px;
    }
    /* My Area Page Start */
    .areaListBox .areaPriceInfo {
        font-size: 18px;
        line-height: 20px;
    }
    .areaListBox .areaAddress .locationIcon {
        width: 18px;
        margin-right: 10px;
    }
    .areaListBox .areaAddress {
        margin-bottom: 20px;
    }
    .areaList .areaListBox {
        padding: 18px 18px;
    }
    /* Portfolio Page Start */
    .emptyPortfolio .emptyPortfolioHead {
        padding: 0 25px;
    }
    .fontSize36 {
        font-size: 34px;
        line-height: 44px;
    }
    .listDesings span {
        font-size: 18px;
        line-height: 20px;
        padding: 0px 15px;
    }
    /* My Area Page Start */
    .myAreaPage .dashCardBox .myAreaCardBtm .btnStyle {
        font-size: 13px;
        line-height: 13px;
        padding: 9px 8px;
    }
    /* About Page Start */
    .aboutSectionsBottom .aboutSectiosBox .aboutSecRight {
        margin-top: 0;
    }
    .aboutSectiosBox .col-sm-6 {
        width: 100%;
    }
    .aboutSectionsBottom .aboutSectiosBox .aboutSecRight {
        padding-left: 0;
    }
    .aboutSecLeft {
        margin-bottom: 30px;
    }
    .aboutSecLeft span img {
        width: 100%;
        object-fit: cover;
    }
    /* .aboutSectionsBottom .aboutSectiosBox:first-child .aboutSecRight {
        margin-top: 0;
    } */
    .aboutSectionsBottom {
        margin-top: 0px;
    }
    .emptyResearch .emptyBoxImage {
        width: 120px;
        margin-bottom: 20px;
    }
    /* Payment Page Start */
    .paymentInnerBox .paymentRight {
        width: 300px;
        min-width: 300px;
    }
    #accSideNav {
        /* top: 64px; */
        padding-top: 0;
        box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.3);
        border: none;
    }
    .myAccNavDd {
        position: fixed !important;
        left: unset !important;
        top: 59px !important;
        right: 0 !important;
        transform: none !important;
        height: calc(100vh - 64px);
        margin: 0 !important;
        overflow: auto;
        border-radius: 0;
        border: none;
        box-shadow: -10px 0 10px -10px rgba(0, 0, 0, 0.3);
    }
    .myAccNavDd .ddList a {
        padding-right: 50px;
    }
    #dealsFilterModal .form-check-label {
        font-size: 14px;
    }
    .markedListsBox .markedListItem {
        font-size: 18px;
    }
    .columnOptionSection .columnOptionBox {
        padding: 20px 15px;
    }
    .customCheckBox input[type="checkbox"]+label {
        font-size: 15px;
        line-height: 22px;
        padding-left: 28px;
    }
    .customCheckBox {
        margin-bottom: 15px;
    }
    .upgradePlanPage .container {
        width: 100%;
        padding: 0;
    }
    .formDesign .formHeadingCont.formHeadingContNew {
        flex-direction: column;
        align-items: flex-start;
    }
    .formHeadingContNew .form-switch-row {
        margin-top: 15px;
    }
    .aboutBannerImg{
        margin: 30px 0;
    }
    .smallButton2{
        font-size: 12px;
        line-height: 12px;
    }
    .viewPropertyBtm .viewPropertyAdd{
        /* width: 50%; */
        padding: 0 5px;
    }
    .propertyMapBox{
        min-height: 350px;
    }
    .viewPropertyAdd .addPropBtn br {
        display: none;
    }
    .propPhogoGallery .galleryImg{
        height: 116px;
        width: 116px;
    }
    .propPhogoGallery .galleryImg .removePropImage a{
        height: 26px;
        width: 26px;
        font-size: 14px;
    }
    .addStrategy .modal-dialog{
        max-width: 90%;
    }
    .recordOferModal .modal-dialog{
        max-width: 690px;
    }
    .secSlidersBoxInner .row {
        margin-left: -20px;
        margin-right: -20px;
    }
    .secSlidersBoxInner .row .col-md-6 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .sectionSlider.slick-initialized .slick-slide {
        height: 210px;
    }
    .weWorkNew .weWorkBox .row {
        margin-left: -20px;
        margin-right: -20px;
    }
    .weWorkNew .weWorkBox .col-sm-12 {
        padding-left: 20px;
        padding-right: 20px;
    }

    /* ---------- */
    .filtersListItems li{
        width: 23%;
    }
    .webViewIcon{
        display: none;
    }
    .mobViewIcon{
        display: inline;
    }

    .filtersModal .modal-dialog{
        max-width: 700px;
    }


    /* ---------------- */
    .newFiltersDropbox{
        left: -247px;
        /* left: -290px; */
    }
    .newFiltersDropbox::before, .newFiltersDropbox::after {
        left: 343px;
    }
    .newFiltersDropbox {
        width: 608px;
    }
    .leadsTypeFilter {
        width: 380px;
    }
    .newFiltersDropbox.leadsTypeFilter::before, .newFiltersDropbox.leadsTypeFilter::after {
        right: 4px;
    }

    .downloadCsvBox a{
        padding: 8px 10px 7px;
    }
    .newFiltersDropbox.sortbyTypeFilter{
        right: -57px;
    }
    .newFiltersDropbox.sortbyTypeFilter::before, .newFiltersDropbox.sortbyTypeFilter::after {
        right: 60px;
    }
    .filtersListsParent2 .filtersListItems.savedFiltersModalList li{
        width: 48%;
    }

    /* --------------- */
    .filtersListItemsNew .filtersLists .savedFilterListItem .savedFilterTooltip{
        display: none;
    }
    .showMoreFiltersModal .modal-dialog {
        max-width: 95%;
    }

    .signup--page .signupformSections.col-md-8{
        width: 50%;
    }
    .signup--page .signupformSections.col-md-4{
        width: 50%;
    }
    .signup--page .signupformSections.signupformSectionsLeft .col-sm-12{
        width: 100%;
    }
    .signupformSections.signupformSectionsLeft .tab-login {
        padding: 20px 20px;
    }

    .signupformSections.signupformSectionsLeft .tab-login{
        padding-bottom: 0;
    }
    .quotesSliderNew {
        padding: 0px 20px;
    }
    .pageSpacingBox{
        width: calc(100% - 0px);
    }
    .propertySearchFormChild{
        width: 95%;
    }

    .asideListNew{
        position: fixed;
        top: 58px;
        left: 0;
        background: var(--colorWhite);
        height: calc(100vh - 58px);
        width: 285px;
        transition: all 0.3s ease;
        opacity: 0;
        visibility: hidden;
    }
    .asideListNew .asideNavDropbox{
        position: absolute;
        content: '';
        height: 100vh;
        width: calc(100vw - 262px);
        background: rgba(0,0,0,0.5);
        z-index: 0;
        top: 0;
        left: 262px;
        /* opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease; */
    }
    .asideListNew.asideListNew2{
        opacity: 1;
        visibility: visible;
        transition: all 0.3s ease;
    }
    /* .asideListNew.asideListNew2 .asideNavDropbox{
        opacity: 1;
        visibility: visible;
        transition: all 0.3s ease;
    } */
    .findAreaPageSection .findAreaFilterPage {
        width: 100%;
        min-width: 100%;
    }
    .findAreaPageSection {
        flex-direction: column;
    }
    /* .toggleRegionChecks .toggleDivIcon{
        display: none;
    } */
    /* .findAreaChecksLists{
        display: block;
    } */
    .findAreaChecksSection{
        border-bottom: none;
        padding-bottom: 0;
    }
    

    
    .userLeadsFilters .savedFilterListItem:nth-child(5n-1) .savedFilterTooltip,
    .userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip{
        left: inherit;
        right: -300px;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(5n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(5n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
    .userLeadsFilters .savedFilterListItem:nth-child(5n+5) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(5n+5) .savedFilterTooltip .savedFilterTooltipChild::after{
        right: inherit;
        left: -10px;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(5n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(5n+5) .savedFilterTooltip .savedFilterTooltipChild::before{
        border-left: initial;
        border-right: 10px solid #dbdbdb;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(5n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
    .userLeadsFilters .savedFilterListItem:nth-child(5n+5) .savedFilterTooltip .savedFilterTooltipChild::after{
        border-left: initial;
        border-right: 10px solid var(--colorWhite);
    }


    .userLeadsFilters .savedFilterListItem:nth-child(4n-1) .savedFilterTooltip,
    .userLeadsFilters .savedFilterListItem:nth-child(4n+4) .savedFilterTooltip{
        right: inherit;
        left: -310px;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(4n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(4n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
    .userLeadsFilters .savedFilterListItem:nth-child(4n+4) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(4n+4) .savedFilterTooltip .savedFilterTooltipChild::after{
        left: inherit;
        right: -10px;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(4n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(4n+4) .savedFilterTooltip .savedFilterTooltipChild::before{
        border-right: initial;
        border-left: 10px solid #dbdbdb;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(4n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
    .userLeadsFilters .savedFilterListItem:nth-child(4n+4) .savedFilterTooltip .savedFilterTooltipChild::after{
        border-right: initial;
        border-left: 10px solid var(--colorWhite);
    }

    .newFiltersDropbox.sortbyTypeFilter {
        right: initial;
        left: 0;
    }
    .newFiltersBox.newFiltersActive .newFiltersDropbox{
        left: 0;
    }
    .newFiltersDropbox::before, .newFiltersDropbox::after {
        left: 0;
    }
    .newFiltersDropbox.leadsTypeFilter::before, .newFiltersDropbox.leadsTypeFilter::after {
        right: initial;
        left: 0;
    }

    .packages{
        width: 31%;
    }
    .packages h2{
        line-height: 32px;
        font-size: 28px;
    }
    .pricingTableBox table th:first-child, .pricingTableBox table td:first-child{
        width: 180px;
        min-width: 180px;
    }
    .packages .buttonStyle{
        font-size: 14px;
        line-height: 14px;
    }
    .packages{
        padding: 20px 10px;
    }
    .packages h4 span.tagSubContentSection {
        font-size: 12px;
        line-height: 14px;
    }
    .pricingTableBox table th{
        font-size: 18px;
    }
    .fixedHeaderTable {
        width: calc(100% - 60px);
    }
    .pricingTableChild .fixedHeaderTable tr th:nth-child(1){
        width: 189px;
        min-width: 189px;
    }
    /* .pricingTableChild .fixedHeaderTable tr th:nth-child(2), 
    .pricingTableChild .fixedHeaderTable tr th:nth-child(3),
    .pricingTableChild .fixedHeaderTable tr th:nth-child(4) {
        width: 27%;
    } */
    .pricingTableChild .fixedHeaderTable tr th:nth-child(2){
        width: 26%;
    }
    .pricingTableChild .fixedHeaderTable tr th:nth-child(3){
        width: 26%;
    }
    .pricingTableChild .fixedHeaderTable tr th:nth-child(4) {
        width: 35%;
    }
    .packages {
        padding: 45px 10px 20px;
    }
    .userLeadsPageNewDesign .leadsPageFilterProperty .savedFilterListItem .savedFilterTooltip{
        left: -220px;
    }
    .userLeadsPageNewDesign .savedFilterListItem .savedFilterTooltip{
        width: 210px;
    }
    .userLeadsPageNewDesign .savedFilterListItem .savedFilterTooltipChild {
        width: 230px;
    }
    .packages.samplePackages{
        width: 355px;
    }
    .discountRibbonParent .discountRibbonChild{
        left: -19px;
        width: 150px;
    }

    /* --------------- */
    .tradingListingSliderSec {
        min-height: auto;
        height: 100%;
    }

    .bookSessionList,
    .bookSessionListHr{
        display: none;
    }


    .commonTabsSection .nav-tabs{
        padding: 0px;
    }
    .teamManagementSection .teamManagementImage {
        width: 250px;
        min-width: 250px;
    }

    .tutorialVideoModal .modal-dialog{
        max-width: 95%;
    }
    .tutorialVideoModal .modalBody {
        padding: 0px 20px 20px;
    }

    .areaPageHeatMapSection{
        flex-direction: column;
    }
    .areaPageHeatMapSection .findAreaFilterTable{
        margin-left: 0px;
        margin-top: 15px;
    }
    .findAreaPageSection .findAreaFilterPage.findAreaFilterPageUpdate{
        width: 100%;
        min-width: 100%;
    }
    .findAreaFilterTable{
        width: 100%;
    }

    .signup--page.signup--page-update .signupformSections.signupformSectionsLeft .col-md-4{
        width: 50%;
    }
    .signup--page.signup--page-update .signupformSections.signupformSectionsLeft .col-lg-2{
        width: 33.3%;
    }

    /* -------------- */
    .discountRibbonParent .discountRibbonChild{
        width: auto;
        max-width: 100%;
    }
    .packages{
        padding-top: 50px;
    }
    .discountRibbonParent .discountRibbonChild{
        top: -46px;
    }

    .verticalFlexBox{
        /* flex-direction: column; */
        justify-content: flex-start;
        gap: 15px;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    /* .verticalFlexBox .topMidBoxChildNewLeft{
        margin-left: 0 !important;
    } */
    .topLeftBox-update {
        flex-wrap: nowrap;
        align-items: flex-start;
    }


    /* --------------- */
    .freeTrialStepModal .modal-dialog{
        max-width: 90%;
    }
    .freeTrailStepsContent,
    .freeTrailStepsContent.freeTrailStp2Content {
        padding: 20px 40px 40px;
    }

}

@media (min-width: 992px) {
    /* .insight-tiles-1 {
        margin-top: 9%;
    } */
    .loader {
        background-size: 20%;
    }
    #accSideNav {
        position: sticky !important;
        /* width: auto !important; */
        /* height: 100vh !important; */
        min-height: calc(100vh + 130px )!important;
        transform: none !important;
        z-index: unset !important;
        visibility: visible !important;
        background: var(--colorWhite);
        top: 0;
    }
}
@media (max-width: 768px) {
    /* .insight-tiles-1 {
        margin-top: 9%;
    } */
    .loader {
        background-size: 35%;
    }
    .single-course .course-detail-popup{
        display: none;
    }

    .disable-for-coupon-field{
        margin-top: 12px;
    }
}
@media (max-width: 767px) {
    /* .insight-tiles-1 {
        margin-top: 12%;
    } */
    /* Sidenav Start */
    .loader {
        background-size: 35%;
    }
    .topBoxs {
        margin-top: 85px;
    }
    .navbar-expand-md .navbar-toggler {
        display: block;
    }
    .navbar-expand-md .navbar-collapse {
        position: fixed;
        width: 250px;
        top: 0;
        left: -250px;
        background-image: linear-gradient(to bottom, #152969, #142764, #13255e, #122359, #112154);
        height: 100%;
        transition: all 0.3s ease;
        display: initial !important;
        margin-top: 50px;
        padding: 20px 12px 0px 12px;
        z-index: 9;
    }
    .navbar-expand-md .navbar-collapse.show {
        left: 0;
    }
    .nav-link:hover,
    .nav-link:focus {
        border-bottom: none;
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: column;
    }
    .navbar-light .navbar-nav .nav-item {
        margin-bottom: 5px;
    }
    .headerBox {
        display: block !important;
        float: left !important;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding: 0;
        color: white;
    }
    .nav-item {
        margin-bottom: 15px;
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: relative;
        background: transparent;
        border: none;
        padding-bottom: 0;
    }
    .navbar-expand-md .navbar-nav .dropdown-menu.show {
        transition: all 0.3s ease;
    }
    .dropdown-item {
        color: #fff;
    }
    /* Sidenav End */
    /* Common Classes Start */
    .myAccHeader {
        padding-left: 20px;
        padding-right: 20px;
    }
    .p-40-sec,
    .p-30-40-sec,
    .p-40-80-sec,
    .p-30-100-sec,
    .p-20-sec {
        padding: 20px;
    }
    .myAccMain {
        padding: 84px 20px 30px;
    }
    /* Common Classes End */
    /* Home Page Start */
    .footMidList .midQuickLinks {
        width: 100%;
        margin-bottom: 30px;
    }
    .midSocialLinks {
        width: 100%;
    }
    .bannerInner {
        padding: 60px 0px 50px;
    }
    .bannerInner {
        flex-direction: column;
    }
    .homeBanner .bannerLeft {
        width: 100%;
        margin-bottom: 50px;
    }
    .bannerLeft .topHeading {
        margin-bottom: 25px;
    }
    .bannerLeft .mainHeading {
        margin-bottom: 25px;
    }
    .featuresInner .featureBox {
        padding: 20px 20px;
    }
    .featuresInner .col-sm-4 {
        margin-bottom: 20px;
    }
    .testimonialSlider.slick-initialized .slick-slide {
        padding: 0px 30px;
    }
    .fontSize24 {
        font-size: 20px;
        line-height: 26px;
    }
    .testimonialContent {
        padding: 0 50px 50px 50px;
    }
    .testimonialContent::before,
    .testimonialContent::after {
        height: 30px;
        width: 30px;
    }
    .fontSize18 {
        font-size: 16px;
    }
    .testimonialSlider .slick-dots li {
        height: 10px;
        width: 10px;
    }
    .compFeatures {
        padding: 45px 0;
    }
    .featureBox .featureContents h4 {
        margin-bottom: 12px;
    }
    .featureBox .featureImage {
        margin-bottom: 17px;
    }
    .testimonialsBox {
        padding: 40px 0 30px;
    }
    .fontSize38 {
        font-size: 32px;
        line-height: 40px;
    }
    .weWorkLeft .subHeading {
        margin-bottom: 20px;
    }
    .weWorkLeft {
        margin-bottom: 40px;
    }
    .midSocialLinks .footLinkSocial {
        margin-bottom: 0;
    }
    .socialLinks ul li {
        margin-right: 20px;
    }
    .homeBanner .bannerRight {
        min-width: 100%;
        width: 100%;
    }
    .homeBanner .bannerRight .bannerVideo {
        width: 70%;
        margin: 0 auto;
        float: unset;
    }
    .homeBanner .bannerLeft {
        padding-right: 0;
    }
    /* Plan Page Start */
    .planPage .planInner .col-sm-4 {
        width: 100%;
        margin-bottom: 30px;
    }
    .planPage .planInner .col-sm-4:last-child {
        margin-left: 0%;
        margin-bottom: 0;
    }
    /* .stepBarInner .stepsList {
    min-width: 44%;
    width: 44%;
    margin: 10px 10px;
  } */
    .onMobView .stepbarTop,
    .onMobView .stepName {
        display: none;
    }
    .stepBarInner .stepsList {
        width: auto;
        min-width: auto;
    }
    .stepBarInner .stepsList.onMobView a .stepCount {
        margin-bottom: 18px;
    }
    .stepsList a div {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    /* Plan Subscription Page Start */
    .stepBarInner ul {
        justify-content: flex-start;
        justify-content: space-evenly;
    }
    /* Personal Details Page Start */
    .boxDesigns {
        padding: 30px 30px 30px;
    }
    /* Signup Complete Page Start */
    .signupCompleteBox .topBoxSection h5 {
        margin-top: 30px;
    }
    .btnBoxDesign span {
        margin-right: 12px;
    }
    .btnStyle.btnStyle3 {
        padding: 15px 40px;
    }
    .onNextPage {
        margin-top: 30px;
    }
    .btnStyle {
        font-size: 14px;
        line-height: 14px;
    }
    /* Payment Thankyou Page Start */
    .innerBoxDesign {
        padding: 35px 30px 20px 30px;
    }
    .planDetailInfo .col-sm-6 {
        width: 100%;
    }
    .planDetailInfo .planDetailList {
        margin-bottom: 30px;
    }
    /* My Area Page Start */
    .areaListBox .areaAddress .locationIcon {
        width: 16px;
    }
    /* Portfolio Page Start */
    .emptyPortfolio .emptyPortfolioHead {
        padding: 0px;
    }
    .emptyPortfolio .emptyPortfolioHead {
        font-size: 20px;
    }
    .emptyPortfolio .emptyPortfolioBox {
        font-size: 30px;
        line-height: 40px;
    }
    .portfolioList .col-sm-6 {
        width: 100%;
    }
    /* Add Property Page Start */
    .formDesign .form-control {
        font-size: 17px;
        line-height: 17px;
    }
    .backPageOption a {
        font-size: 16px;
        line-height: 16px;
    }
    .backPageOption .backIcon {
        margin-right: 12px;
        width: 9px;
    }
    /* User Dashboard Page Start */
    .statusBarBox {
        width: 55%;
    }
    /* User-Research Page Start */
    .researchCardDetails .leftBlock {
        width: 43%;
    }
    .valueStatus .statusLabel {
        font-size: 13px;
        line-height: 14px;
    }
    .priceFlowSec2 .priceFlowBox {
        font-size: 11px;
        line-height: 11px;
    }
    .areaListBox.areaListBox2 .addressDetail {
        line-height: 21px;
        font-size: 15px;
    }
    .researchCardDetails .statusBarBox {
        width: 50%;
    }
    .researchCardDetails .leftBlock {
        width: 48%;
    }
    .btnBoxDesign2.btnBoxDesign3 {
        flex-direction: row;
    }
    .btnBoxDesign.btnBoxDesign3 span {
        margin-bottom: 0px;
        margin-right: 10px;
    }
    .btnBoxDesign.btnBoxDesign3 span:last-child {
        margin-right: 0;
    }
    /* My Sourcing Leads Page Start */
    .sourcingLeadsPage .dashCardsSection .col-sm-6 {
        margin-bottom: 20px;
    }
    /* My Portfolio Page Start */
    .portfolioHeadBox .row .col-sm-4 {
        width: 50%;
    }
    .viewsInterestBox {
        width: 64%;
    }
    .tagInfoSec .secLabel {
        font-size: 12px;
        line-height: 12px;
    }
    .tagInfoSec .secCount {
        font-size: 13px;
        line-height: 14px;
    }
    .dashHeadingTop {
        flex-direction: column;
    }
    .dashHeadingTop .leftSection,
    .dashHeadingTop .dashboardHeaderBtns {
        width: 100%;
    }
    .dashHeadingTop .dashboardHeaderBtns {
        margin-top: 10px;
    }
    .dashHeadingTop .dashboardHeaderBtns {
        text-align: right;
    }
    .dashHeadingTop .dashboardHeaderBtns span {
        float: unset;
    }
    .dashHeadingTop .dashboardHeaderBtns span:first-child {
        margin-left: 0;
    }
    /* About Page Start */
    .aboutPage .aboutCardSection {
        padding: 30px;
    }
    .bannerSectionsHeading {
        margin-bottom: 25px;
    }
    /* Kundan Code */
    .formRadGrp .formRow:not(.formCell) {
        padding: 0;
    }
    .formRadGrp .border-end {
        border: none !important;
        border-bottom: 1px solid #d5d5d5 !important;
    }
    .formRadGrp .formCell {
        padding: 15px 0;
    }
    #updProfF .userPicCol {
        border: none;
    }
    .btnTabsCont a {
        min-width: 50px;
    }
    .emptyResearch .emptyBoxImage {
        width: 100px;
    }
    .modalBox .modal-content {
        padding: 35px;
    }
    /* Login/Signup Page */
    #main-login {
        max-width: 100%;
    }
    .logSignupPage {
        padding: 0 30px;
    }
    .nav-fill .nav-item {
        margin-bottom: 0;
    }
    .chooseColorList .addColorBox {
        left: initial;
        right: 72px;
        width: 210px;
    }
    .addColorForm .colorCodeSubmit {
        margin-bottom: 20px;
    }
    /* Payment Page Start */
    .paymentInnerBox {
        flex-direction: column;
    }
    .paymentInnerBox .paymentRight {
        width: 100%;
        min-width: 100%;
        margin-left: 0px;
        margin-top: 30px;
    }
    /* Sidebar Start */
    #sideNav {
        position: fixed;
        top: 64px;
        left: -100%;
        z-index: 9999;
        height: 100%;
        background: white;
        box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.3);
        transition: 0.3s;
    }
    #sideNav.active {
        left: 0;
    }
    .navbar-expand-md .navbar-nav .nav-item {
        margin: 0;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding: 10px 100px 10px 20px;
    }
    .navbar-expand-md .navbar-nav .nav-link:hover,
    .navbar-expand-md .navbar-nav .nav-link:focus {
        background: #f5f5f5;
        box-shadow: inset 5px 0 var(--colorWarmGrey);
        color: var(--colorWarmGrey);
    }
    .navbar-expand-md .navbar-nav .nav-link.active {
        background: var(--colorPrimBg);
        box-shadow: inset 5px 0 var(--colorPrim);
        color: var(--colorPrim);
    }
    /* Sidebar End */
    /* Form Controls, Buttons Start */
    .form-switch-row .form-check-input {
        width: 40px;
        height: 24px;
    }
    .btnReg1 {
        padding: 7px 12px;
        font-size: 14px;
        line-height: normal;
    }
    /* Form Controls, Buttons End */
    .sqMapImg {
        width: 70px;
        height: 70px;
    }
    .form-switch-row .form-check {
        margin-left: 20px;
    }
    /* .form-switch-row label {
    font-size: 14px;
    line-height: normal;
  } */
    /* Update Profile Page Start */
    .changeProfileImg .profileImg {
        margin: 0 auto;
    }
    .prim24med {
        font-size: 22px;
        line-height: normal;
    }
    .successModal .modal-body {
        padding: 20px 40px;
        font-size: 20px;
    }
    #cancelPlanModal .modal-body {
        padding: 20px 40px;
        font-size: 20px;
    }
    .checkLabelBlack .form-check-label {
        /* font-size: 14px; */
        font-size: 17px;
        line-height: normal;
    }
    .propImageBox .propImageSliders {
        width: 400px;
        min-width: 400px;
        height: 270px;
    }
    .form-switch-row label {
        flex: inherit;
    }
    .form-switch-row2 {
        justify-content: flex-end;
    }
    .form-switch-row2 label {
        line-height: 14px;
    }
    .columnOptions .col-sm-4 {
        width: 100%;
        margin-bottom: 20px;
    }
    .columnOptions .col-sm-4:last-child {
        margin-bottom: 0px;
    }
    .statsHeadBox {
        flex-direction: column;
    }
    .graphTooltip .ttBox {
        max-width: 200px;
        padding: 7px;
    }
    .graphTooltip .ttTitle,
    .graphTooltip .ttBody,
    .graphTooltip .ttFoot {
        margin-top: 3px;
        font-size: 12px;
    }
    .featureImage {
        height: 250px;
    }
    .sourceImage {
        height: 70px;
    }
    .helpBannerImg {
        width: 300px;
        display: inline-block;
    }
    .helpBannerImg img {
        height: 100%;
        width: 100%;
    }
    .askPriceMid {
        display: block;
        float: left;
        width: 100%;
        text-align: left;
        margin-top: 20px;
        margin-bottom: 0;
    }
    .filterListsOptions .listRows {
        margin-top: 20px;
        padding-right: 20px;
    }
    .modal-open .select2-container {
        width: 470px !important;
    }
    .colOptFixedBox {
        width: auto;
        flex: 1;
    }
    .colOptCheck {
        flex: 1;
    }
    .colOptLeft input {
        order: 1;
        margin-right: 7px;
    }
    .colOptLeft label {
        order: 2;
    }
    .colOptRight label {
        text-align: left;
    }
    .bigHeadingCont {
        order: 3;
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }
    .pagination {
        justify-content: flex-start;
        overflow: auto;
    }
    .propStatsHeader {
        display: block;
    }
    .propGrowthHead .postcodeDataTabs {
        height: 0;
    }
    .propGrowthHead .postcodeDataTabs a {
        position: relative;
        top: 20px;
    }
    .propGrowthHead .askPriceMid {
        width: auto;
    }
    #accSideNav {
        min-width: auto;
    }
    .portfolioHeadBox {
        text-align: center;
    }
    .portfolioHeadBox .portfolioCardRight {
        display: none;
    }
    .portfolioHeadBox .portfolioCardCount {
        font-size: 14px;
    }
    .portfolioHeadBox .portfolioCardLabel {
        font-size: 12px;
    }
    .dashSliderCont .dashSlideLBtn {
        left: -15px;
    }
    .dashSliderCont .dashSlideRBtn {
        right: -15px;
    }
    .dashboardHeaderBtns {
        justify-content: start;
    }
    .myAreaPage2  .dashboardHeaderBtns .form-switch-row2{
        width: 100%;
    }
    .form-switch-row2 {
        justify-content: flex-start;
        margin-bottom: 20px;
    }
    .myAreaPage2 .dashHeadingTop .dashboardHeaderBtns span{
        margin-right: 10px;
        margin-left: 0px;
    }
    .myAreaPage2 .dashHeadingTop .dashboardHeaderBtns span:nth-child(2){
        margin-right: 0px;
        margin-left: 0px;
    }
    .myAreaPage2 .dashHeadingTop .dashboardHeaderBtns span:nth-child(2) a{
        margin-right: 10px;
    }
    .targetAreaTable table tr td:first-child{
        font-size: 14px;
    }
    .targetAreaTable table tr th:first-child {
        font-size: 16px;
    }
    .targetAreaTable table tr th{
        font-size: 14px;
    }
    .propertyCountBox {
        width: 170px;
        min-width: 170px;
    }

    /* ---------------- */
    .dealAnalyserPage .col-sm-6{
        width: 50%;
    }
    .analyserTopbar{
        width: 100%;
        justify-content: flex-end;
        margin: 20px 0px 10px;
    }

    .moreOptions.moreOptionsLink div{
        right: -100%;
    }
    .newBoxDesign.pageTagBox{
        margin-top: 0px !important;
    }
    .viewPropertyBtm{
        flex-direction: column;
    }
    .viewPropertyBtm .viewPropertyAdd{
        width: 100%;
        padding: 0 0px;
    }
    .viewPropertyBlock .viewPropertyTop .viewPropertyAddress br{
        display: none;
    }
    .propertyDetailTabs .nav-item{
        width: 33.3%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .propertyDetailTabs .nav-tabs .nav-link{
        background: var(--colorWhite);
        border: 1px solid #ccc;
    }
    .propertyDetailTabs .nav-tabs .nav-link.active{
        border: 1px solid var(--colorBlue);
        background: var(--colorBlue);
        color: var(--colorWhite);
    }
    .propertyDetailTabs .nav-tabs .nav-link.active .highlightCount{
        background: var(--colorWhite);
        color: var(--colorBlue);
    }

    .cardInfoSec .cardInfo {
        width: 260px;
        min-width: 260px;
    }
    .modalDesign2 .modal-dialog{
        max-width: 80%;
        margin: 30px auto;
    }
    .viewPropertyDetail .col-sm-6{
        width: 50% ;
    }
    .viewPropertyAdd .addPropBtn br {
        display: initial;
    }
    .propPhogoGallery .galleryImg {
        height: 107px;
        width: 107px;
    }
    .modalDesign .modal-dialog{
        margin: 30px auto;
    }
    .btnStyleNew{
        font-size: 18px;
    }
    .recordOferModal .modal-dialog{
        max-width: 90%;
        margin: 30px auto;
    }
    .recordOfferForm .inputIconBox .inputIcon{
        font-size: 18px;
        line-height: 18px;
    }
    .locationAddressBox.locationAddressBoxNew{
        flex-direction: column;
    }
    .locationAddressBox.locationAddressBoxNew h4{
        margin-bottom: 20px;
    }
    .offersInnerTabs .nav-tabs .nav-item {
        width: 31%;
    }
    .offersInnerTabs .nav-tabs{
        justify-content: flex-start
    }
    .addStrategyInner{
        overflow-x: auto;
    }
    .formDesign .addStrategyInner td{
        min-width: 100px;
    }
    .propertyInnerTabs .nav-tabs .nav-item.tabActiveProperty {
        width: 49%;
    }
    .propertyInnerTabs .nav-tabs .nav-item.tabCommercialProspect{
        width: 23%;
    }
    .propertyInnerTabs .nav-tabs .nav-item.tabArchives{
        width: 23%;
    }
    .secSliderRight {
        margin-top: 40px;
    }
    .secSlidersBoxInner .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .secSlidersBoxInner .row .col-md-6 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .sectionSlider.slick-initialized .slick-slide {
        height: 300px;
    }
    .weWorkNew .weWorkBox .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .weWorkNew .weWorkBox .col-sm-12 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .search-box {
        margin: 0 0 0 25px;
    }
    .search-box input {
        width: 360px;
    }
    .analyser-search-box input {
        width: 360px;
    }
    .single-course:nth-child(even) .course-detail-popup,
    .single-course:nth-child(odd) .course-detail-popup{
        top: unset;
        bottom: calc(100% + 5px);
        transform: unset;
    }
    .single-course:nth-child(even) .course-detail-popup{
        right: 0;
        left: unset;
    }
    .single-course:nth-child(odd) .course-detail-popup{
        right: unset;
        left: 0;
    }
    .single-course:nth-child(even) .course-detail-popup:after,
    .single-course:nth-child(even) .course-detail-popup::before,
    .single-course:nth-child(odd) .course-detail-popup:after,
    .single-course:nth-child(odd) .course-detail-popup:before {
        transform: rotate(-90deg);
        top: calc(100% - 5px);
    }

    .single-course:nth-child(even) .course-detail-popup:after,
    .single-course:nth-child(even) .course-detail-popup::before{
        right: calc(50% - 5px);
        left: unset;
    }
    .single-course:nth-child(odd) .course-detail-popup:after,
    .single-course:nth-child(odd) .course-detail-popup::before{
        left: calc(50% - 5px);
        right: unset;
    }
    .search-course-container .course-list .single-course a{
        display: block;
    }
    .search-course-container .course-list .single-course .course-image{
        margin: 0 0 18px;
    }
    .filter-toggle h5 {
       display: none;
    }
    .search-box-main{
        display: block;
    }
    .search-box{
        margin: 18px 0;
        display: flex;
    align-items: center;
    }
    .search-box label{
        margin-right: 10px;
    }
    .search-box input {
        width: calc(100% - 75px);
        margin: 0;
        min-width: 90%;
    }
    .analyser-search-box input {
        width: calc(100% - 75px);
        margin: 0;
        min-width: 90%;
    }
    .search-box-main button{
        margin: 10px 0 0 ;
    }
    .custom-sticky-header .dashboardHeaderBtns
    a span{
        display: none;
    }
    .custom-sticky-header .dashboardHeaderBtns a{
        height: 35px;
        width: 35px;
        padding: 7px;
        margin:  0 !important;
    }
    .custom-sticky-header .dashboardHeaderBtns .rightSection{
        margin: 0 0 0 4px !important;
    }
    .custom-sticky-header .dashboardHeaderBtns .rightSection:last-child{
        display: none;
    }
    .custom-sticky-header .dashboardHeaderBtns .form-switch-row2{
        width: auto !important;
        margin: 0 10px 0 0 !important;
    }
    .custom-sticky-header .dashboardHeaderBtns  .fontSize14{
        font-size: 12px;
    }

    /* ---------------------- */
    .propertyDetailTabs.propertyDetailTabs2 .nav-tabs .nav-link{
        border: none;
    }
    .propertyDetailTabs.propertyDetailTabs2 .nav-tabs .nav-link.active{
        border: none;
        color: var(--colorPrim);
    }
    .propertyDetailTabs.propertyDetailTabs2 .nav-tabs .nav-item{
        margin-bottom: 0;
        padding: 0;
    }

    .areaInsightsSection.areaInsightsSectionNew .dealCardsSection .col-sm-4,
    .areaInsightsSection.areaInsightsSectionNew .dealCardsSection .col-sm-12{
        padding-left: 15px;
        padding-right: 15px;
    }

    /* ----------------New Changes------------------ */
    .analysePropertyView .propertyDetailTabs .nav-tabs .nav-link{
        height: 100%;
    }

    .filtersModal .modal-dialog{
        max-width: 95%;
    }
    .filtersModal .modalBodyBox{
        /* padding: 20px; */
    }
    .childFilters .childFiltersCheckbox{
        width: 50%;
        width: 33%;
    }
    .childFilters {
        /* padding-left: 25px; */
    }
    .countsFilters  .col-sm-12{
        width: 33.3%;
    }

    /* --------------- */
    .topLeftBoxWeb{
        display: none;
    }
    
    .topMainBarChild {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .topMidBox {
        width: 100%;
        display: block;
    }
    .topMidBox {
        order: 3;
        padding: 0;
        margin-top: 15px;
    }
    .topLeftBoxMob{
        display: inline-block;
        order: 2;
    }
    .filtersSectionChild .col-sm-4{
        width: 50%;
    }
    .filtersListsItem{
        /* width: 23%; */
    }
    .newFiltersDropbox{
        left: 0;
        width: calc(100vw - 58px);
        width: calc(100vw - 40px);
    }
    .newFiltersDropbox::before, .newFiltersDropbox::after {
        left: 0;
    }
    .newFiltersBox .newFiltersDropbox.leadsTypeFilter{
        right: -12px;
        width: calc(100vw - 58px);
    }
    .newFiltersDropbox.leadsTypeFilter::before, .newFiltersDropbox.leadsTypeFilter::after {
        right: 15px;
    }
    .filtersSectionChild2 .parentFilter{
        width: 33%;
    }
    .filtersBottomSecTop{
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    .filtersBottomSecTop span:first-child{
        order: 1;
    }
    .filtersBottomSecTop span:nth-child(2){
        width: 100%;
        order: 0;
    }
    .filtersBottomSecTop span:last-child{
        order: 2;
    }

    .newFiltersBox .newFiltersDropbox.leadsTypeFilter{
        width: 380px;
    }
    #Grid_Table_MapTab .table-responsive{
        float: left;
         width: 100%;
    }
    #GridTable_Map_Tab{
        float: left;
    }
    .savedFilterTooltipChild::before{
        border-left: initial;
        border-right: 10px solid #dbdbdb;
    }
    .savedFilterTooltipChild::after{
        border-left: initial;
        border-right: 10px solid var(--colorWhite);
    }
    .savedFilterListItem .savedFilterTooltip {
        left: inherit;
        right: -240px;
    }
    .savedFilterListItem .savedFilterTooltip{
        width: 240px;
    }
    .savedFilterListItem .savedFilterTooltipChild {
        width: 230px;
    }
    .savedFilterTooltipChild::before, .savedFilterTooltipChild::after {
        left: -10px;
        right: initial;
    }
    .newFiltersDropbox.outCodeFiltersSection {
        left: -75px;
    }
    .newFiltersDropbox.outCodeFiltersSection::before, 
    .newFiltersDropbox.outCodeFiltersSection::after {
        left: 72px;
    }
    .sortByFiltersBox .col-sm-6{
        width: 50%;
    }
    .newFiltersDropbox.sortbyTypeFilter {
        right: -35px;
        right: 0;
    }
    .newFiltersDropbox.sortbyTypeFilter::before, 
    .newFiltersDropbox.sortbyTypeFilter::after {
        right: 39px;
    }

    .filtersListsItem{
        justify-content: center;
    }
    .downloadCsvBox {
        /* text-align: center; */
    }
    .newFiltersBox .newFiltersDropbox.leadsTypeFilter{
        right: 0;
    }
    .newFiltersDropbox.leadsTypeFilter::before, .newFiltersDropbox.leadsTypeFilter::after{
        right: initial;
        left: 0;
    }

    .modalDesign.thankyouModal .modal-dialog{
        margin: auto;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .myAccMainNew{
        padding-left: 0;
        padding-right: 0;
        padding-top: 64px;
    }
    .planCancelChild{
        padding-bottom: 230px;
    }
    .cancelPlanContentChild{
        padding: 40px;
    }
    .dealAnalyserPage .dealAnalyserBoxsNew .col-sm-6{
        width: 33.3%;
    }


    .signup--page .signupformSections.col-md-8{
        width: 100%;
    }
    .signup--page .signupformSections.col-md-4{
        width: 100%;
    }
    .signup--page .signupformSections.signupformSectionsLeft .col-sm-12{
        width: 100%;
    }

    .webViewSlider{
        display: none;
    }
    .mobileViewSlider{
        display: block;
        padding: 0px;
        margin-top: 30px;
    }
    .signupformSectionsRightChild,
    .signupformSectionsRightChild .plan-details{
        height: auto;
    }

    /* ------------- */
    .tab-login.loginSectionContent{
        background: var(--colorWhite);
        border-radius: 12px;
    }
    .loginSectionContent .loadingGif img {
        width: 250px;
    }
    .custom-sticky-header .dashboardHeaderBtns .postcodeDataTabs2 a{
        width: auto;
        height: auto;
        margin-left: 5px !important;
    }
    .graphCardTabs .navTabItem{
        padding: 3px 3px 1px;
        margin-right: 3px;
    }
    .propertySearchFormChild{
        width: 85%;
    }

    .myAccHeaderLogo{
        padding-left: 0;
    }
    .myAccHeader.myAccHeaderNew {
        padding: 2px 20px;
    }
    #accSideNav{
        width: 265px;
    }
    .asideListNew .asideNavDropbox{
        width: calc(100vw - 255px);
        left: 255px;
    }
    .userInfo{
        display: none;
    }
    .tableFilterBottom {
        flex-direction: column;
        gap: 5px;
        padding-bottom: 3px;
    }


    .userLeadsFilters .savedFilterListItem .savedFilterTooltip{
        left: initial;
        right: -240px;
        width: 240px;
    }
    .userLeadsFilters .savedFilterListItem {
        width: 23.8%;
        min-width: 23.8%;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(5n-1) .savedFilterTooltip,
    .userLeadsFilters .savedFilterListItem:nth-child(6n+6) .savedFilterTooltip{
        left: inherit;
        right: -240px;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(5n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(5n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
    .userLeadsFilters .savedFilterListItem:nth-child(5n+5) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(5n+5) .savedFilterTooltip .savedFilterTooltipChild::after{
        right: inherit;
        left: -10px;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(5n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(5n+5) .savedFilterTooltip .savedFilterTooltipChild::before{
        border-left: initial;
        border-right: 10px solid #dbdbdb;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(5n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
    .userLeadsFilters .savedFilterListItem:nth-child(5n+5) .savedFilterTooltip .savedFilterTooltipChild::after{
        border-left: initial;
        border-right: 10px solid var(--colorWhite);
    }


    .userLeadsFilters .savedFilterListItem:nth-child(4n-1) .savedFilterTooltip,
    .userLeadsFilters .savedFilterListItem:nth-child(4n+4) .savedFilterTooltip{
        right: inherit;
        left: -250px;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(4n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(4n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
    .userLeadsFilters .savedFilterListItem:nth-child(4n+4) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(4n+4) .savedFilterTooltip .savedFilterTooltipChild::after{
        left: inherit;
        right: -10px;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(4n-1) .savedFilterTooltip .savedFilterTooltipChild::before,
    .userLeadsFilters .savedFilterListItem:nth-child(4n+4) .savedFilterTooltip .savedFilterTooltipChild::before{
        border-right: initial;
        border-left: 10px solid #dbdbdb;
    }
    .userLeadsFilters .savedFilterListItem:nth-child(4n-1) .savedFilterTooltip .savedFilterTooltipChild::after,
    .userLeadsFilters .savedFilterListItem:nth-child(4n+4) .savedFilterTooltip .savedFilterTooltipChild::after{
        border-right: initial;
        border-left: 10px solid var(--colorWhite);
    }
    .userLeadsPageNew .topLeftBoxChild{
        height: 50px;
        width: 50px;
        min-width: 50px;
    }
    .topMidBoxLeftNew, .topLeftBoxWebNew {
        height: auto;
    }
    .topLeftBoxMobNew{
        display: inline-flex;
        justify-content: space-between;
    }
    .topLeftBox.topLeftBoxMobNew .btnTabsCont a{
        margin-bottom: 0;
    }
    .userLeadsFilterToggleBox{
        display: block;
    }
    /* .topSectionFilterBox{
        display: none;
        margin-top: 10px;
    } */
    /* .topMidBoxRightNew .userLeadsFilterToggleLink .toggleDivIcon{
        transform: rotate(0deg);
        transition: all 0.2s ease;
    }
    .topMidBoxRightNew.topMidBoxRightNew2 .userLeadsFilterToggleLink .toggleDivIcon{
        transform: rotate(180deg);
        transition: all 0.2s ease;
    } */
    .leadsFilterDropdownBox.topMidBox{
        display: none;
    }
    .childFilters.childFiltersNew{
        grid-template-columns: auto auto auto;
    }
    .newFiltersDropbox{
        width: calc(100vw - 60px);
    }
    .newFiltersDropbox.sortbyTypeFilter {
        width: 374px;
    }
    .newFiltersBox.newFiltersActive .newFiltersDropbox.outCodeFiltersSection {
        left: -50px;
    }
    .newFiltersDropbox.outCodeFiltersSection::before, .newFiltersDropbox.outCodeFiltersSection::after {
        left: 0;
    }
    .newFiltersDropbox.outCodeFiltersSection {
        width: 400px;
    }
    .outCodeBoxSection .col-sm-12{
        flex-direction: column;
        justify-content: flex-start;
        align-items: baseline;
        gap: 5px;
    }
    .onMarketPageBox .savedFilterListItem .savedFilterTooltip {
        right: initial;
        left: -250px;
    }
    .pricingTableBox table th {
        font-size: 16px;
    }
    .pricingTableBox table td{
        font-size: 14px;
    }
    .tableHeadTip{
        margin-top: 0px;
    }
    .pricingTableBox table th{
        padding: 8px 10px;
    } 
    .pricingTableBox table td{
        padding: 5px 10px;
    }
    .pricingTableBox table td.columnGroup{
        padding: 9px 10px;
    }
    .priceTableTags{
        height: 20px;
        width: 20px;
    }
    .priceTableTags::after{
        font-size: 10px;
        line-height: 20px;
    }
    .packages {
        width: 355px;
        margin: 20px 5px 0;
    }
    .plan-banner{
        padding: 90px 15px 15px;
    }
    .plan-banner .contracts--free {
        margin-bottom: 5px;
    }
    /* .pricingTableChild .fixedHeaderTable tr th:nth-child(2), 
    .pricingTableChild .fixedHeaderTable tr th:nth-child(3), 
    .pricingTableChild .fixedHeaderTable tr th:nth-child(4) {
        width: 25%;
    } */
    .pricingTableChild .fixedHeaderTable tr th:nth-child(1) {
        width: 180px;
        min-width: 180px;
    }
    .pricingTableChild .fixedHeaderTable tr th:nth-child(2){
        width: 26%;
    }
    .pricingTableChild .fixedHeaderTable tr th:nth-child(3){
        width: 26%;
    }
    .pricingTableChild .fixedHeaderTable tr th:nth-child(4) {
        width: 35%;
    }
    
    .topLeftBoxNewLeadsSection{
        flex-wrap: wrap;
    }
    .topLeftBoxNewChild2NewSecLeads{
        width: 100%;
        justify-content: flex-end;
    }
    .leadsPageFilterProperty .newFiltersBox.newFiltersActive .newFiltersDropbox{
        left: -100%;
        text-align: initial;
    }
    .leadsPageFilterProperty .savedFilterListItem .savedFilterTooltip{
        display: none;
    }

    .packages {
        margin: 20px 5px 10px;
    }
    .packages.importantPackage{
        padding-top: 93px;
    }
    /* .packages:nth-child(2) {
        padding-top: 95px;
    } */
    .leadsTitleLableMobile{
        display: none;
    }

    .bottomFoot{
        left: 40px;
        right: 0;
    }
    .bottomFoot .cookiesSec{
        width: calc(100% - 40px);
    }
    .packages.samplePackages {
        padding: 90px 15px 20px;
    }
    .popular{
        width: calc(100% + 4px);
        margin-top: -2px;
    }

    .propStatsHeader.propGrowthHeadNew{
        display: flex;
        align-items: center;
    }
    .propGrowthHead .postcodeDataTabs.postcodeDataTabsNew .mt-10 {
        margin-top: 0 !important;
    }
    .propGrowthHead .postcodeDataTabs.postcodeDataTabsNew a {
        top: 0;
    }
    .propGrowthHead .postcodeDataTabs.postcodeDataTabsNew{
        height: auto;
    }
    .propStatsHeader.propGrowthHeadNew .askPriceMid{
        display: inline-flex;
        flex-direction: column;
    }
    .areaReportDetailsSectionUpdate .heatMapTopFilterBox .property-count{
        margin-bottom: 10px;
    }

    .details--property .propImageBox .propImageSliders{
        min-width: auto;
    }

    /* ------------------- */
    .sell-content .rating-graph li .graph-status .graph_img.webSizeGraph{
        display: none;
        display: inline-block;
    }
    /*.mobSizeGraph{
        display: inline-block;
    } */
    .propertyTradeRightTop.tradingListingSliderBox {
        height: 50vh;
    }
    .propertyDetailListModal .modal-dialog {
        max-width: 100vw;
    }
    .customDropWrapper {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .commonTabsSection .nav-tabs .nav-link{
        font-size: 20px;
    }
    .commonTabsSection .nav-tabs .nav-item {
        margin-right: 10px;
    }
    .commonTabsSection .nav-tabs{
        padding: 0px;
    }
    .teamManagementSection .teamManagementImage {
        width: 100%;
        min-width: 100%;
    }
    .managementTeamBox .teamManagementSection,
    .managementTeamBox .teamManagementSection:nth-child(even){
        flex-direction: column;
    }

    .postValidationDashboard .col-sm-12{
        width: 50%;
    }
    .postValidationDashboard.postValidationDashboardNew .col-sm-12{
        width: 50%;
    }
    .dashboardTablesBox .dashboardTable.newTableLeft{
        width: 100%;
    }
    .dashboardTablesBox .dashboardTable.newTableRight,
    .dashboardTablesBox .dashboardTable.topUsersTable{
        width: 100%;
    }

    .reportChartBox {
        padding: 0px 100px;
    }

    /* -------------- */
    .signup--page.signup--page-update .signupformSections.col-md-8.signupformSectionsLeft{
        width: 100%;
        margin-bottom: 20px;
    }
    .webViewSlider.webViewSlider-update{
        display: block;
    }

    .packages {
        padding-top: 80px !important;
    }
    .discountRibbonParent .discountRibbonChild {
        top: -30px;
    }

    .topLeftBox-update {
        flex-wrap: nowrap;
        align-items: flex-start;
    }
    /* .topLeftBox-update .topLeftBoxNewChild{
        width: auto;
    } */
    .topLeftBox-update .topLeftBoxNewChild2New{
        /* width: auto; */
    }


    /* ------------------ BS*/
    .dashboardStapsBox-update .row .col-sm-6{
        width: 50%;
    }
    .propertyValuationDetailSection .boxSeparationSection,
    .propertyDetailsDetailSection .boxSeparationSection{
        flex-wrap: wrap;
    }
    .propertyValuationDetailSection .dashboardChartSection,
    .propertyDetailsDetailSection .dashboardChartSection{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .dashboardChartSection.dashboardChartSection-update:first-child{
        border-right: none;
        padding-right: 0px;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid rgba(181, 181, 195, 1);
    }
    .dashboardTablesBox-update.dashboardTablesBox .dashboardTable.dashboardTable-update{
        margin-bottom: 0px;
    }

    /* --------------- */
    .freeTrialStepModal .modal-dialog{
        max-width: 95%;
    }
    .quick-search-tags {
        grid-template-columns: repeat(3, 1fr);
    }
    .freeTrialStepGridChild {
        gap: 60px;
    }
    .verificationFormSection {
        grid-template-columns: 1fr;
    }
    .verificationFormLeft{
        padding-right: 0;
    }
    .verificationFormRight{
        padding-left: 0;
        border-left: none;
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .freeTrialStepsHeader {
        padding: 25px 85px 0;
    }
    .freeTrailStepsButton {
        margin-top: 30px;
    }
    .cardDetailsFieldBox{
        display: flex;
        flex-wrap: wrap;
    }
    .cardDetailsFieldBox div:first-child{
        width: 100%;
    }
    .cardDetailsFieldBox div:nth-child(2),
    .cardDetailsFieldBox div:nth-child(3),
    .cardDetailsFieldBox div:nth-child(4){
        width: 31.8%;
    }

    .newSoldDataDes{
        width: 100%;
    }

    .addedPropLists{
        display: flex;
        flex-direction: column;
    }
    .secondSubheading br{
        display: none !important;
    }

    .iconSliderBox.slick-slider{
        height: 100px !important;
    }
    .iconSliderBox.slick-slider .slick-track,
    .iconSliderBox.slick-slider .slick-list{
        height: 100% !important;
    }


    /* Client Project Section */
    .clientProject_homeBanner .bannerLeft{
        padding-top: 0;
    }
    .clientProject_homeBanner .freeTrialButtonSection .form-group{
        margin-top: 0 !important;
    }
    .clientProject_freeTrialChild{
        grid-template-columns: 1fr;
        text-align: center;
    }
    .clientProject_freeTrialBtn{
        text-align: center;
    }

    /* ----------------- */
    .multiUnitGridForm{
        grid-template-columns: repeat(1, 1fr);
    }
    .multiUnitGridFormCollectionChild .multiUnitGridForm{
        grid-template-columns: repeat(1, 1fr);
    }

    /* --------------- */
    .modalDesign.modalDesign__update .modal-dialog{
        max-width: 90%;
    }
    .formGroupGrid {
        grid-template-columns: 86px auto;
        gap: 20px 10px;
    }
    .formGroupSectionContentChecks {
        padding-left: 15px;
    }
    .formGroupGrid_update{
        display: grid;
        grid-template-columns: auto;
        gap: 10px 10px;
    }
    .accessCodeInputSection{
        gap: 0px 10px;
    }

    .waitlistFormLeft{
        grid-template-columns: repeat(1, 1fr);
    }


}

@media(max-width: 713px){
    .loader {
        background-size: 35%;
    }
    .newFiltersBox .newFiltersDropbox.leadsTypeFilter{
        right: inherit;
        left: 0;
    }
    .savedFilterListItem .savedFilterTooltip{
        display: none;
    }
    .packages {
        width: 355px;
        margin: 20px 5px 0;
    }
    .plan-banner {
        padding: 90px 15px 15px;
    }
    /* .packages:nth-child(2) {
        padding-top: 70px;
    } */

}

@media (max-width: 670px) {
    /* .insight-tiles-1 {
        margin-top: 12%;
    } */
    .loader {
        background-size: 40%;
    }
    .areaInsightsSection .dashCardsSection .col-sm-4 {
        width: 100%;
    }
    .areaInsightsSection .dealCardsSection .col-sm-4 {
        width: 100%;
    }
    .insight-tiles-2{
        padding-top: 18px;
        padding-left: 0px;
    }
    .insight-tiles-3{
        padding-left: 0px;
        padding-top: 18px;
    }

    /* -------------New Changes--------------- */
    .rowViewBox .col-sm-col-sm-12{
        width: 100%;
    }
    /* ---------- */
    .filtersListItems li{
        width: 48%;
    }

    /* ---------- */
    .areaResearchCardRight .areaResearchRightCard{
        width: 100%;
    }
    .canvas {
        height: auto !important;
    }
    .areaResearchCardRight .areaResearchRightCard, 
    .areaResearchCardRight .areaResearchRightCard .graphCardChild, 
    .areaResearchRightCard .graphCardChild .graphCardDesign .tab-pane, 
    .areaResearchRightCard .graphCardChild .graphCardDesign .tab-pane .boxs{
        height: auto;
    }
    .canvasParent {
        margin-bottom: 20px;
    }
}

@media (max-width: 663px) {
    /* .insight-tiles-1 {
        margin-top: 12%;
    } */
    .myResearchPage .quickInsightsBoxs .col-sm-4,
    .myPortfolioPage .dashCardsSection .col-sm-4 {
        width: 100%;
    }


}

@media (max-width: 640px){
    .largeTableContainer.largetable-maximized{
        padding-top: 38px;
    }
}

/* @media(max-width: 645px){
  .myResearchPage .quickInsightsBoxs .col-sm-4,
  .myPortfolioPage .dashCardsSection .col-sm-4{
    width: 100%;
  }
} */

@media (max-width: 575px) {
    /* .insight-tiles-1 {
        margin-top: 12%;
    } */
    .loader {
        background-size: 50%;
    }
    .course-list {
        margin: 0 ;
    }
    .course-list .single-course {
        width: 100%;
        margin: 15px 0;
    }
    .course-list .single-course .course-detail-popup{
        width: 300px;
        left: 0;
        right: 0;
    }
    .search-box label{
        display: none;
    }

    /* ---------------- */
    .filtersListItems{
        grid-template-columns: auto auto;
    }
    .loadingGifModal .modal-dialog{
        align-items: center;
        margin: 0 auto;
        padding-top: 0;
    }
    .subscription-preview-lable{
        line-height: 1.5;
    }

}

@media (max-width: 560px) {
    /* .insight-tiles-1 {
        margin-top: 14%;
    } */
    /* Home Page Start */
    .loader {
        background-size: 55%;
    }
    .container {
        padding: 0 20px;
    }
    .fontSize52 {
        font-size: 40px;
    }
    .bannerLeft .mainHeading h2 {
        line-height: 54px;
    }
    .fontSize20 {
        font-size: 16px;
        line-height: 20px;
    }
    .homeBanner .bannerRight .bannerVideo {
        width: 100%;
    }
    .featureBox .featureImage {
        height: 70px;
        width: 70px;
    }
    .fontSize26 {
        font-size: 22px;
        line-height: 28px;
    }
    .fontSize18 {
        font-size: 15px;
    }
    .featureBox .featureContents p {
        line-height: 24px;
    }
    .testimonialContent::before,
    .testimonialContent::after {
        height: 25px;
        width: 25px;
    }
    .testimonialContent {
        padding: 0 40px 40px 40px;
    }
    .footBtmInner {
        flex-direction: column;
    }
    .footBtmInner .copyrightBox {
        margin-bottom: 10px;
    }
    .testimonialContent span {
        width: 80px;
    }
    .testimonialContent .fontSize24,
    .testimonialBy .writerName {
        font-size: 18px;
    }
    .fontSize38 {
        font-size: 30px;
        line-height: 38px;
    }
    .weWorkLeft .subHeading {
        margin-bottom: 15px;
    }
    .weWork {
        padding: 40px 0;
    }
    .footerTop {
        padding: 40px 0;
    }
    .fontSize16 {
        font-size: 15px;
        line-height: 21px;
    }
    .footLinkList li:not(:last-child) {
        margin-bottom: 10px;
    }
    .socialLinks ul li a {
        font-size: 17px;
    }
    .fontSize14 {
        font-size: 13px;
        line-height: 18px;
    }
    .navbar-brand {
        width: 138px;
    }
    .topSpace {
        margin-top: 49px;
    }
    .footLogo a {
        display: inline-block;
        width: 160px;
    }
    /* Plan Page Start */
    .fontSize32 {
        font-size: 28px;
        line-height: 36px;
    }
    .planPage .sectionHeading {
        margin-bottom: 25px;
    }
    .planSecHeading {
        padding: 13px 10px;
    }
    .planDescription .planPoints ul li::before {
        height: 15px;
        width: 9px;
    }
    .investorsPlan .planPoints ul li::before {
        border-right: 4px solid var(--colorYellow);
        border-bottom: 4px solid var(--colorYellow);
    }
    .sourcersPlan .planPoints ul li::before {
        border-right: 4px solid var(--colorGreen);
        border-bottom: 4px solid var(--colorGreen);
    }
    .businessPlan .planPoints ul li::before {
        border-right: 4px solid var(--colorBlue);
        border-bottom: 4px solid var(--colorBlue);
    }
    .planPage {
        padding: 28px 0 40px;
    }
    /* Plan Subscription Page Start */
    .planSelectOption input[type="radio"]:not(:checked)+label::before,
    .planSelectOption input[type="radio"]:checked+label::before {
        font-size: 14px;
        line-height: 14px;
        width: 150px;
    }
    .btnStyle.btnStyle3 {
        padding: 13px 40px;
    }
    /* Personal Details Page Start */
    .formDesign label {
        font-size: 15px;
        line-height: 15px;
    }
    .formDesign .form-control {
        font-size: 16px;
        line-height: 16px;
        padding: 14px 12px;
    }
    .select2-container--default .select2-selection--single {
        padding: 12px 12px;
    }
    .formDesign select.form-control {
        padding: 15.5px 35px 15.5px 12px;
    }
    .formDesign .form-group {
        margin-bottom: 15px;
    }
    .formDesign label {
        margin-bottom: 7px;
    }
    /* Signup Complete Page Start */
    .btnBoxDesign2 {
        flex-direction: column;
    }
    .btnBoxDesign span {
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .btnBoxDesign span:last-child {
        margin-bottom: 0;
    }
    /* Payment Thankyou Page Start */
    .planInfoDetails .planTimeHeading {
        margin-bottom: 30px;
    }
    .planDetailInfo .planDetailList {
        margin-bottom: 23px;
    }
    /* My Area Page Start */
    .areaListBox .areaAddress .locationIcon {
        margin-top: -3px;
    }
    .bodySection2 {
        min-height: calc(100vh - 49px);
    }
    .bodySpace {
        padding: 20px 0 40px;
    }
    .pageTopHeading {
        margin-bottom: 20px;
    }
    .pageInnerBox {
        min-height: calc(100vh - 110px);
    }
    .areaListBox .areaPriceInfo {
        font-size: 16px;
        line-height: 16px;
    }
    .areaListBox .areaAddress .locationIcon {
        width: 15px;
        margin-right: 7px;
    }
    .areaListBox .areaAddress {
        margin-bottom: 15px;
    }
    .areaList .col-sm-6 {
        margin-bottom: 12px;
    }
    /* Portfolio Page Start */
    .emptyPortfolio .emptyPortfolioHead {
        font-size: 18px;
    }
    .emptyPortfolio .emptyPortfolioBox {
        font-size: 28px;
        line-height: 38px;
    }
    .emptyPortfolio .emptyPortfolioHead {
        margin-bottom: 60px;
    }
    .listDesings span {
        font-size: 16px;
        line-height: 16px;
    }
    /* Common Classes Start */
    .myAccHeader {
        padding-left: 10px;
        padding-right: 10px;
    }
    .p-40-sec,
    .p-30-40-sec,
    .p-40-80-sec,
    .p-30-100-sec,
    .p-20-sec {
        padding: 15px;
    }
    .myAccMain {
        padding: 84px 15px 30px;
    }
    /* Common Classes End */
    /* (start) Login Form */
    #main-login {
        border-radius: 0;
    }
    #forgotPassModal .modal-body {
        padding: 20px 20px 50px;
    }
    /* (end) Login Form */
    /* User-Dashboard Page Start */
    .areaInsightsSection .dealCardsSection .col-sm-4{
        width: 100%;
    }
    .areaInsightsSection .dashCardsSection .col-sm-4,
    .quickInsightsBoxs .col-sm-4,
    .areaTargetSection .col-sm-4 {
        width: 100%;
    }
    .researches-insignts{
        margin-top: 10px;
    }
    .areaInsightsSection .dashCardBox thead tr th {
        font-size: 14px;
        line-height: 16px;
    }
    .areaInsightsSection .dashCardBox tbody tr td:first-child,
    .valueStatus .statusLabel {
        font-size: 13px;
        line-height: 14px;
    }
    .statusBarBox .valueStatusPointer {
        width: 7px;
    }
    .valueStatus {
        padding-top: 20px;
    }
    /* My Sourcing Leads Page Start */
    .marketDealsBox.boxDesign3 {
        padding: 20px;
    }
    .marketDealsBox .formHeadingBox {
        margin-bottom: 20px;
    }
    /* My Portfolio Page Start */
    .portfolioHeadBox .row .col-sm-4 {
        width: 100%;
        margin-bottom: 10px;
    }
    .portfolioHeadBox .row .col-sm-4:last-child {
        margin-bottom: 20px;
    }
    /* About Us Page Start */
    .aboutBannerRight .bannerSectionsHeading {
        padding-bottom: 10px;
    }
    .aboutSectiosBox .aboutSecRight h3,
    .aboutBannerRight .bannerSectionsHeading {
        font-size: 25px;
    }
    .aboutSectiosBox .readMoreBtn a {
        font-size: 14px;
    }
    .aboutSectiosBox .aboutSecRight h3 {
        margin-bottom: 10px;
    }
    .aboutSectionsBottom .aboutSectiosBox {
        padding-bottom: 20px;
    }
    .copyrightBox p {
        text-align: center;
    }
    .portfolioHeadBox .portfolioCardRight {
        width: 50px;
        max-width: 50px;
    }
    .modalBox .modal-content {
        padding: 35px 25px;
    }
    /* Login/Signup Page */
    .logSignupPage {
        padding: 0 20px;
    }
    #tabList-login .nav-link {
        font-size: 15px;
        height: 50px;
        line-height: 50px;
    }
    .logoOnlyHeader span {
        display: inline-block;
        width: 150px;
    }
    #loginF [type="submit"] {
        margin-top: 60px;
    }
    .sameSecBoxs .fontSize18 {
        line-height: 23px;
    }
    /* User Branding Page Start */
    .chooseColorList .addColorBox {
        right: 65px;
    }
    /* Payment Page Start */
    .onCardsContinue span {
        margin-right: 5px;
    }
    .onCardsContinue .btnStyle {
        font-size: 14px;
        line-height: 14px;
        padding: 12px 25px;
    }
    /* Sell My Property Page Start */
    .formPhotosCont .photoWrp img,
    .formPhotosCont .addPhotoBtn {
        width: 70px;
        height: 70px;
    }
    .formPhotosCont .addPhotoBtn {
        font-size: 10px;
    }
    .formPhotosCont {
        padding: 13px 13px 3px;
    }
    #sideNav {
        top: 49px;
    }
    .propImageBox .propImageSliders {
        width: 296px;
        min-width: 296px;
        height: 197px;
    }
    .propImageThumbnail .slick-vertical .slick-slide {
        height: 40px;
    }
    .propImageBox .propImageThumbnail {
        width: 55px;
        min-width: 55px;
    }
    .markedListsBox .markedListItem {
        font-size: 18px;
    }
    .propDetailBox {
        display: flex;
        margin-bottom: 10px;
    }
    .aboutSubHeading {
        padding: 0 10px;
    }
    .blogHeading h2 {
        font-size: 22px;
        line-height: 30px;
    }
    .mt-2-30 {
        margin-top: 20px;
    }
    .askPriceRight {
        display: block;
        float: left;
        width: 100%;
        margin-top: 20px;
    }
    .passEyeBtn {
        top: 20px;
    }
    .modal-open .select2-container {
        width: 345px !important;
    }
    #sellProperty .formGroupDesign {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .planDetailSec .moreOptions {
        flex-direction: column;
        margin-top: 20px;
    }
    .planDetailSec .moreOptions .boxs {
        margin-bottom: 20px;
        justify-content: flex-start;
    }
    .planDetailSec .moreOptions .boxs:last-child {
        margin-bottom: 0px;
    }
    /* ------------------- */
    .dealAnalyserBoxs .analyserCategory .analyserCatTop{
        /* min-height: 135px; */
        min-height: 90px;
    }
    .analyserTopbar{
        justify-content: flex-end;
        flex-direction: column;
        align-items: flex-end;
        margin: 10px 0px 10px;
    }
    .analyserTopbar span:not(:last-child){
        margin-bottom: 10px;
    }

    /* Subscription Page Design */
    .tableDesignNew table th{
        font-size: 16px;
    }
    .tableDesignNew table td{
        font-size: 15px;
    }
    .pageTagBox .propertyTypeTag{
        padding: 10px 15px;
    }
    .propertyDetailTabs .nav-item{
        width: 50%;
    }
    .propertyDetailTabs .nav-tabs .nav-link{
        font-size: 16px;
    }
    .cashflowBox, .offersStatus{
        font-size: 15px;
    }
    .modalDesign .modal-body {
        padding: 50px 25px;
    }
    .cardInfoSec .cardInfo {
        width: 177px;
        min-width: 177px;
    }
    .fontSize85 {
        /* font-size: 64px; */
        font-size: 50px;
    }
    .modalDesign2 .modal-dialog{
        max-width: 90%;
    }
    .viewPropertyDetail .col-sm-6{
        width: 100% ;
    }
    .viewPropertyAdd .addPropBtn br {
        display: none;
    }
    .propertyPhotosBox,
    .propertyMapBox{
        min-height: 300px;
    }
    .propPhogoGallery .galleryImg {
        height: 103px;
        width: 103px;
    }
    .childCheckArea .childAreaCheck{
        width: 33%;
    }
    .btnStyleNew{
        font-size: 16px;
    }
    .locationAddressBox{
        flex-direction: column;
    }
    .locationAddressBox h4{
        margin-bottom: 20px;
    }
    .topBoxTable.topBoxTable2 span {
        font-size: 22px;
    }
    .topBoxTable span {
        font-size: 16px;
    }
    .bottomBoxInner span {
        font-size: 15px;
    }
    .propertryListsTabs .nav-item{
        width: 48%;
    }
    .offersInnerTabs .nav-tabs .nav-item {
        width: 47%;
    }
    .allPropertyTableBox .allPropertiesTable th, .offersTablesBox .offersTableSec th{
        font-size: 16px;
        padding: 7px 10px;
    }
    .allPropertyTableBox .allPropertiesTable td, .offersTablesBox .offersTableSec td{
        font-size: 14px;
        padding: 7px 10px;
    }
    .analyserTopbar span{
        margin-left: 15px;
    }
    .propPhogoGallery .galleryImg{
        padding: 5px;
    }
    .uploadsIconBox.galleryImg span a{
        font-size: 14px;
    }
    .propertyInnerTabs .nav-tabs .nav-item.tabActiveProperty {
        width: 48%;
    }
    .propertyInnerTabs .nav-tabs .nav-item.tabCommercialProspect{
        width: 48%;
        margin-right: 0px;
    }
    .propertyInnerTabs .nav-tabs .nav-item.tabArchives{
        width: 48%;
    }
    .sectionSlider.slick-initialized .slick-slide {
        height: 260px;
    }
    .on-market-radio{
        text-align: center;
    }
    .off-market-radio{
        text-align: center;
    }

    /* Latest Update */
    .savedFilterSec .savedFilterBox{
        flex-wrap: wrap;
    }
    .savedFilterSec .savedFilterBox p{
        width: 100%;
    }

    /* --------------- */
    .noObligationQuoteModal .modal-body {
        padding: 0 15px 30px;
    }
    .formDesignBoxs .formHeading,
    .formDetailsSection {
        margin-bottom: 15px;
    }
    .customCheckBox.userConsentBox{
        margin-bottom: 0;
        text-align: left;
    }

    .price-range.priceRangeSlide{
        padding: 0px 0px 0px;
    }
    .ui-rangeslider .ui-rangeslider-sliders{
        margin: 0 55px;
    }
    input.ui-slider-input{
        width: 30px;
        height: 30px;
    }
    .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track{
        top: 15px;
    }

    /* ----------------New Fixes----------------  */
    .propertyDetailTabs .nav-tabs .nav-link .highlightImg{
        min-width: 25px;
    }
    .propertyDetailTabs .nav-tabs .nav-link{
        text-align: center;
    }
    .analysePropertyView .propertyDetailTabs .nav-tabs .nav-link{
        height: 100%;
        font-size: 14px;
    }
    .inspectionFormBtn.accordion-button .cards{
        right: 40px;
    }

    .inspectionFormBtn.accordion-button {
        padding-right: 100px;
    }
    .webViewIcons{
        display: none;
    }
    .mobViewIcons{
        display: inline;
    }

    /* ------------------- */
    /* .filtersListsParent {
        margin: 15px 0;
    } */
    .savedFilterBox .csm-saved li{
        font-size: 14px;
    }

    /* ---------- */
    .filtersListItems li{
        width: 48%;
    }
    .filtersListItems li .deleteusersearch{
        right: 0;
    }
    .filtersListItems li .filterItemLink{
        padding-right: 25px;
    }
    .filtersBottomSec span{
        padding: 0 2px;
    }

    .childFilters .childFiltersCheckbox{
        width: 50%;
    }

    /* --------------- */
    .filtersListsItem{
        width: 48.9%;
        margin-bottom: 7px;
        margin-bottom: 10px;
        margin-right: 7px;
    }
    .filtersListsItem.toggleSwitchBoxs{
        justify-content: center;
    }
    .filtersListsItem:nth-child(even){
        margin-right: 0;
    }
    .newFiltersDropbox {
        left: 0;
        width: calc(100vw - 36px);
    }
    .newFiltersBox .newFiltersDropbox.leadsTypeFilter {
        right: 0;
        width: calc(100vw - 42px);
    }
    .topLeftBoxChild .fontSize22{
        font-size: 18px;
    }
    .filtersListsItem.toggleSwitchBoxs:last-child{
        margin-bottom: 0;
    }
    .newFiltersDropbox.savedFiltersDropBox{
        /* width: 120px; */
        width: 258px;
        right: 0;
        left: initial;
    }
    .newFiltersDropbox.savedFiltersDropBox::before, .newFiltersDropbox.savedFiltersDropBox::after{
        left: initial;
        right: 0;
    }
    .savedFilterListItem .savedFilterTooltip{
        width: 250px;
        left: -260px;
    }
    .savedFilterTooltipChild::before,
    .savedFilterTooltipChild::after{
        left: initial;
        right: -10px;
    }
    .savedFilterTooltipChild::before{
        border-right: initial;
        border-left: 10px solid #dbdbdb;
    }
    .savedFilterTooltipChild::after{
        border-right: initial;
        border-left: 10px solid var(--colorWhite);
    }

    .newFiltersDropbox.sortbyTypeFilter{
        left: 0;
        right: initial;
    }
    .sortByFiltersBox .col-sm-6:not(:last-child){
        margin-bottom: 6px;
    }
    .newFiltersDropbox.outCodeFiltersSection {
        left: -151px;
    }
    .newFiltersDropbox.outCodeFiltersSection {
        width: calc(100vw - 30px);
    }
    .newFiltersDropbox.outCodeFiltersSection::before, 
    .newFiltersDropbox.outCodeFiltersSection::after {
        left: 148px;
    }
    .newFiltersDropbox.sortbyTypeFilter{
        width: calc(100vw - 31px);
    }
    .newFiltersBox .newFiltersDropbox.leadsTypeFilter {
        right: 0;
        width: calc(100vw - 32px);
        left: initial;
    }
    .newFiltersDropbox.leadsTypeFilter::before, .newFiltersDropbox.leadsTypeFilter::after {
        right: 3px;
    }
    .filtersSectionChild2 .parentFilter{
        width: 50%;
    }
    .filtersSectionChild2 .parentFilter:nth-child(3n+1) {
        padding-left: 25px;
    }
    .filtersSectionChild2 .parentFilter:nth-child(2n+1) {
        padding-left: 0px;
    }
    .newFilterLinks.savedFilterDropSection2{
        display: table-cell;
        height: 46px;
        overflow: hidden;
    }
    .newFilterLinks.savedFilterDropSection .savedFilterLabel{
        word-break: break-word;
        overflow: hidden;
        max-height: 13px;
    }
    
    .newFilterLinks.filterDropboxToggleMain .filterDropboxArrow,
    .newFilterLinks.savedFilterDropSection2 .filterDropboxArrow{
        /* top: 14px; */
    }
    .newFiltersBox{
        /* width: 100%; */
        display: block;
        height: 100%;
    }
    .newFilterLinks.savedFilterDropSection{
        width: 100%;
        display: block;
        /* height: 28px; */
    }
    .newFilterLinks.savedFilterDropSection2{
        /* height: 46px; */
        display: flex;
        min-width: fit-content;
        /* display: table-cell; */
        /* float: left; */
        height: 100%;
    }
    .filterDropboxToggleMain{
        /* height: 46px; */
    } 
    .outcodeFiltersBox.newFiltersBox{
        width: auto;
        display: inline-block;
    }
    .newFilterLinks.savedFilterDropSection2 .savedFilterLabel{
        height: 100%;
        width: 100%;
        float: left;
        display: flex;
        align-items: center;
        max-height: inherit;
        min-width: max-content;
    }
    .newFiltersDropbox{
        top: calc(100% + 11px);
    }
    .newFiltersDropbox.leadsTypeFilter::before, .newFiltersDropbox.leadsTypeFilter::after {
        left: initial;
    }
    .newFiltersBox .newFilterLinks{
        height: 100%;
    }
    .sortByFiltersBox .col-sm-6 .form-control{
        width: 100%;
    }

    .boxDesign3.boxDesign4{
        padding: 30px 20px;
    }
    .savedFiltersModalList {
        max-height: calc(100vh - 155px);
    }
    .logoutBtn{
        margin-top: 10px;
        margin-left: 0;
    }

    .filtersListsParent2 .filtersListItemsNew li.filtersLists {
        width: 50%;
    }

    .radio.customRadios input[type="radio"]:checked + label::after{
        height: 11px;
        left: 4px;
        top: 0px;
        width: 6px;
    }
    .property-banner-title #main-login {
        max-width: 100% !important;
    }
    .newButtonsBox2 span{
        width: 100%;
    }

    .cancelPlanContentChild {
        width: 90%;
        margin-top: -110px;
    }
    .myAccMainNew{
        padding-left: 0;
        padding-right: 0;
        padding-top: 64px;
    }
    .planCancelChild{
        padding: 30px 25px 200px;
    }
    .cancelPlanContentChild{
        padding: 30px;
    }
    .cancelPlanContentChild span{
        line-height: 24px;
    }
    .cancelPlanContentChild span:not(:last-child) {
        margin-bottom: 20px;
    }

    /* .testimonialVideos{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    } */
    .testimonialVideoCard{
        width: 100%;
        margin-bottom: 20px;
    }
    .testimonialVideoCard:last-child{
        margin-bottom: 0;
    }
    .testimonialCards{
        padding-top: 20px;
    }
    .dealAnalyserPage .dealAnalyserBoxsNew .col-sm-6{
        width: 50%;
        margin-bottom: 8px;
    }
    .newButtonsBox2 span{
        padding-right: 0;
        padding-left: 0;
    }

    .quotesSliderNew {
        /* padding: 20px 20px 0; */
    }

    /* --------------- */
    .loginSectionContent span {
        margin-bottom: 8px;
    }
    .tab-login.loginSectionContent{
        padding: 20px 20px;
    }
    .areaResearchRightCard .graphCardChild .graphCardDesign{
        margin-top: 0;
    }
    .graphCardChildBtm{
        border-right: none;
    }
    .propStatsLegends2{
        padding: 0;
    }
    .areaResearchCardLeftBottom2{
        padding-top: 5px;
    }
    .areaInsightsSectionUpdate.areaInsightsSection .dashCardBox tbody tr td .priceFlowBox {
        padding: 6px 5px;
    }
    .areaInsightsSection.areaInsightsSectionUpdate .dashCardBox thead tr th {
        font-size: 13px;
        line-height: 15px;
    }
    .custom-sticky-header .dashHeadingTopUpdate .dashboardHeaderBtns .postcodeDataTabs2 a{
        margin-left: 0 !important;
    }
    .propertyDetailTileChild .filtersListItemsNew li.filtersLists{
        width: 100%;
    }
    .propertySearchFormChild{
        width: 95%;
    }
    .headerLinkOption {
        margin-right: 10px;
    }
    .asideListNew ul{
        padding-left: 0;
        padding-right: 0;
    }
    #accSideNav{
        width: 279px;
    }
    .myAccNavDd{
        height: calc(100vh - 58px);
    }

    .stepArrow svg{
        height: 14px;
        width: 7px;
    }
    .counterTotal{
        height: 30px;
        width: 30px;
    }
    .dashboardStepsChild .stepCountHeading {
        font-size: 14px;
    }
    .dashboardStepsChild .counterTotal {
        font-size: 16px;
        line-height: 16px;
    }
    .dashboardStepsChild {
        padding: 6px 10px;
    }
    .dashboardTableTopLeftIcon{
        height: 36px;
        width: 36px;
        padding: 10px;
    }
    .dashboardTableTopLeftSec2Top span:first-child {
        font-size: 16px;
    }
    .dashboardStepsChild .dashboardCountInfo span{
        font-size: 13px;
        line-height: 13px;
        margin-bottom: 6px;
    }
    .dashboardTableTopLeftSec2Btm{
        margin-top: 0;
    }
    .dashboardTableTopLeftSec2Top span:last-child svg{
        height: 14px;
        width: 14px;
    }
    .dashButtonBox{
        margin-left: 5px;
    }
    table.dataTable tbody th, 
    table.dataTable tbody td{
        white-space: nowrap;
    }
    .dealAnalyserChartsInner2{
        flex-wrap: wrap;
    }
    .dashboardChartSection{
        width: 100%;
        /* margin-bottom: 20px; */
    }
    .dashboardChartSection:last-child{
        margin-bottom: 0;
    }
    .dashboardBarsBoxs.dashboardBarsBoxsMid .dashboardBarsChild{
        width: 100%;
        border-right: none;
        padding-top: 15px;
        padding-bottom: 30px;
    }
    .dashboardChartSection,
    .dashboardBarsBoxs:last-child .dashboardBarsChild{
        padding: 15px 15px 15px;
    }
    .dashboardBarsBoxs:first-child .dashboardBarsChild {
        padding-top: 15px;
        padding: 15px 15px 15px;
    }
    .strategiesChartBox.dashboardChartSection{
        border-right: none;
        border-bottom: 1px solid rgba(238, 240, 246, 1);
    }
    .chartLabelsBox .chartLabelCounter {
        height: 24px;
        width: 24px;
        font-size: 16px;
        line-height: 16px;
        margin-right: 4px;
    }
    .chartLableList .chartLabelHeading {
        font-size: 15px;
        line-height: 15px;
    }
    .barsSectionHeading,
    .dealAnalyserChartHead{
        font-size: 16px;
    }
    /* th.leadsCounts{
        width: auto !important;
        max-width: auto ;
    } */

    .dashboardTableTop{
        align-items: flex-start;
    }
    .dashButton .dashButtonText{
        display: none;
    }
    .dashButton .dashButtonText.dashButtonText2{
        display: inline-block;
        margin-left: 3px;
    }
    .dashButton .dashButtonIcon{
        margin-right: 0;
    }
    .dashboardTableTopRightChild{
        flex-direction: row;
    }
    .dashButtonBox .dashButton{
        min-width: 30px;
        height: 26px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .dashButtonBox{
        margin-bottom: 0;
    }
    .dashButtonIcon.dashButtonIconNew{
        font-size: 14px;
        line-height: 14px;
        height: 20px;
        width: 20px;
    }
    #accSideNav {
        width: 265px;
    }
    .dashboardStapsBox .col-sm-3:nth-last-child(-n+2){
        margin-bottom: 0;
    }
    .userInfo{
        display: none;
    }
    .saveFilterBtnBox{
        display: flex;
        align-items: center;
    }
    .saveFilterBtnBox .filtersListsItem.saveFilterBtn{
        width: 48.9%;
    }

    .downloadCsvBox.filtersListsItem a{
        width: 100%;
        text-align: center;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .downloadCsvBox.filtersListsItem a i{
        margin-right: 4px;
    }

    /* .findAreaFilterPageBottom{
        display: none;
    } */
    .toggleFilterDiv{
        display: inline-block;
    }
    .ontoggleFilterBox{
        display: inline-flex;
        align-items: center;
    }
    .findAreasPageNew .findAreaTop.ontoggleFilterBox{
        margin-bottom: 0;
    }
    .findAreaPageSection .findAreaFilterPageBottom{
        display: none;
    }
    .findAreaChecksSection{
        margin-top: 10px;
    }
    .filterTableSection{
        margin-top: 42px;
    }
    .filterTableSection .dataTables_wrapper .dataTables_filter,
    .filterTableSection .dataTables_wrapper .dataTables_filter label,
    .filterTableSection .dataTables_wrapper .dataTables_filter label input{
        width: 100%;
        margin-left: 0;
    }
    .filterTableSection .dataTables_wrapper .dataTables_filter{
        top: -50px;
        width: calc(100% - 38px);
        width: 100%;
        left: 0;
    }
    .tableFilterBottomSpan,
    .tableFilterBottomSpan a{
        width: 100%;
        justify-content: center;
    }
    /* table.dataTable thead>tr>th.sorting {
        padding-right: 6px;
    } */
    /* .filterTableBox tr .stickyPostcode {
        left: 56.5px;
    } */
    .filterTableBox .stickyCell.stickyBedrooms{
        position: relative !important;
        left: 0;
        z-index: 0;
    }
    .filterTableSection .largetable-maximized .dataTables_wrapper .dataTables_filter{
        width: calc(100% - 38px);
    }
    .userLeadsFilters .savedFilterListItem {
        width: 31.9%;
        min-width: 31.9%;
    }

    .userLeadsPageNew .topLeftBoxChild {
        height: 50px;
        width: 50px;
        min-width: 50px;
        margin-right: 10px;
    }
    .topMidBoxLeftNew, .topLeftBoxWebNew {
        height: 60px;
        height: auto;
    }
    .topLeftBoxNew .topLeftBoxChild .fontSize36{
        font-size: 26px;
        line-height: 26px;
    }
    .topLeftBoxNewChild{
        width: 100%;
    }
    .topLeftBoxNewChild2{
        width: 100%;
        margin-top: 10px;
    }
    .topLeftBoxNewChild{
        width: 100%;
    }
    .dashBoxPageSection .topLeftBoxNew{
        flex-direction: column;
    }
    .topLeftBoxNewChild2 .filterShowBtns{
        width: 100%;
    }
    .filterShowBtns .showAllFiltersBox1 {
        width: 48.7%;
    }
    .filterShowBtns .showAllFiltersBox1 a{
        width: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .filterShowBtns .showAllFiltersBox1 a.leadsFilterToggleLink {
        justify-content: space-between;
    }

    .topMidBoxNewDesign2 .topMidBoxChildNewSection{
        grid-template-columns: auto;
    }
    .saveFilterBtnBox.saveFilterBtnBoxNewSec {
        flex-direction: row;
    }
    .saveFilterBtnBox.saveFilterBtnBoxNewSec .newFiltersBoxNewSec{
        width: 49%;
    }
    .saveFilterBtnBox.saveFilterBtnBoxNewSec .saveFilterBtnBoxNewSecChild .newFiltersBoxNewSec{
        width: 100%;
    }
    .topMidBoxChildNewSection .topMidBoxChildNewLeft .filtersListsItem{
        height: 27px;
        align-items: center;
    }
    .topMidBoxChildNewSection .topMidBoxChildNewLeft .filtersListsItem .newFiltersBox{
        width: 100%;
        display: flex;
    }
    .newFiltersBox .newFilterLinks {
        height: 100%;
        width: 100%;
    }
    .customCommonTable table tr th:nth-child(3), .customCommonTable table tr td:nth-child(3){
        position: relative !important;
        left: 0 !important
    }
    .toggleRegionChecks .toggleDivIcon{
        display: none;
    }
    .findAreaChecksLists{
        display: block;
    }
    .childFilters.childFiltersNew {
        grid-template-columns: auto auto;
    }
    .findAreaTopChildSec{
        margin-right: 20px;
    }

    .mobViewTabsGrid{
        display: inline-flex;
    }
    .webViewTabsGrid{
        display: none;
    }
    .topLeftBoxNewChild2New.topLeftBoxNewChild2 .filterShowBtns{
        padding: 0;
        margin: 0;
    }
    .topLeftBoxNewChild2New .filterShowBtns .showAllFiltersBox1{
        width: 49%;
    }
    .feather,
    .feather.featherNew {
        margin-right: 3px;
    }
    .topLeftBoxNewChild2 .filterShowBtns{
        margin-right: 0;
    }
    .topLeftBoxNewChild2New{
        display: flex;
    }
    .mobViewIconSec{
        display: inline-block;
    }
    .webViewIconSec{
        display: none;
    }
    .featherIconMob{
        margin-right: 0;
    }
    .smallButtonMobile{
        padding: 4px 8px 4px;
        color: var(--colorPrim);
    }
    .smallButtonMobile svg path{
        fill: var(--colorPrim);
    }
    .smallButtonMobile:hover{
        background: var(--colorPrim);
    }
    .smallButtonMobile:hover svg path{
        fill: var(--colorWhite);
    }

    /* .newFiltersBox.newFiltersActive .newFiltersDropbox {
        left: initial;
        right: auto;
    } */
    .newFiltersDropbox.sortbyTypeFilter {
        width: calc(100vw - 70px);
    }
    .newFiltersDropbox.sortbyTypeFilter::before, .newFiltersDropbox.sortbyTypeFilter::after {
        right: 4px;
    }
    .newFiltersDropbox {
        left: 0;
        width: calc(100vw - 70px);
    }
    .newFiltersDropbox.savedFiltersDropBox{
        width: 100%;
    }
    .newFiltersBox.newFiltersActive .newFiltersDropbox.sortbyTypeFilter{
        left: inherit;
        right: 0;
    }
    .newFiltersDropbox.sortbyTypeFilter {
        left: -100%;
        right: inherit;
    }
    .newFiltersBox .newFiltersDropbox.leadsTypeFilter {
        right: -100%;
        width: calc(100vw - 77px);
        left: initial;
    }
    .newFiltersDropbox.leadsTypeFilter::before, .newFiltersDropbox.leadsTypeFilter::after {
        left: 0;
    }
    /* .topLeftBoxNewSectionScreen{
        width: auto;
    } */
    .sortByFiltersBox .col-sm-6 {
        width: 50%;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 0px;
    }
    .sortByFiltersBox .col-sm-6 label {
        width: 100%;
        min-width: 100%;
        margin-bottom: 5px;
    }
    .newFiltersBox.newFiltersActive .newFiltersDropbox.outCodeFiltersSection {
        right: auto;
        left: -151px;
    }

    .btnLinkMobile .btnTextContent{
        display: none;
    }
    .topLeftBoxNewChild2New.topLeftBoxNewChild2NewSec .filterShowBtns .showAllFiltersBox1{
        width: auto;
    }
    .topLeftBoxNewChild2New.topLeftBoxNewChild2NewSec .feather, 
    .topLeftBoxNewChild2New.topLeftBoxNewChild2NewSec .feather.featherNew {
        margin-right: 0;
    }
    .mobViewTabsGrid {
        padding-left: 10px;
    }
    .filterShowBtnsLatestMob{
        justify-content: flex-end;
    }
    .topLeftBoxNewChild2New.topLeftBoxNewChild2NewSecLeads .filterShowBtns .showAllFiltersBox1{
        width: auto;
    }
    .stickyTopbarBox{
        position: relative;
        top: auto;
    }
    .topMidBoxNewDesign2 .topMidBoxChildNewSection{
        gap: 5px 10px;
    }
    .topMidBoxNewDesign2 .topMidBoxChildNewSectionMobile{
        display: block;
    }
    .topMidBoxChildNewSectionMobile .topMidBoxChildNewLeft{
        margin-bottom: 5px;
    }
    

    .customCommonTable table tr th:nth-child(3), .customCommonTable table tr td:nth-child(3) {
        z-index: 0;
    }
    .findAreaFilterTable .dataTables_wrapper.no-footer .dataTables_scrollBody{
        width: calc(100% + 5px) !important;
    }
    .customCommonTable .dataTables_info{
        margin-left: 0;
        position: relative;
    }
    .customCommonTable .dataTables_info:after{
        position: absolute;
        content: '';
        height: 5px;
        width: 1px;
        background: #ddd;
        top: -5px;
        right: -1px;
    }
    .preferencesMailBoxChild label{
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 5px;
    }
    .preferencesMailBoxChild{
        flex-wrap: wrap;
    }
    .preferenceMailButtons {
        min-width: fit-content;
        margin-top: 10px;
    }
    .preferenceMailInput{
        width: 100%;
    }
    .preferenceMailInner{
        width: 100%;
        flex-wrap: wrap;
    }
    .preferenceMailInner .preferenceMailButtons a.mailEditOption,
    .preferenceMailInner .preferenceMailButtons a.mailSaveOption{
        margin-left: 0;
    }
    .preferencesMailBoxChild{
        margin: 25px 0px;
    }
    .plan-banner h1 br{
        display: none;
    }
    .plan-banner {
        padding: 80px 15px 10px;
    }
    .toggle-btns{
        font-size: 14px;
        line-height: 18px;
    }
    .toggle-btns {
        padding: 7px 16px;
    }
    .button-box{
        width: 320px;
    }
    .packages{
        padding-bottom: 10px;
    }
    .pricingTableBox table th:first-child, .pricingTableBox table td:first-child{
        width: 150px;
        min-width: 150px;
    }
    .pricingTableBox table th {
        font-size: 13px;
        line-height: 16px;
    }
    .pricingTableBox table th {
        padding: 8px 5px;
    }
    .tableRowHead{
        font-size: 12px;
        line-height: 14px;
    }
    .pricingTableBox table th:first-child, 
    .pricingTableBox table td:first-child {
        width: 130px;
        min-width: 130px;
        width: 100px;
        min-width: 100px;
    }
    .tableHeadTip{
        height: 16px;
        width: 16px;
        margin-top: 2px;
    }
    .pricingTableBox {
        margin: 20px 0 30px;
    }
    .pricingTableBox table td {
        font-size: 13px;
    }
    .priceTableTags {
        height: 18px;
        width: 18px;
    }
    .pricingTableBox table td {
        padding: 7px 10px;
    }


    .leadsTable .customTableDesign table.dataTable thead th:nth-child(1){
        min-width: 50px !important;
        width: 50px !important;
    }
    /* .leadsTable .customTableDesign table.dataTable thead th:nth-child(2){
        max-width: 200px !important;
        width: 200px !important;
    } */
    .leadsTable .customTableDesign table.dataTable thead th:nth-child(3),
    .leadsTable .customTableDesign table.dataTable tbody td:nth-child(3){
        min-width: 50px !important;
        width: 50px !important;
    }
    .leadsTable .customTableDesign table.dataTable tbody tr td .tableAnchor{
        white-space: initial;
    }
    .leadsTable .customTableDesign table.dataTable tbody td,
    .leadsTable .customTableDesign table.dataTable thead th,
    .areaResearchTable .customTableDesign table.dataTable tbody td,
    .areaResearchTable .customTableDesign table.dataTable thead th{
        font-size: 12px;
        line-height: 13px;
    }
    .areaResearchTable .customTableDesign table.dataTable thead th:nth-child(1),
    .areaResearchTable .customTableDesign table.dataTable tbody td:nth-child(1){
        width: 60px !important;
        min-width: 60px !important;
    }
    .tableSavedFilter .tableAnchor span svg{
        height: 16px;
        width: 16px;
        margin-right: 3px;
    }
    .leadsTable .customTableDesign table.dataTable thead th:last-child br,
    .areaResearchTable .customTableDesign table.dataTable thead th:first-child br{
        display: inline-block;
    }
    table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled{
        padding-right: 25px;
    }
    table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before {
        right: 15px;
    }
    .tablePostcodeArea svg {
        height: 17px;
        width: 16px;
    }
    .tableDataHeading.fontSize16{
        font-size: 13px;
    } 
    .tableLeads span{
        height: 28px;
        width: 28px;
        font-size: 12px;
        line-height: 12px;
    }
    .dashboardTableTopLeftSec2Btm{
        margin-left: 5px;
    }
    .dashboardTableTopLeftSec2 a{
        display: inline-block;
    }
    .pricingTableChild .fixedHeaderTable tr th:nth-child(1){
        width: 127px;
        min-width: 127px;
    }
    /* .pricingTableChild .fixedHeaderTable tr th:nth-child(2), 
    .pricingTableChild .fixedHeaderTable tr th:nth-child(3),
    .pricingTableChild .fixedHeaderTable tr th:nth-child(4) {
        width: 26%;
    } */
    .pricingTableChild .fixedHeaderTable tr th:nth-child(2) {
        width: 26%;
    }
    .pricingTableChild .fixedHeaderTable tr th:nth-child(3) {
        width: 22%;
    }
    .pricingTableChild .fixedHeaderTable tr th:nth-child(4) {
        width: 38%;
    }
    .fixedHeaderTable {
        width: calc(100% - 40px);
    }
    .fixedHeaderTable.fixedHeaderTable2{
        top: 49px;
    }
    .emailNewLeadsBox{
        border: none;
    }
    .emailNewLeadsSwitch, .emailNewLeadsLabel {
        font-size: 14px;
        line-height: 16px;
    }
    .newModalHeader {
        padding: 0 10px;
    }
    .commonLeadsNotesModal .modal-header {
        padding: 15px 15px;
    }
    .commonLeadsNotesModal .modalBody {
        padding: 0px 15px 15px;
    }
    .leadsModalBodyContent h2 br{
        display: none;
    }
    .commonLeadsNotesModal .modal-dialog {
        max-width: 95%;
    }
    .leadsModalBodyContent h2 {
        font-size: 20px;
        line-height: 26px;
    }
    .mailPreferenceNote {
        margin-top: 15px;
    }
    .learnMoreLeadsmodal .preferenceNotesList h3 {
        margin-bottom: 3px;
    }
    .topLeftBoxNewChild2New.topLeftBoxNewChild2NewSecLeads.topLeftBoxNewChild2 .filterShowBtns{
        flex-direction: row;
        padding-left: 5px;
        margin-left: 5px;
    }
    .userLeadsPageNewDesign .userLeadsPageNewHeader{
        flex-wrap: wrap;
    }
    .filtersMobBoxLeadsPage{
        width: 100%;
        margin-top: 10px;
        margin-top: 20px;
        justify-content: end;
    }
    .userLeadsPageNewHeader .prim24med.flexGrowSed{
        text-align: left;
    }
    .topLeftBoxNewChild2NewSecLeads .userLeadsTopDesignNew{
        padding-left: 0;
    }
    /* .btnStyle.newBtnDesign.leadsDaysFilterTab{
        font-size: 12px;
    } */
    .dashBoxPageSection.topMidBoxNew.leadsFilterDropdownBox{
        margin-top: 5px;
    }
    .forWebsite{
        display: none;
    }
    .forMobile{
        display: inline;
    }
    /* .btnStyle.newBtnDesign{
        font-size: 12px;
    } */
    .filtersMobBoxLeadsPageFilters{
        margin-left: 5px;
        padding-left: 5px;
    }
    .mailEnvelopBoxDisable svg,
    .mailEnvelopBoxEnable svg{
        height: 26px;
        width: 33px;
    }
    .filtersMobBoxLeadsPageFilters.leadsPageFilterSwitch{
        border-left: 1px solid #A6ACBE;
    }
    .emailsToggleMainIconTop svg{
        height: 20px;
        width: 20px;
    }
    .filtersMobBoxLeadsPageFilters .emailNewLeadsSwitch {
        padding-left: 10px;
    }
    .dashboardTableTopRightChild{
        flex-direction: column;
        min-width: max-content;
    }
    .dashboardTableTopRightChild .dashButtonBox{
        margin: 0;
    }
    .userLeadsPageNewDesign .leadsPageFilterProperty .newFiltersBox.newFiltersActive .newFiltersDropbox{
        left: 0;
    }
    .userLeadsPageNewDesign .newFiltersDropbox.savedFiltersDropBox::before, 
    .userLeadsPageNewDesign .newFiltersDropbox.savedFiltersDropBox::after{
        right: initial;
        left: 0;
    }
    .bottomFoot .cookiesSec{
        padding: 15px 20px;
    }
    .cookiesSecInner{
        flex-direction: column;
        gap: 15px;
    }
    .bottomFoot{
        bottom: 45px;
    }
    .packages.samplePackages {
        width: 310px;
    }
    .saveFilterBtnBox .filtersListsItem.saveFilterBtn.userLeadsSavedFilterBtn{
        width: 100%;
    }
    .findAreaBottom{
        text-align: center;
    }
    .propGrowthHead .postcodeDataTabs.postcodeDataTabsNew a {
        padding: 3px 4px;
        height: 26px;
    }
    .propStatsHeader.propGrowthHeadNew .askPriceMid span{
        margin-right: 0 !important;
    }

    .details--property .propImageBox .propImageSliders{
        min-width: auto;
    }
    .propImageBox .propImageThumbnail.propImageThumbnailUpdate {
        width: 70px;
        min-width: 70px;
        margin-right: 12px;
    }
    .propImageThumbnail.propImageThumbnailUpdate .slick-vertical .slick-slide {
        height: 70px;
    }
    .propImageBox .verticalSliderBoxUpdate .propImageSliders {
        height: 260px;
    }

    .myPropertyListingTradeItems .myListingTradeCard{
        grid-template-columns: 1fr;
        grid-template-rows: 200px auto;
        gap: 10px;
    }
    .myPropertyListingTradeCard .propertyTradeListCardLeft{
        width: 100%;
    }
    .prospectsTradeListCardLeft {
        width: 80px;
        height: 80px;
    }
    .myProspectsListingTradeCard {
        grid-template-columns: 80px auto;
    }
    .propertyTradeListCardLeft{
        height: 100%;
    }

    .tradingListingSliderSec {
        /* height: 380px; */
    }
    .propertyTradeRightTop.tradingListingSliderBox {
        height: 50vh;
    }

    .commonTabsSection .nav-tabs .nav-item{
        margin-bottom: 10px;
        margin-right: 0;
    }
    .commonTabsSection .nav-tabs .nav-item:last-child{
        margin-bottom: 0;
    }
    .teamManagementSection {
        display: flex;
        gap: 20px;
    }
    .postValidationDashboard .row{
        gap: 10px 0;
    }
    .postValidationDashboard .col-sm-12 {
        width: 100%;
    }
    .postValidationDashboard.postValidationDashboardNew .col-sm-12{
        width: 100%;
    }
    .asideIcon {
        width: 60px;
    }
    .reportChartBox {
        padding: 0px 50px;
    }

    .findAreaTopUpdate .aboutPostcodeHead{
        min-width: auto;
    }
    /* -------------- */
    .signup--page.signup--page-update .payment___signup{
        margin-top: 40px;
    }
    /* .signup--page.signup--page-update .signupformSections.signupformSectionsLeft .col-sm-12{
        padding-left: 6px;
        padding-right: 6px;
    } */

    .topLeftBox-update {
        flex-wrap: nowrap;
        align-items: flex-start;
    }
    /* .topLeftBox-update .topLeftBoxNewChild{
        width: auto;
    } */
    .topLeftBox-update .topLeftBoxNewChild2New{
        /* width: auto; */
    }

    .webViewTabsGrid-update{
        display: none !important;
    }
    /* .mobViewTabsGrid-update .btn-section-update{
        flex-direction: row !important;
        flex-wrap: nowrap;
    } */

    .topLeftBox-update .topMidBoxChildNewLeft{
        width: 100%;
        margin: 0 !important;
    }
    .topLeftBox-update .mobViewTabsGrid{
        width: 100%;
        padding-left: 0;
    }
    .btn-section-update{
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: 50%;
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        padding: 0 !important;
        width: 100%;
    }
    .btn-section-update .showAllFiltersBox1{
        width: 100% !important;
    }
    .mobViewTabsGrid-update{
        display: grid;
        width: 100%;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .shortlistHeader .title{
        display: none;
    }

    .quick-search-tags {
        grid-template-columns: repeat(2, 1fr);
    }


    /* -----------------------BS */
    .dashboardPageNew-update .dashboardStepsChild .dashboardCountInfo span{
        margin-bottom: 0;
    }
    .dashboardChartSection.dashboardChartSection-updatenew .dashboardBarsChild.dashboardBarsChild2{
        padding-right: 20px;
        padding-left: 20px;
    }

    /* --------------- */
    .freeTrialStepModal .modal-dialog{
        max-width: 95%;
    }
    .freeTrialStepGridChild {
        gap: 30px;
    }
    .freeTrailStepsContent, .freeTrailStepsContent.freeTrailStp2Content {
        padding: 20px 30px 30px;
    }
    .cardDetailsFieldBox div:nth-child(2), .cardDetailsFieldBox div:nth-child(3), .cardDetailsFieldBox div:nth-child(4) {
        width: 31%;
    }

    /* -------------- */
    .chatbotTrigger{
        height: 60px;
        width: 60px;
    }
    .chatbotTriggerLink .chatbotTriggerIcon{
        font-size: 30px;
        line-height: 30px;
    }
    .chatbotSection .chatbotBody{
        width: 325px;
        bottom: 80px;
    }
    .propertyValuationDetailPage .dataTables_wrapper .dataTables_filter{
        width: calc(100% - 38px);
    }
    .propertyValuationDetailPage .toggleTableViewSecToggleParent {
        padding-top: 14px;
    }

    /* Client Project Section */
    .clientProject_footerChild{
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .clientProject_footerChildRight{
        align-items: center;
    }
    .clientProject_logo {
        height: 35px;
    }

    /* -------------- */
    .chatbotForm .form-control::placeholder{
        font-size: 14px;
        line-height: 18px;
    }
    .chatbotForm .form-control {
        font-size: 14px;
        line-height: 18px;
        padding: 12px 10px;
    }
    .chatbotTermsCondition {
        margin-top: 7px;
    }
    .chatbotSection .chatbotBody{
        bottom: 75px;
    }
    .chatbotTriggerLink .chatbotTriggerIcon {
        font-size: 26px;
        line-height: 26px;
    }

    .propertyInnerTabsStyle.propertyInnerTabs.propertyInnerTabsStyle__update .nav-tabs{
        grid-template-columns: 1fr;
    }
    .property-valuation-grid.property-valuation-grid__update{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px 20px;
    }
    .value_property_page_new .valuation-page-grid{
        padding: 20px 20px;
    }
}

@media (max-width: 414px) {
    /* .insight-tiles-1 {
        margin-top: 18%;
    } */
    .loader {
        background-size: 65%;
    }
    .fontSize52 {
        font-size: 35px;
    }
    .bannerLeft .mainHeading h2 {
        line-height: 48px;
    }
    .fontSize20 {
        font-size: 15px;
        line-height: 19px;
    }
    .bannerLeft .topHeading {
        margin-bottom: 18px;
    }
    .bannerLeft .mainHeading {
        margin-bottom: 20px;
    }
    .btnStyle {
        /* padding: 15px 45px; */
    }
    .bannerInner {
        padding: 40px 0px 40px;
    }
    .testimonialContent::before,
    .testimonialContent::after {
        height: 22px;
        width: 22px;
    }
    .testimonialContent span {
        width: 70px;
    }
    .testimonialContent {
        margin-bottom: 10px;
    }
    .footLogo {
        margin-bottom: 30px;
    }
    .midQuickLinks h4,
    .midSocialLinks h4 {
        margin-bottom: 15px;
    }
    /* Plan Page Start */
    .fontSize32 {
        font-size: 25px;
        line-height: 33px;
    }
    .planPage .planInner .col-sm-4 {
        margin-bottom: 20px;
    }
    .fontSize28 {
        font-size: 25px;
        line-height: 33px;
    }
    .planDescription .planPoints ul li {
        font-size: 14px;
        line-height: 22px;
    }
    /* Plan Description Page Start */
    /* .stepBarInner .stepsList {
    min-width: 44%;
    width: 44%;
    margin: 10px 8px;
  } */
    /* Personal Detail Page Start */
    .boxDesigns {
        padding: 30px 20px 30px;
    }
    /* Signup Complete Page Start */
    .signupCompleteBox .topBoxSection h5 {
        font-size: 17px;
        line-height: 24px;
    }
    /* Payment Thankyou Page Start */
    .innerBoxDesign {
        padding: 30px 20px 20px 20px;
    }
    .planDetailInfo .detailDescription {
        font-size: 14px;
        line-height: 20px;
    }
    /* My Area Page Start */
    .areaList .areaListBox {
        padding: 15px 15px;
    }
    /* Portfolio Page Start */
    .emptyPortfolio .emptyPortfolioHead {
        font-size: 16px;
        line-height: 26px;
    }
    .emptyPortfolio .emptyPortfolioBox {
        font-size: 26px;
        line-height: 36px;
    }
    .listDesings span,
    .areaListBox .areaPriceInfo {
        font-size: 14px;
        line-height: 14px;
        padding: 0px 10px;
    }
    .bodySpace {
        padding: 20px 0 25px;
    }
    /* Add Property Page Start */
    .backPageOption a {
        font-size: 15px;
        line-height: 15px;
    }
    .backPageOption .backIcon {
        margin-right: 9px;
    }
    .formDesign label {
        font-size: 14px;
        line-height: 14px;
    }
    .formDesign .form-control {
        font-size: 14px;
        line-height: 14px;
    }
    .onNextPage {
        margin-top: 20px;
    }
    /* My Area Page Start */
    .myAreaPage .dashCardBox .myAreaCardBtm .btnStyle {
        font-size: 12px;
        line-height: 12px;
    }
    /* My Portfolio Page Start */
    .dashboardHeaderBtns span .btnStyle {
        font-size: 12px;
        line-height: 12px;
    }
    .dashboardHeaderBtns span {
        margin-left: 5px;
        margin-bottom: 5px;
    }
    /* About Us Page Start */
    .aboutPage .aboutCardSection {
        padding: 15px;
    }
    .aboutPage .aboutBannerLeft .aboutBannerImg {
        height: auto;
    }
    .footLinkList li a {
        font-size: 14px;
        line-height: 20px;
    }
    /* User Branding Page Start */
    .chooseColorList .addColorBox {
        width: 170px;
        padding: 13px 13px;
    }
    .brandingPageBox .colorBoxHeading {
        margin-bottom: 10px;
    }
    .addColorForm .colorCodeInput {
        margin-bottom: 15px;
    }
    .addColorForm .colorCodeSubmit {
        margin-bottom: 10px;
    }
    .userBrandingPage .p-40-sec {
        padding: 15px;
    }
    .brandPreviewBox .fileBody {
        min-height: 250px;
    }
    .select1 {
        padding: 5px;
        font-size: 12px;
        line-height: 12px;
    }
    .sqMapImg {
        width: 70px;
        height: 70px;
    }
    .prim24med {
        font-size: 20px;
    }
    .breadcrumbBtns img {
        width: 16px;
        height: 16px;
    }
    .logoutBtn {
        margin-top: 10px;
        margin-left: 0;
    }
    .propImageBox .propImageSliders {
        width: 100%;
        min-width: 100%;
        height: 200px;
        margin-bottom: 10px;
    }
    .propImageBoxSec {
        flex-direction: column-reverse;
    }
    .propImageBox .propImageThumbnail {
        width: 100%;
        min-width: 100%;
        margin-right: 0;
        /* height: 40px; */
        height: auto;
    }
    .propImageBox .propImageThumbnail .slick-slider {
        height: 100%;
    }
    .propImageThumbnail .slick-slide {
        margin: 0 4px;
    }
    .markedListsBox .markedListItem {
        font-size: 16px;
        margin-top: 15px;
    }
    .feeDetailInfo .col-6 {
        width: 100%;
    }
    .propImageBox .propImageThumbnail .slick-slider {
        padding: 0 30px;
    }
    .propImageBox .propImageThumbnail .slick-prev,
    .propImageBox .propImageThumbnail .slick-next {
        /* font-size: 0px;
    position: absolute; */
        top: 50%;
    }
    .propImageBox .propImageThumbnail .slick-prev {
        left: 0;
    }
    .propImageBox .propImageThumbnail .slick-next {
        right: 0;
    }
    .propImageBox .propImageThumbnail .slick-prev::before,
    .propImageBox .propImageThumbnail .slick-next::before {
        position: absolute;
        font-size: 23px;
        color: var(--colorBlack);
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        line-height: 0;
    }
    .propImageBox .propImageThumbnail .slick-prev::before {
        content: "\f104";
        left: 0px;
        top: 0;
    }
    .propImageBox .propImageThumbnail .slick-next::before {
        content: "\f105";
        right: 0px;
        top: 0;
    }
    .propImageThumbnail .slick-slide {
        height: 40px;
    }
    .propImageThumbnail .slick-slide img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    /* .propImageThumbnail .slick-prev.slick-arrow,
  .propImageThumbnail .slick-next.slick-arrow{
    display: none !important;
  } */
    .mobListsItems ul li {
        margin-left: 8px;
    }
    .mobListsItems ul li span {
        width: 16px;
    }
    .featureImage {
        /* height: 100%; */
        height: 200px;
    }
    .fontSize16 {
        font-size: 14px;
    }
    .helpBannerImg {
        width: 100%;
    }
    .mt-30 {
        margin-top: 20px !important;
    }
    .stepBarInner .stepsList {
        margin-right: 20px;
    }
    .askPriceMid span {
        width: 100%;
        display: block;
        margin-left: 0px !important;
        margin-bottom: 5px;
    }
    .modal-open .select2-container {
        width: 290px !important;
    }
    .policyDetailBoxs .policyDetailBox .pfPropValue{
        width: 50%;
    }
    .policyDetailBoxs .policyDetailBox .pfPropValue:nth-child(odd){
        text-align: left;
        border-right: 1px solid #ccc;
    }
    .policyDetailBoxs .policyDetailBox .pfPropValue:nth-child(even){
        text-align: right;
        border-right: none;
    }
    .policyDetailBoxs .policyDetailBox .pfPropValue:nth-last-child(-n+3){
        border-bottom: 1px solid #ccc;
    }
    .policyDetailBoxs .policyDetailBox .pfPropValue:nth-last-child(-n+2){
        border-bottom: none;
    }
    .propertyCounts{
        flex-direction: column;
    }
    .propertyCountBox{
        margin: 5px 0px;
    }
    /* ---------------------------- */
    .dealAnalyserPage .col-sm-6 {
        width: 50%;
        margin-bottom: 20px;
    }
    .modalDesign .modal-body {
        padding: 50px 20px;
    }

    /* Subscription Page Design */
    .cardInfoSec{
        flex-direction: column;
        align-items: flex-start;
    }
    .cardInfo .cardIcon{
        margin-top: 0px;
    }
    .payMethodLists span.cardExpiry{
        padding-left: 37px;
        padding-top: 3px;
    }
    .billingDetailSec .billDetailHeading{
        width: 37%;
    }
    .billingDetailSec .billDetailText{
        width: 63%;
    }
    .payMethodLists{
        align-items: flex-start;
    }
    .pageTagBox{
        flex-direction: column;
    }
    .pageTagBox span{
        width: 100%;
        margin: 0px;
        margin-bottom: 10px;
    }
    .pageTagBox span a{
        width: 100%;
    }
    .pageTagBox span:last-child{
        margin-bottom: 0px;
    }
    .pageTagBox .propertyTypeTag{
        margin-right: 0px;
    }
    .propDetailBoxs .propInfoLeft {
        width: 65%;
    }
    .propDetailBoxs .propInfoRight {
        width: 35%;
    }
    .propDetailBoxs .propInfoRight span input{
        font-size: 14px;
        line-height: 16px;
    }
    .btnStyle {
        font-size: 13px;
        line-height: 13px;
    }
    .addPropertyBtns .col-md-6 {
        margin-bottom: 10px;
    }
    .btnStyle.btnStyle2 {
        font-size: 13px;
        line-height: 16px;
        padding: 12px 35px;
    }
    .cardInfoSec .cardInfo {
        width: auto;
        min-width: auto;
    }
    .propertyMapBox{
        min-height: 300px;
    }
    .dashHeadingTop.dashHeadingTopNew{
        margin-bottom: 0px;
    }
    .detailsTabBox p{
        font-size: 14px;
    }
    .detailsHeadings{
        min-width: 125px;
        padding-right: 10px;
    }
    .propertryListsTabs .nav-item {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px;
    }
    .offersInnerTabs .nav-tabs .nav-item {
        width: 46%;
    }
    .propertyInnerTabs .nav-tabs .nav-item.tabActiveProperty {
        width: 100%;
    }
    .propertyInnerTabs .nav-tabs .nav-item.tabCommercialProspect{
        width: 100%;
        margin-right: 0px;
    }
    .propertyInnerTabs .nav-tabs .nav-item.tabArchives {
        width: 100%;
    }
    .sectionSlider.slick-initialized .slick-slide {
        height: 250px;
    }

    .on-market-radio{
        text-align: center;
    }
    .off-market-radio{
        text-align: center;
    }
    .search-box-main{
        margin: 10px 0 20px;
    }
    .search-box {
        margin: 15px 0 0 0;
    }
    .search-box input{
       width: 100%;
    }
    .analyser-search-box input{
       width: 100%;
    }
    .custom-sticky-header .dashboardHeaderBtns a {
        height: 32px;
        width: 32px;
        padding: 5px;
    }

    /* Latest Updated Code */
    .savedFilterBox .csm-saved li{
        padding-right: 0.6rem;
    }


    /* --------------- */
    .newBtnStyle{
        padding: 5px 8px;
    }
    .alertsAsideBox{
        width: 100%;
    }
    .propertyDetailTabs.propertyDetailTabs2 .nav-tabs .nav-link{
        font-size: 13px;
    }
    .alertItemsBottom .alertActionItem {
        margin-right: 22px;
        margin-bottom: 10px;
    }
    .alertItemsBottom{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .alertItemsBottom .alertActionItem:last-child,
    .alertItemsBottom .alertActionItem a{
        width: 100%;
        text-align: center;
    }
    .alertItemsBottom .alertActionItem:last-child{
        margin-bottom: 0;
    }

    .propertyDetailTabs.propertyDetailTabs2 .nav-tabs .nav-link{
        line-height: 16px;
    }
    .propertyCountBox2{
        justify-content: center;
    }

    /* --------------- */
    .savedFilterBox .csm-saved li {
        font-size: 14px;
    }

    .childFilters {
        /* padding-left: 20px; */
    }
    .filtersSectionChild .customCheckBox {
        padding-right: 10px;
        margin-bottom: 10px;
    }
    .filtersSectionChild2 .parentFilter {
        width: 50%;
    }
    .countsFilters .col-sm-12{
        width: 50%;
    }
    .countsFilters .col-sm-12:first-child{
        width: 100%;
        margin-bottom: 15px;
    }
    .filtersBottomSec{
        flex-direction: column;
    }
    .filtersBottomSec button{
        /* width: 150px; */
    }

    /* --------------- */
    .filtersSectionChild .customCheckBox{
        margin-bottom: 5px;
    }
    .countsFilters .col-sm-12:first-child {
        margin-bottom: 0px;
    }
    .countsFilters{
        margin-bottom: 10px;
    }
    .sortByFiltersBox .col-sm-6{
        width: 50%;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 0px;
    }
    .sortByFiltersBox .col-sm-6:not(:last-child) {
        margin-bottom: 0px;
    }
    .sortByFiltersBox .col-sm-6 label{
        width: 100%;
        min-width: 100%;
        margin-bottom: 5px;
    }
    .sortByFiltersBox .col-sm-6 .form-control {
        width: 100%;
        min-width: 100%;
    }

    .savedFilterListItem .savedFilterTooltip {
        width: 200px;
        left: -210px;
    }
    .savedFilterListItem .savedFilterTooltipChild {
        width: 190px;
    }

    .myAccHeaderNew .dropdown-toggle {
        padding-right: 17px;
    }
    .userIcon{
        height: 40px;
        width: 40px;
        height: 34px;
        width: 34px;
    }
    .alertsLinkOptionNew{
        font-size: 12px;
    }
    .asideToggleLink {
        margin-left: 5px !important;
        margin-right: 5px;
        display: flex;
    }
    .myAccHeader.myAccHeaderNew {
        padding: 2px 15px;
    }
    .myAccHeaderLogo{
        padding: 10px 8px 10px 14px;
    }
    .dashboardTableTopLeftSec2Btm {
        min-width: auto;
    }
    .dashboardTableTopLeftIcon {
        height: 30px;
        width: 30px;
        padding: 7px;
    }
    /* .dashboardTableTop{
        flex-direction: column;
        align-items: flex-start;
    } */
    .dashboardTableTopLeftSec{
        width: 100%;
    }
    /* .dashboardTableTopRight{
        width: 100%;
    } */
    /* .dashButtonBox{
        width: 100%;
        margin-left: 0px;
        margin-top: 5px;
    } */
    .dashButtonBox .dashButton{
        justify-content: center;
        padding: 2px 3px;
    }
    /* .dashboardTableTopRightChild{
        flex-direction: row;
    } */
    .dashButtonBox:not(:last-child){
        margin-right: 5px;
    }
    .dashboardTableTopLeftSec2Btm{
        margin-top: -3px;
    }
    th.leadsCounts,
    .leadsTable td.tableLeads{
        width: 90px !important;
        max-width: 90px !important;
        min-width: 90px !important;
    }
    .tableLeads span{
        margin: 0 auto;
    }
    .dashboardStepsChild{
        height: 100%;
    }
    table.dataTable thead th{
        height: auto;
    }

    .propertySearchFormChild{
        padding: 20px 20px;
    }
    .searchDropdownFilter .childFilters{
        margin-left: 0;
        padding-left: 15px;
    }
    .searchDropdownFilter .filtersSectionChild .customCheckBox{
        padding-right: 5px;
    }
    .propertySearchNewPage .fontSize30{
        font-size: 25px;
        line-height: 32px;
    }
    .propertySearchBanner{
        height: 190px;
    }
    .propertySearchNewForm{
        margin-top: -95px;
    }

    .userLeadsFilters .savedFilterListItem {
        width: 48%;
        min-width: 48%;
    }

    .customCommonTable .dataTables_wrapper .dataTables_paginate .paginate_button{
        width: 28px;
        min-width: 28px;
        padding: 2px;
        height: 28px;
        margin: 0 1px;
    }
    .pricingTableBox table th{
        white-space: break-spaces;
        vertical-align: middle;
    }
    .pricingTableBox table td {
        font-size: 12px;
    }
    .priceTableTags {
        height: 16px;
        width: 16px;
    }
    .pricingTableBox table td {
        padding: 6px 6px;
    }
    .graphCardChildTop{
        flex-direction: column;
        gap: 3px;
    }

    /* ----------- */
    .btnStyle.newBtnDesign{
        font-size: 13px;
        font-size: 12px;
    }
    
    /* .btnStyle.newBtnDesign.leadsDaysFilterTab {
        font-size: 11px;
        padding: 4px 2px;
    }
    .btnStyle.newBtnDesign{
        font-size: 12px;
    }
    .filterShowBtns.filterShowBtnsNew {
        gap: 5px 3px;
    }
    .topLeftBoxNewChild2New.topLeftBoxNewChild2NewSecLeads.topLeftBoxNewChild2 .filterShowBtns {
        padding-left: 3px;
        margin-left: 3px;
    } */

    .pricingTableChild .fixedHeaderTable tr th:nth-child(1) {
        width: 119px;
        min-width: 119px;
    }

    .postcodeDataTabs.postcodeDataTabsNew .downloadProcess{
        display: none;
    }
    .propGrowthHead .postcodeDataTabs.postcodeDataTabsNew a {
        top: 0;
    }
    .propGrowthHead .postcodeDataTabs.postcodeDataTabsNew .mt-10{
        margin-top: 0 !important;
    }
    .propStatsHeader.propGrowthHeadNew{
        display: inline-flex;
    }

    .propImageBox .propImageThumbnail.propImageThumbnailUpdate {
        width: 100%;
        min-width: 100%;
        margin-right: 0;
    }
    .propImageThumbnail.propImageThumbnailUpdate .slick-slide{
        height: 55px;
    }
    .propertyTradingTabsList{
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .propertyTradingTabsList .nav-item{
        margin: 0;
    }
    /* ----------------- */
    /* .tradingListingExtraInfo{
        grid-template-columns: auto;
    } */

    .sellContentGraph.sell-content .rating-graph li .graph-status span.point{
        height: 16px;
        line-height: 10px;
    }
    .sellContentGraph.sell-content .rating-graph li .graph-status span.point::before{
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        left: -8px;
    }
    .tradingListgingRightBottom {
        padding: 10px 0px;
    }

    .shortlistHeader .title{
        display: none;
    }

    .chatbotSection .chatbotBody{
        width: calc(100%  - 30px);
    }

}

@media (max-width: 359px) {
    /* .insight-tiles-1 {
        margin-top: 12%;
    } */
    .loader {
        background-size: 65%;
    }
    .fontSize52 {
        font-size: 32px;
    }
    .bannerLeft .mainHeading h2 {
        line-height: 45px;
    }
    .testimonialContent {
        padding: 0 30px 30px 30px;
    }
    .testimonialContent .fontSize24,
    .testimonialBy .writerName {
        font-size: 16px;
        line-height: 25px;
    }
    .testimonialSlider .slick-dots li {
        height: 8px;
        width: 8px;
    }
    .weWork {
        padding: 35px 0;
    }
    /* Plan Page Start */
    .fontSize32 {
        font-size: 23px;
        line-height: 31px;
    }
    /* Plan Description Page Start */
    /* .stepBarInner .stepsList {
    min-width: 100%;
    width: 100%;
    margin: 0px 0px 8px;
  } */
    /* Payment Page Start */
    .onCardsContinue .btnStyle {
        font-size: 14px;
        line-height: 14px;
        padding: 12px 18px;
    }
    .modal-open .select2-container {
        width: 255px !important;
    }
    .prim24med {
        font-size: 18px;
    }
    .on-market-radio{
        text-align: center;
    }
    .off-market-radio{
        text-align: center;
    }

    .shortlistHeader .title{
        display: none;
    }

    /* ------------- */


    
}

@media (max-width: 767px) {
    .input-wrap input {
        width: 100%;
    }

    .btnStyle.btnStyle3.start-btn {
        padding: 15px;
    }

    .prop-detail-block {
        flex-direction: column;
    }

    .prop-detail-block div {
        width: 100%;
    }

    .text-right {
        text-align: left;
    }

    .faq-wrap, .free-wrap {
        flex-direction: column;
    }

    .faq-wrap div, .free-wrap div, .free-wrap h3 {
        width: 100%;
    }
    .propInvestors .d-flex{
        flex-wrap: wrap;
    }
    .brand-img{
        margin-bottom: 6px;
    }
    .left-count strong, .right-count strong{
        width: auto;
    }
    .prop-detail-block .mb-3:first-child:before{
        top:initial;
        bottom: -8px;
        right: 0;
        width: 100%;
        height: 1px;
    }
    
    .navbar-expand-md .navbar-nav .nav-link{
        padding: 10px;
        display: inline-block;
    }
    .navbar-nav .btn.btn-primary.try-button{
        background: transparent;
        border-radius: 0;
        border: none;
    }

}

/*========================Start Dashboard  ========================*/


@media (max-width: 767px) {
    .residential-filter{
        border-right: none;
    }
}

@media (max-width: 991px) {
    .bannerDesboard .csm-saved{
        padding: 0 15px;
    }    
    .bannerDesboard .csm-saved.filtersListItems{
        padding: 0;
    }
     .bannerDesboard .csm-saved button{
        font-size: 13px;
    }
    
   .bannerDesboard .formBottomBox h3.fontSize20{
    margin-bottom: 10px;
   }
}
/*========================End Dashboard ========================*/
/*========================Start Property Dashboard ========================*/


@media (min-width:1200px) {
    .address-wrapper .addressDetail{
        font-size: 27px;
    }
    .view-wraper .col-md-7{
        display: flex;
    }
        
}

/*========================End Property Dashboard ========================*/
/*========================Start Account login page ========================*/
@media (max-width:767px) {
    #main-login--wrapper .second-row{
        order: 1;
        margin-top: 30px;
        margin-bottom:30px;
    }

    #main-login--wrapper .first-row{
        order:2;
    }
    
    .login-quotee p.quote{
        font-size: 22px;
    }
}
@media (min-width:768px) {
    .col-sm-12.col-md-6.first-row{
        margin-right: 10px;
        width:calc(50% - 10px);
        background-color: #fff;
        border-radius: 12px;
    }
    .col-sm-12.col-md-6.second-row{
        margin-left: 10px;
        width:calc(50% - 10px);
        background-color: #fff;
        border-radius: 12px;
    }
}
/*========================End Account login page========================*/

/*========================Start my-sourcing-deals page ========================*/
@media (min-width:992px) {
    .my-sourcing-deals .package-container {
        left: 60%;
        top: 55%;
    }    
    /*End my-sourcing-deals */
.table-slider .slick-arrow {
    left: -20px;
}
.table-slider .slick-next{
    left: initial;
    right: -20px;
}

.ourter-wrapper{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    }
    .ourter__count{
        width: 49%;
        justify-content: flex-start;
    }
    .ourter__house-wraper{
        width: 49%;
    }
    .ourter__count span, .ourter__house-wraper label span, .clear_filter a{
        font-size: 15px;
        font-family: var(--circularBold);
        border-radius: 6px;
    }
    .ourter__count span{
        margin: 0 6px;
    }


    
}


/* star subscription details blade*/
@media (max-width:767px) {
    #SubscriptionModal .form-box {
        margin-bottom: 35px;
    }
    .subscription_wrap .package-container {
      flex-wrap: wrap; 
    }
    #SubscriptionModal .modal-dialog, #updateformModal .modal-dialog{
        max-width: 95%;
    }
    .subscription_wrap .packages h2{
        margin-top:15px;
    }
    .subscription_wrap .popular{
        top: 0px;
    }
}
@media (min-width:768px) {
     #SubscriptionModal .modal-dialog, #updateformModal .modal-dialog{
        max-width: 95%;
    }
}
@media (min-width:1200px) {
    .subscription_wrap .packages h2{
        margin-top:15px;
        font-size: 36px;
    }
    #SubscriptionModal .modal-dialog, #updateformModal .modal-dialog{
        max-width:1140px;
    }
}

/* End subscription details blade*/

@media (min-width: 768px) {
    .demo-section .video-section{
        max-width: 500px;
        margin: 0 auto;
    }
    .custom_slid .table-slider .slick-slide{
        min-width: 327px;
    }

    .vs-section.newCardDesigns.mt-1 p{
        width: 45%;
    }
    .vs-section.newCardDesigns.mt-1 sub.textWarmGrey{
        top: -8px;
    }
    .vs-section.newCardDesigns.mt-1 p:last-child {
       width: 41%;
    }
    
}
@media (min-width:1024px) {
    .demo-section .video-wraper{
        overflow: hidden;
        height: auto !important;
        overflow-y: auto;
    }
    .demo-section .video-popup span{
        position: fixed;
        top: -3px;
        right: -6px;
    }
    .custom_slid .table-slider .slick-slide{
        min-width: auto;
    }
}