/*
======================
For - Big - Screen
======================
*/


@media screen and (min-width: 1920px) {

    .dispute-table tr th.empty,
    .dispute-table tr td.empty {
        width: 92px !important;
        border: 0;
        min-width: 92px;
    }

    .leases__flex {
        --bs-gutter-x: 75px;
    }


    .chart-container {
        width: 300px;
    }

}
@media screen and (min-width: 1800px) {

    .real__estate__leases__area > .row > .col-xxl-4 {
        width: 25%;
    }


}


@media (min-width: 1400px) {
    .models__design__box {
        max-width: 68%;
        margin-left: auto;
    }


    

}


/*
=======================
For - Dextop - Screen
=======================
*/

@media screen and (min-width: 1400px) and (max-width: 1899px) {


    /* 
    =====================================
    REAL-ESTATE-LIST-PAGE START HERE
    =====================================
    */

    .real-estate-table tr th:first-child {
        min-width: 150px;
    }

    .real-estate-table tr th.th_3rd {
        min-width: 160px;
    }

    .real-estate-table tr th.th_8th {
        min-width: 200px;
    }





    /* 
    =========================================
    REAL-STATE-LEASES START HERE
    =========================================
    */

    .real__estate__leases {
        padding: 30px 25px 20px;
    }

    .real__estate__leases p {
        font-size: 15px;
    }


}




@media screen and (min-width: 1600px) and (max-width: 1799px) {

    /* 
    =========================================
    REAL-STATE-RENTALS-DOCUMENTS START HERE
    =========================================
    */

    .draft__design_box__2 {
        margin-bottom: 20px;
    }

    .documents__table__area table th:nth-child(2) {
        min-width: 150px;
    }

    .documents__table__area table th:nth-child(3) {
        min-width: 140px;
    }

    .documents__bg__box {
        margin: 20px 0 0;
    }

    .documents__bg__box > div {
        max-width: 50%;
        margin: 0 50px;
    }



    /* 
    =====================================
    LEASES PAGE START HERE
    =====================================
    */

    .leases-area {
        margin: 30px 30px 0;
    }

    .leases__design__box table tr td:first-child {
        font-size: 12px;
    }

    .leases__design__box table tr td:last-child {
        font-size: 15px;
    }

    .leases__design__box table td {
        padding: 10px 0;
    }

    

}

@media screen and (min-width: 1600px) and (max-width: 1699px) {

    .subscribtions-table-box > .d-flex > div:nth-child(4) {
        width: 24% !important;
    }   


}


@media screen and (min-width: 1400px) and (max-width: 1599px) {

    .text-base {
        font-size: 14px;
        line-height: 20px;
    }



    .depreciation-input-area .col-xxl-7 {
        padding-left: 25px;
    }


    .distributions-div {
        height: auto;
        margin: 15px 0 0;
    }

    .notifications__div {
        min-height: 66px;
    }

    .progress__div h5 {
        font-size: 12px;
    }





    /* 
    =========================================
    DRAFTING-LEASE START HERE
    =========================================
    */

    .draft__box__area > .row > div {
        width: 100%;
    }

    .draft__box__area > .row > div:first-child {
        margin-bottom: 16px;
    }

    .drafting-lease-area2 > .row {
		--bs-gutter-x: 60px;
	}



    /* 
    =========================================
    REAL-STATE-LEASES START HERE
    =========================================
    */

    .real__estate__leases {
        padding: 25px 20px 20px;
    }

    .real__estate__leases p {
        font-size: 15px;
    }





    /* 
    =========================================
    DRAFTING-INVENTORY-REPORT START HERE
    =========================================
    */


    .common-draft-table-area table tr th,
    .common-draft-table-area table tr td {
        padding: 0 15px;
    }

    .select__th {
        width: 155px;
    }




    /* 
    =========================================
    REAL-STATE-RENTALS-DOCUMENTS START HERE
    =========================================
    */

    .draft__design_box__2 {
        margin-bottom: 20px;
    }

    .documents__table__area table th:nth-child(2) {
        min-width: 150px;
    }

    .documents__table__area table th:nth-child(3) {
        min-width: 140px;
    }

    .documents__bg__box {
        margin: 20px 0 0;
    }

    .documents__bg__box > div {
        max-width: 100%;
        margin: 0 50px;
    }



    /* 
    =====================================
    ADDING-TENANTS PAGE START HERE
    =====================================
    */

    .adding-tenants-design-box .design__box {
        padding: 30px 130px 30px 25px;
    }




    /* 
    =====================================
    DISPUTE-MONITORING PAGE START HERE
    =====================================
    */

    .dispute-table tr th {
        min-width: 150px;
    }


    .documents-leases-table {
        min-width: 1100px;
    }





    /* 
    =====================================
    LEASES PAGE START HERE
    =====================================
    */

    .leases-area {
        margin: 30px 0 0;
    }

    .leases__design__box table tr td:first-child {
        font-size: 12px;
    }

    .leases__design__box table tr td:last-child {
        font-size: 15px;
    }

    .leases__design__box table td {
        padding: 10px 0;
    }

    .leases__flex {
        --bs-gutter-y: 20px;
    }




    /* 
    =====================================
    SUBSCRIPTION PAGE START HERE
    =====================================
    */

    .subscriptions-tabs-content .row .col-xxl-9 {
        width: 65%;
    }

    .subscriptions-tabs-content .row .col-xxl-3 {
        width: 35%;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(1) {
	    width: 100% !important;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(2) {
        width: 48% !important;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(3) {
        width: 49% !important;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(4) {
        width: 49% !important;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(5) {
        width: 49% !important;
    }

    .payment__content {
       margin-bottom: 20px;
    }

    .payment__content p:first-child {
        margin-bottom: 8px;
    }

    .subscribtions-table-box a {
        width: 100%;
    }



}


/*
====================================
For -  Leptop/Mini Desktop - Screen
====================================
*/

@media screen and (min-width: 1200px) and (max-width: 1399px) {

    /* 
    =====================================
    DASHBOARD-PAGE START HERE
    =====================================
    */


    /* 
    ---------------------------
    RIGHT-SIDE-AREA START HERE
    ---------------------------
    */

    .rents-table-area tr th.empty,
    .rents-table-area tr td.empty {
        width: 30px;
    }



    /* 
    =====================================
    REAL-ESTATE-LIST-PAGE START HERE
    =====================================
    */

    .real-estate-table tr th,
    .real-estate-table tr td {
        /*! padding: 15px 15px; */
    }

    .real-estate-table tr th:first-child {
        min-width: 150px;
    }

    .real-estate-table tr td:nth-child(5),
    .real-estate-table tr td:nth-child(15) {
        padding-left: 5px;
        padding-right: 5px;
    }

    .real-estate-table tr th.th_3rd {
        min-width: 130px;
    }

    .real-estate-table tr th.th_8th {
        min-width: 160px;
    }

    .distributions-div {
        height: auto;
        margin: 15px 0 0;
    }

    .notifications__div {
        min-height: 66px;
    }






    /* 
    =========================================
    DRAFTING-INVENTORY-REPORT START HERE
    =========================================
    */


    .common-draft-table-area table tr th,
    .common-draft-table-area table tr td {
        padding: 10px 15px;
    }

    .common-draft-table-area table tr th:first-child {
        width: auto;
        min-width: 215px;
    } 

    .common-draft-table-area table tr th.big__th {
        min-width: 320px;
    }



    /* 
    =========================================
    REAL-STATE-RENTALS-DOCUMENTS START HERE
    =========================================
    */

    .draft__design_box__2 {
        margin-bottom: 20px;
    }

    .documents__table__area table th:nth-child(2) {
        min-width: 150px;
    }

    .documents__table__area table th:nth-child(3) {
        min-width: 140px;
    }

    .documents__bg__box {
        margin: 0;
        padding: 30px 0;
    }

    .documents__bg__box > div {
        max-width: 100%;
        margin: 0 30px;
    }




    /* 
    =====================================
    ADDING-TENANTS PAGE START HERE
    =====================================
    */
    
    .upload__documents__area {
        margin: 0;
    }

    .uploaded-files {
        margin: 15px 0 0;
    }

    .adding-tenants-design-box .design__box {
        padding: 30px 130px 30px 25px;
    }



    /* 
    =====================================
    DISPUTE-MONITORING PAGE START HERE
    =====================================
    */

    .dispute-table tr th {
        /*! min-width: 150px; */
    }


    /* 
    =====================================
    OPENING-DISPUTE PAGE START HERE
    =====================================
    */  

    .opening-dispute-box {
        padding: 50px 30px 45px;
    }



    .documents-leases-table {
        min-width: 100%;
    }





    /* 
    =====================================
    LEASES PAGE START HERE
    =====================================
    */

    .leases-area {
        margin: 30px 0 0;
    }

    .leases__design__box table tr td:first-child {
        font-size: 12px;
    }

    .leases__design__box table tr td:last-child {
        font-size: 15px;
    }

    .leases__design__box table td {
        padding: 10px 0;
    }

    .leases__flex {
        --bs-gutter-y: 20px;
    }





    /* 
    =====================================
    SUBSCRIPTION PAGE START HERE
    =====================================
    */

    .subscribtions-table-box > .d-flex > div:nth-child(1) {
	    width: 100% !important;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(2) {
        width: 49% !important;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(3) {
        width: 49% !important;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(4) {
        width: 49% !important;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(5) {
        width: 49% !important;
    }

    .payment__content {
       margin-bottom: 20px;
    }

    .payment__content p:first-child {
        margin-bottom: 8px;
    }

    .subscribtions-table-box a {
        width: 100%;
    }

    .subscriptions__flex {
        padding: 30px 0 0;
    }



    /* 
    =====================================
    FINANCE-PAYMENT PAGE START HERE
    =====================================
    */

    .finance-chart {
        margin-bottom: 16px;
    }

    .finance-amount-box-flex {
	    --bs-gutter-y: 10px;
    }

    .amount__chart__container {
        /*! display: flex; */
        /*! gap: 10px; */
    }

    .amount__chart__container > div {
        width: 100%;
        height: max-content;
        /*! margin: 0 !important; */
    }


   
	
}


/*
=============================
For - Mini - Leptop - Screen
=============================
*/

@media screen and (min-width: 992px) and (max-width: 1199px) {

    /* 
    =====================================
    DASHBOARD-PAGE START HERE
    =====================================
    */

    .aside-area-lg {
        width: 240px;
    }

    .dashboard-logo {
        text-align: center;
        padding-bottom: 20px;
    }

    .dashboard-logo img {
        max-width: 180px;
        padding-right: 10px;
    }

    .aside-area-lg .aside-link > li > a {
        gap: 10px;
        height: 45px;
        border-radius: 15px;
        padding: 18px 12px;
        margin: 0 0 10px;
        font-size: 14px;
    }

    .sub-aside-link {
        padding: 10px 0 15px 30px;
    }

    .sub-aside-link li a {
        font-size: 14px;
    }

    .sub-aside-link li a {
        gap: 10px;
    }

    .aside-area-lg .aside-link > li > a img,
    .sub-aside-link li a img {
        transform: scale(0.8);
    }



    /* 
    ---------------------------
    RIGHT-SIDE-AREA START HERE
    ---------------------------
    */

    .right-side-area {
        padding: 35px 20px 30px;
        width: calc(100% - 240px);
        margin-left: 240px;
    }

    .graph__div {
        padding: 20px;
    }

    .distributions-div {
        height: auto;
        margin: 15px 0 0;
    }

    .notifications__div {
        min-height: 66px;
    }

    .rents-table-area tr th:first-child,
    .rents-table-area tr th:nth-child(3) {
        min-width: 120px;
    }

    .rents-table-area tr th:nth-child(11) {
        min-width: 110px;
    }

    .rents-table-area tr th.empty,
    .rents-table-area tr td.empty {
        width: 30px;
    }





    /* 
    =====================================
    REAL-ESTATE-LIST-PAGE START HERE
    =====================================
    */

    .real-estate-list-header {
        margin-bottom: 0;
    }

    .search__input__div input {
        width: 245px;
    }
    
    .real-estate-table-area {
        margin-bottom: 80px;
    }

    .real-estate-table {
        margin: 15px 0 0;
    }

    .real-estate-table tr th.th_3rd {
        min-width: 130px;
    }

    .real-estate-table tr th.th_8th {
        min-width: 160px;
    }

    .real-estate-table tr th,
    .real-estate-table tr td {
        padding: 15px 15px;
    }

    .real-estate-table tr th:first-child {
        min-width: 150px;
    }

    .real-estate-table tr td:nth-child(5),
    .real-estate-table tr td:nth-child(15) {
        padding-left: 5px;
        padding-right: 5px;
    }

    .real-estate-table tr td {
        font-size: 12px;
        line-height: 16px;
    }

    .pagination-area {
        padding: 5px 10px 10px;
        margin: 0;
    }

    .pagination__list li a, .pagination__list li span {
        width: 30px;
        height: 30px;
    }




    /* 
    =====================================
    REAL-ESTATE-ADDITION-PAGE START HERE
    =====================================
    */

    .real-estate-vh {
        margin-top: 0;
        padding-right: 0;
        padding-left: 10px;
    }

    .informational__grid__item1 {
        margin: 0 0 18px;
    }





    /* 
    =========================================
    REAL-STATE-LEASES START HERE
    =========================================
    */

    .real__estate__leases p {
        font-size: 15px;
    }




    /* 
    =========================================
    DRAFTING-INVENTORY-REPORT START HERE
    =========================================
    */


    .common-draft-table-area table tr th,
    .common-draft-table-area table tr td {
        padding: 10px 15px;
    }

    .common-draft-table-area table tr th:first-child {
        width: auto;
        min-width: 215px;
    } 

    .common-draft-table-area table tr th.big__th {
        min-width: 320px;
    }





    /* 
    =========================================
    REAL-STATE-RENTALS-DOCUMENTS START HERE
    =========================================
    */

    .draft__design_box__2 {
        margin-bottom: 20px;
    }

    .documents__table__area table th:nth-child(2) {
        min-width: 150px;
    }

    .documents__table__area table th:nth-child(3) {
        min-width: 140px;
    }

    .documents__bg__box {
        margin: 20px 0 0;
    }

    .documents__bg__box > div {
        max-width: 100%;
        margin: 0 50px;
    }





    /* 
    =====================================
    ADDING-TENANTS PAGE START HERE
    =====================================
    */
    
    .upload__documents__area {
        margin: 20px 0 0;
    }

    .uploaded-files {
        margin: 15px 0 0;
    }



    /* 
    =====================================
    DISPUTE-MONITORING PAGE START HERE
    =====================================
    */

    .dispute-table tr th {
        min-width: 150px;
    }


    /* 
    =====================================
    OPENING-DISPUTE PAGE START HERE
    =====================================
    */  

    .opening-dispute-box {
        padding: 50px 30px 45px;
    }



    .documents-leases-table {
        width: 900px;
    }






    /* 
    =====================================
    LEASES PAGE START HERE
    =====================================
    */


    .leases-area {
        margin: 30px 20px 0;
    }

    .leases__flex {
        --bs-gutter-y: 20px;
    }





    /* 
    =====================================
    SUBSCRIPTION PAGE START HERE
    =====================================
    */

    .subscribtions-table-box > .d-flex > div:nth-child(1) {
	    width: 100% !important;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(2) {
        width: 49% !important;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(3) {
        width: 49% !important;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(4) {
        width: 49% !important;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(5) {
        width: 49% !important;
    }

    .payment__content {
       margin-bottom: 20px;
    }

    .payment__content p:first-child {
        margin-bottom: 8px;
    }

    .subscribtions-table-box a {
        width: 100%;
    }

    .subscriptions__flex {
        padding: 30px 0 0;
    }

    .real-estate-loans-tabs-list li a {
        font-size: 14px; 
    }





    /* 
    =====================================
    FINANCE-PAYMENT PAGE START HERE
    =====================================
    */

    .finance-chart {
        margin-bottom: 16px;
    }

    .finance-amount-box-flex {
	    --bs-gutter-y: 10px;
    }

    .amount__chart__container {
        display: flex;
        gap: 10px;
    }

    .amount__chart__container > div {
        width: 100%;
        height: max-content;
        margin: 0 !important;
    }
    



	
}



/*
=======================
For - Ipad - Screen
=======================
*/

@media screen and (min-width: 768px) and (max-width: 991px) {

    /* forgot password */
    .auth-password {
        padding-bottom: 50px;
    }



    /* 
    =====================================
    DASHBOARD-PAGE START HERE
    =====================================
    */

    .dashboard-body {
        padding-right: 0;
    }

    .text-2xl {
        font-size: 18px;
        line-height: 28px;
    }

    .text-base {
        font-size: 13px;
        line-height: 20px;
    }

    .text-sm {
        font-size: 12px;
        line-height: 16px;
    }


    /* 
    ---------------------------
    RIGHT-SIDE-AREA START HERE
    ---------------------------
    */

    .right-side-area {
        padding: 35px 20px 30px;
        margin: 0 20px 20px;
    }

    .graph__div {
        padding: 20px;
    }

    .distributions-div {
        height: auto;
        margin: 15px 0 0;
    }

    .notifications__div {
        min-height: 100px;
    }

    .rents-table-area tr th:first-child,
    .rents-table-area tr th:nth-child(3) {
        min-width: 150px;
    }

    .rents-table-area tr th:nth-child(11) {
        min-width: 150px;
    }

    .rents-table-area tr th.empty,
    .rents-table-area tr td.empty {
        width: 30px;
    }




    /* 
    =====================================
    REAL-ESTATE-PAGE START HERE
    =====================================
    */

    .real-estate-property-box p {
        margin: 30px 0 30px;
    }






    /* 
    =====================================
    REAL-ESTATE-LIST-PAGE START HERE
    =====================================
    */

    .real-estate-list-header {
        margin-bottom: 0;
    }

    .search__input__div input {
        width: 245px;
    }
    
    .real-estate-table-area {
        margin-bottom: 75px;
    }

    .real-estate-table {
        margin: 15px 0 0;
    }

    .real-estate-table tr th.th_3rd {
        min-width: 130px;
    }

    .real-estate-table tr th.th_8th {
        min-width: 160px;
    }

    .real-estate-table tr th,
    .real-estate-table tr td {
        padding: 15px 15px;
    }

    .real-estate-table tr th:first-child {
        min-width: 150px;
    }

    .real-estate-table tr td:nth-child(5),
    .real-estate-table tr td:nth-child(15) {
        padding-left: 5px;
        padding-right: 5px;
    }

    .real-estate-table tr td {
        font-size: 12px;
        line-height: 16px;
    }

    .pagination-area {
        padding: 5px 10px 10px;
        margin: 0;
    }

    .pagination-area > a span {
        display: none;
    }

    .pagination-area > a > i {
        margin: 0 !important;
    }

    .pagination__list li a, .pagination__list li span {
        width: 30px;
        height: 30px;
    }




    /* 
    =====================================
    REAL-ESTATE-ADDITION-PAGE START HERE
    =====================================
    */

    .h3-text {
        font-size: 20px;
        line-height: 24px;
    }

    .real-estate-vh {
        margin: 0;
        padding-top: 15px;
    }

    .real-estate-new-tabs-list {
        margin: 0 0 20px;
    }

    .real-estate-design-box {
        padding: 25px 25px;
        border-radius: 20px;
    }

    .informational__grid__item1 {
        margin-right: 0;
    }

    .design__box {
        padding: 20px 20px;
    }

    .input__box {
        margin-bottom: 12px;
    }

    .dashboard-input, .nice-select {
        font-size: 13px;
    }

    .input__box > span {
        margin-bottom: 2px;
    }

    .upload__photos__div p.text-sm {
        margin: 2px 0 20px;
    }

    .informational__grid__item2 > .design__box {
        margin-top: 20px;
    }

    .about-property-content > h3 {
        margin-bottom: 15px;
    }

    .about-property-content p {
        margin-bottom: 40px;
    }






    /* 
    =====================================
    REAL-ESTATE-LOAN START HERE
    =====================================
    */

    .invesment-total-div h2 {
        margin-bottom: 20px;
    }

    .invesment-total-div p.text-base {
        margin-bottom: 40px;
    }




    /* 
    =========================================
    REAL-STATE-LEASES START HERE
    =========================================
    */

    .real__estate__leases p {
        font-size: 16px;
    }




    /* 
    =========================================
    DRAFTING-INVENTORY-REPORT START HERE
    =========================================
    */


    .common-draft-table-area table tr th,
    .common-draft-table-area table tr td {
        padding: 10px 15px;
    }

    .common-draft-table-area table tr th:first-child {
        width: auto;
        min-width: 215px;
    } 

    .common-draft-table-area table tr th.big__th {
        min-width: 320px;
    }



    /* 
    =========================================
    REAL-STATE-RENTALS-DOCUMENTS START HERE
    =========================================
    */

    .draft__design_box__2 {
        margin-bottom: 20px;
    }

    .documents__table__area table th:nth-child(2) {
        min-width: 150px;
    }

    .documents__table__area table th:nth-child(3) {
        min-width: 140px;
    }

    .documents__bg__box {
        margin: 20px 0 0;
    }

    .documents__bg__box > div {
        max-width: 100%;
        margin: 0 50px;
    }




    /* 
    =====================================
    TENANTS PAGE START HERE
    =====================================
    */

    .tenants-box-area {
        margin: 0;
    }





    /* 
    =====================================
    ADDING-TENANTS PAGE START HERE
    =====================================
    */

    .upload__documents__area {
        margin: 20px 0 0;
    }

    .uploaded-files {
        margin: 15px 0 0;
    }




    /* 
    =====================================
    DISPUTE-MONITORING PAGE START HERE
    =====================================
    */

    .dispute-table tr th {
        min-width: 150px;
    }



    .documents-leases-table {
        width: 900px;
    }



    /* 
    =====================================
    LEASES PAGE START HERE
    =====================================
    */

    .leases-area {
        margin: 30px 0 0;
    }

    .leases__design__box table tr td:first-child {
        font-size: 12px;
    }

    .leases__design__box table tr td:last-child {
        font-size: 15px;
    }

    .leases__design__box table td {
        padding: 10px 0;
    }

    .leases__flex {
        --bs-gutter-y: 20px;
    }



    /* 
    =====================================
    SUBSCRIPTION PAGE START HERE
    =====================================
    */

    .subscribtions-table-box > .d-flex > div:nth-child(1) {
	    width: 100% !important;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(2) {
        width: 49% !important;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(3) {
        width: 49% !important;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(4) {
        width: 49% !important;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(5) {
        width: 49% !important;
    }

    .payment__content {
       margin-bottom: 20px;
    }

    .payment__content p:first-child {
        margin-bottom: 8px;
    }

    .subscribtions-table-box a {
        width: 100%;
    }

    .subscriptions__flex {
        padding: 30px 0 0;
    }





    /* 
    =====================================
    FINANCE-PAYMENT PAGE START HERE
    =====================================
    */

    .finance-chart {
        margin-bottom: 16px;
    }

    .finance-amount-box-flex {
	    --bs-gutter-y: 10px;
    }

    .amount__chart__container {
        display: flex;
        gap: 10px;
    }

    .amount__chart__container > div {
        width: 100%;
        height: max-content;
        margin: 0 !important;
    }

    

    





}






/*
=======================
For - Mobile - Screen
=======================
*/


@media screen and (max-width: 767px) {


    h1 {
        font-size: 40px;
        line-height: 45px;
    }

    h2 {
        font-size: 26px;
    }

    .text-lg {
        font-size: 16px;
        line-height: 20px;
    }

    .text-base {
        font-size: 13px;
        line-height: 20px;
    }

    .text-sm {
        font-size: 12px;
        line-height: 16px;
    }

    .nice-select .option {
        font-size: 13px;
    }



    /* 
    --------------------------
    SIGN-IN PAGE START
    --------------------------
    */

    .authentication-area {
        padding: 25px 20px 30px;
    }

    .header-logo img {
        max-width: 200px;
    }

    .auth-info1 form {
        padding: 27px 0 0;
    }

    .auth-info1 {
        padding-bottom: 80px;
    }
                
    .signup-text {
        font-size: 16px;
        text-align: center;
    }

    .design-label {
        margin-bottom: 16px;
    }

    .design-span {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .design-input {
        height: 45px;
        padding: 12px 16px;
    }

    .eye__btn {
        bottom: 10px;
    }

    .submit-btn-shape {
        height: 45px;
        padding: 12px 16px;
    }

    .forgot-password-link {
        margin: 10px 0 20px;
    }
    
    .google-fb-login a {
        margin-bottom: 10px;
        padding: 15px 15px;
        text-align: center;
    }

    .google-fb-login a img {
        margin-right: 7px;
    }




    /* forgot password */
    .authentication-body2 .row {
        padding: 0 5px;
    }

    .auth-password {
        padding: 30px 10px 40px;
    }

    .forgot-content img {
        max-width: 100px;
    }

    .arrow-left-link {
        top: 10px;
        left: 15px;
    }






    /* 
    =====================================
    DASHBOARD-PAGE START HERE
    =====================================
    */

    .text-2xl {
        font-size: 17px;
        line-height: 26px;
    }



    /* 
    ---------------------------
    RIGHT-SIDE-AREA START HERE
    ---------------------------
    */

    .dashboard-body {
        padding-right: 0;
    }

    .right-side-area {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 0;
        padding: 30px 15px 20px 15px;
        border-radius: 20px;
        margin-bottom: 15px;
    }

    .amount__box {
        margin-bottom: 15px;
        height: auto;
    }


    .graph__tabs__ul li button {
        padding: 7px 6px;
    }

    .graph__div {
        padding: 15px;
        margin-bottom: 15px;
    }

    .distributions-div {
        height: auto;
    }

    .notifications__div {
        min-height: 100px;
    }

    .apartment_tab_list li:nth-child(2) button.active {
        width: auto;
    }

    .rents-table-area tr th:first-child,
    .rents-table-area tr th:nth-child(3) {
        min-width: 150px;
    }

    .rents-table-area tr th:nth-child(11) {
        min-width: 150px;
    }

    .rents-table-area tr th.empty,
    .rents-table-area tr td.empty {
        width: 30px;
    }




    /* 
    =====================================
    REAL-ESTATE-PAGE START HERE
    =====================================
    */

    .real-estate-property-box p {
        margin: 30px 0 30px;
    }






    /* 
    =====================================
    REAL-ESTATE-LIST-PAGE START HERE
    =====================================
    */

    .real-estate-list-header {
        margin-bottom: 0;
        padding: 20px 15px;
    }

    .search__input__div input {
        width: 100%;
    }
    
    .real-estate-table-area {
        margin-bottom: 70px;
    }

    .real-estate-table {
        margin: 15px 0 0;
    }

    .real-estate-table tr th.th_3rd {
        min-width: 130px;
    }

    .real-estate-table tr th.th_8th {
        min-width: 160px;
    }

    .real-estate-table tr th,
    .real-estate-table tr td {
        padding: 0 15px;
    }

    .real-estate-table tr th:first-child {
        min-width: 150px;
    }

    .real-estate-table tr td:nth-child(5),
    .real-estate-table tr td:nth-child(15) {
        padding-left: 5px;
        padding-right: 5px;
    }

    .real-estate-table tr td {
        font-size: 12px;
        line-height: 16px;
    }

    .pagination-area {
        padding: 5px 10px 10px;
        margin: 20px 0 0;
    }

    .pagination-area > a span {
        display: none;
    }

    .pagination-area > a > i {
        margin: 0 !important;
    }

    .pagination__list li a, .pagination__list li span {
        width: 30px;
        height: 30px;
    }






    /* 
    =====================================
    REAL-ESTATE-ADDITION-PAGE START HERE
    =====================================
    */

    .h3-text {
        font-size: 20px;
        line-height: 24px;
    }

    .real-estate-vh {
        margin: 0;
        padding-top: 15px;
    }

    .real-estate-new-tabs-area {
        overflow-y: auto;
        scroll-behavior: smooth;
        margin-bottom: 18px;
    }

    .real-estate-new-tabs-list {
        width: 480px;
        margin: 0 0 2px;
    }

    .real-estate-design-box {
        padding: 20px 15px;
        border-radius: 20px;
    }

    .informational__grid__item1 {
        margin-right: 0;
    }

    .design__box {
        padding: 20px 15px;
    }

    .input__box {
        margin-bottom: 12px;
    }

    .dashboard-input, .nice-select {
        font-size: 13px;
    }

    .input__box > span {
        margin-bottom: 2px;
    }

    .upload__photos__div p.text-sm {
        margin: 2px 0 20px;
    }

    .informational__grid__item2 > .design__box {
        margin-top: 20px;
    }

    .about-property-content > h3 {
        margin-bottom: 15px;
    }

    .about-property-content p {
        margin-bottom: 40px;
    }





    /* 
    =====================================
    REAL-ESTATE-LOAN START HERE
    =====================================
    */

    .invesment-total-div h2 {
        margin-bottom: 20px;
    }

    .invesment-total-div p.text-base {
        margin-bottom: 40px;
    }

    .real-estate-property-box2 {
        padding: 20px 0 50px;
    }




    /* 
    =====================================
    REAL-ESTATE-LOAN-CHOICE START HERE
    =====================================
    */

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

    .property-component-list li {
        padding-bottom: 5px;
        margin-bottom: 8px;
    }

    .cuples__btn__area {
        gap: 5px;
    }

    .cuples__btn__area .btn-shape,
    .cuples__btn__box .btn-shape {
        font-size: 11px;
        line-height: 16px;
    }

    .depreciation__input__box {
        padding: 10px;
    }






    /* 
    =========================================
    DRAFTING-LEASE START HERE
    =========================================
    */

    .draft__box__area {
        margin: 30px auto 0;
    }






    /* 
    =========================================
    DRAFTING-INVENTORY-REPORT START HERE
    =========================================
    */


    .common-draft-table-area table tr th,
    .common-draft-table-area table tr td {
        padding: 10px 15px;
    }

    .common-draft-table-area table tr th:first-child {
        width: auto;
        min-width: 215px;
    } 

    .common-draft-table-area table tr th.big__th {
        min-width: 320px;
    } 




    /* 
    =========================================
    REAL-STATE-RENTALS-DOCUMENTS START HERE
    =========================================
    */

    .draft__design_box__2 {
        margin-bottom: 20px;
    }

    .documents__table__area table th:nth-child(2) {
        min-width: 150px;
    }

    .documents__table__area table th:nth-child(3) {
        min-width: 140px;
    }

    .documents__bg__box {
        margin: 20px 0 0;
    }
    






    /* 
    =========================================
    REAL-STATE-RENTALS-DOCUMENTS START HERE
    =========================================
    */

    #confirmationModal .modal-body {
        padding: 20px 15px;
    }

    #confirmationModal .modal-body > h4 {
        font-size: 15px;
        line-height: 19px;
        padding-right: 20px;
        margin-bottom: 20px;
    }

    .modal__close__btn {
        top: 10px;
        right: 10px;
    }

    .modal__close__btn img {
        width: 30px;
    }

    #confirmationModal .modal-body .design__box {
        padding: 16px 16px;
    }

    .maison__content h5 {
        font-size: 20px;
        margin: 0;
    }

    .maison__content > .row {
        padding-bottom: 0;
    }

    .maison__content > .row > div {
        padding-bottom: 20px;
    }



    /* 
    =====================================
    TENANTS PAGE START HERE
    =====================================
    */

    .tenants-box-area {
        margin: 0;
    }

    .tenants-table tr td {
        height: 50px;
    }





    /* 
    =====================================
    ADDING-TENANTS PAGE START HERE
    =====================================
    */

    .alert__box__blue__wdt {
        margin-left: 0;
    }

    .adding-tenants-design-box .design__box {
        padding: 15px 15px;
        margin-bottom: 15px;
    }

    .adding__tenants__content {
        margin: 0 38px 20px 0;
    }

    .switch-div {
        top: 13px;
        transform: none;
        right: 8px;
    }

    .upload__documents__area {
        margin: 20px 0 0;
    }

    .uploaded-files {
        margin: 15px 0 0;
    }





    /* 
    =====================================
    DISPUTE-MONITORING PAGE START HERE
    =====================================
    */

    .dispute-table tr th {
        min-width: 150px;
    }




    /* 
    =====================================
    OPENING-DISPUTE PAGE START HERE
    =====================================
    */

    .opening-dispute-box {
        padding: 30px 20px 30px;
    }

    .documents-leases-table {
        width: 900px;
    }




    /* 
    =====================================
    LEASES PAGE START HERE
    =====================================
    */

    .leases-area {
        margin: 30px 0 0;
    }

    .leases__design__box table tr td:first-child {
        font-size: 12px;
    }

    .leases__design__box table tr td:last-child {
        font-size: 15px;
    }

    .leases__design__box table td {
        padding: 10px 0;
    }

    .leases__flex {
        --bs-gutter-y: 20px;
    }

    .leases-tabs-list-div {
        overflow-y: auto;
        padding-bottom: 2px;
    }

    .leases-tabs-list {
        width: 550px;
    }




    /* 
    =====================================
    SUBSCRIPTION PAGE START HERE
    =====================================
    */

    .subscribtions-table-box > .d-flex > div:nth-child(1) {
	    width: 100% !important;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(2) {
        width: 100% !important;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(3) {
        width: 100% !important;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(4) {
        width: 100% !important;
    }

    .subscribtions-table-box > .d-flex > div:nth-child(5) {
        width: 100% !important;
    }

    .payment__content {
       margin-bottom: 20px;
    }

    .payment__content p:first-child {
        margin-bottom: 8px;
    }

    .subscriptions__flex {
        padding: 30px 0 0;
    }

    .real-estate-loan-tabs-area {
        overflow-x: auto;
    }

    .real-estate-loans-tabs-list {
        width: 635px; 
    }





    /* 
    =====================================
    TAXATION-DECLARATIONS PAGE START HERE
    =====================================
    */

    .declarations-flex {
        padding: 20px 0 0;
        justify-content: center;
    }




    /* 
    =====================================
    FINANCE-PAYMENT PAGE START HERE
    =====================================
    */

    .finance-chart {
        margin-bottom: 16px;
    }

    .finance-amount-box {
        margin-bottom: 16px;
    }

    .finance-amount-box-flex {
        padding-bottom: 0;
    }


}


@media screen and (min-width: 576px) and (max-width: 767px) {

    /* 
    =====================================
    DASHBOARD-PAGE START HERE
    =====================================
    */
    
    .amount__box__area .row {
        --bs-gutter-x: 15px;
    }

    .amount__box__area .row > div {
        margin-bottom: 15px;
    }

    .amount__box {
        height: 100%;
    }

    .amount__box h3 {
        font-size: 28px;
    }

    .graph-area {
        margin: 0;
    }

    
}


@media screen and (max-width: 575px) {


}