@media all and (max-width: 1800px) {
    .dashboard .main-sec .listing-property .listing-property-panel .single-property .head .right .info h2.title {
        font-size: 28px;
        line-height: 32px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .head .right .info p.location {
        font-size: 14px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .head .right .info p.category {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .head .right .info h3.price {
        font-size: 12px;
        margin-bottom: 20px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .head .right .info h3.price span {
        font-size: 45px;
        line-height: 60px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .head .right .info h3.price span.slash {
        font-size: 38px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .head .left .feat-img img {
        height: 380px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .about-the-property p {
        font-size: 14px;
        line-height: 28px;
    }
}

@media all and (max-width: 1650px) {
    .dashboard .main-sec .listing-property .listing-property-panel .property {
        flex-direction: column;
        row-gap: 24px;
        padding: 30px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .property .left,
    .dashboard .main-sec .listing-property .listing-property-panel .property .right {
        width: 100%;
        min-width: 100%;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .property .right {
        padding: 0;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .property .right::before {
        display: none;
    }

    .dashboard .main-sec .listing-property .listing-property-panel {
        padding: 25px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel.single {
        padding: 25px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .head .right {
        flex-direction: column;
        align-self: start;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .head .left {
        width: 40%;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .head .right {
        width: 55%;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .filter-gallery .bottom .gallery-slider .slick-list {
        margin: 0 -8px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .filter-gallery .bottom .gallery-slider .slick-slide {
        margin: 0 8px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .filter-gallery .top h2 {
        font-size: 18px;
        line-height: 28px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .about-the-property p {
        font-size: 12px;
        line-height: 24px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .property-reviews .review-container {
        padding: 30px;
    }
}


@media all and (max-width: 1440px) {
    .dashboard .main-sec .listing-property .listing-property-panel .single-property .head {
        flex-direction: column;
        gap: 20px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .head .left {
        width: 100%;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .head .right {
        width: 100%;
        padding: 0;
    }

    .dashboard .main-sec .listing-property .listing-head {
        flex-direction: column;
        gap: 20px;
    }

    .dashboard .main-sec .listing-property .listing-head .filter {
        width: 100%;
        max-width: 100%;
    }

    .dashboard .main-sec .listing-property .listing-head .location .icon {
        width: 30px;
        height: 30px;
        margin-top: 5px;
    }

    .dashboard .main-sec .listing-property .listing-head .location .info h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .dashboard .main-sec .listing-property .listing-head .location .info p {
        font-size: 15px;
        line-height: 26px;
    }
}


@media all and (max-width: 1280px) {
    .dashboard .main-sec .listing-property .listing-property-panel .property .left {
        flex-direction: column;
        row-gap: 24px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .property .left .feat-img,
    .dashboard .main-sec .listing-property .listing-property-panel .property .left .info {
        width: 100%;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .property .left .feat-img {
        height: 300px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .property .right .bottom {
        flex-direction: column;
        row-gap: 24px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .property {
        padding: 20px;
    }

    .dashboard .main-sec .listing-property-tabs .nav-tabs {
        margin-top: 18px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .property .left .info p.location {
        margin-bottom: 16px;
    }

    .dashboard .main-sec .listing-property {
        width: calc(100% - 300px);
    }

    .dashboard .main-sec .recently-added-property {
        width: 280px;
    }

    .dashboard .main-sec .recently-added-property ul.properties li .property-image {
        height: 220px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .property-reviews .review-container {
        padding: 20px;
    }

    .dashboard .main-sec .recently-added-property ul.properties li h2 {
        font-size: 18px;
        line-height: 22px;
    }

    .dashboard .main-sec .recently-added-property .title h2 {
        font-size: 16px;
        line-height: 22px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .other-available-rooms .rooms {
        column-gap: 4%;
    }
    .dashboard .main-sec .listing-property .listing-property-panel .single-property .other-available-rooms .rooms .room {
        width: 48%;
    }
}

@media all and (max-width: 1024px) {
    .dashboard .left-sec {
        display: none;
    }

    .dashboard .top-sec-row,
    .dashboard .right-sec {
        width: 100%;
    }

    .dashboard .top-sec-row {
        padding: 10px 20px 15px;
    }

    .dashboard .right-sec {
        padding: 2px 20px 0;
    }

    .dashboard .menu-bar {
        display: block;
    }

    .dashboard .left-sec.open {
        display: block;
        top: 0;
        left: 0;
        border-radius: 0;
        height: 100vh;
        width: 250px;
        overflow: scroll;
    }

    .noscroll {
        overflow: hidden;
        position: relative;
    }

    .noscroll::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 999;
    }

    .dashboard .main-sec .listing-property {
        width: calc(100% - 240px);
    }

    .dashboard .main-sec .recently-added-property {
        width: 220px;
    }

    .dashboard .main-sec .recently-added-property .title h2 {
        font-size: 14px;
    }

    .dashboard .main-sec .listing-property-tabs .nav-tabs .nav-link {
        font-size: 14px;
    }

    .dashboard .main-sec .listing-property-tabs .nav-tabs .nav-link.active {
        font-size: 16px;
    }

    .dashboard .main-sec .recently-added-property ul.properties li h2 {
        font-size: 16px;
    }

    .dashboard .main-sec .recently-added-property ul.properties li .property-image {
        height: 155px;
    }

    .dashboard .main-sec {
        padding: 30px 0 0;
    }

    .dashboard .main-sec .listing-property .listing-head {
        margin-bottom: 20px;
    }
}

@media all and (max-width: 980px) {}

@media all and (max-width: 768px) {

    .login .login-row .left {
        display: none;
    }

    .login .login-row .right {
        width: 100%;
        height: auto;
    }

    .dashboard .main-sec {
        flex-direction: column;
    }

    .dashboard .main-sec .listing-property,
    .dashboard .main-sec .recently-added-property {
        width: 100%;
    }

    .dashboard .main-sec .recently-added-property ul.properties {
        display: block;
    }

    .dashboard .main-sec .recently-added-property ul.properties li {
        padding: 14px;
    }

    .dashboard .main-sec .recently-added-property ul.properties .slick-list {
        margin: 0 -10px;
    }

    .dashboard .main-sec .recently-added-property ul.properties .slick-slide {
        margin: 0 10px;
    }

    .dashboard .top-sec-row {
        padding: 10px 15px;
    }

    .dashboard .right-sec {
        padding: 2px 15px 0;
    }

    .dashboard .main-sec .listing-property .listing-property-panel {
        padding: 20px;
        margin-bottom: 50px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel.single {
        padding: 20px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .property {
        padding: 15px;
    }

    .dashboard .main-sec .recently-added-property ul.properties li .property-image {
        height: 267px;
    }
}

@media all and (max-width: 640px) {

    .dashboard .top-sec .dashborad-settings li {
        width: 40px;
        height: 40px;
    }

    .dashboard .top-sec .dashborad-settings li.chat .icon,
    .dashboard .top-sec .dashborad-settings li.notification .icon {
        width: 20px;
        height: 20px;
    }

    .dashboard .top-sec .dashborad-settings li.notification .icon {
        margin-top: 2px;
    }

    .dashboard .top-sec .dashborad-settings li.notification .icon .signal {
        width: 8px;
        height: 8px;
        border: 1px solid #5E25BC;
        top: -2px;
    }

    .dashboard .top-sec .user-welcoming h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .dashboard .top-sec .dashborad-settings {
        gap: 20px;
    }

    .dashboard .main-sec .listing-property .listing-head .filter .options button {
        width: 100%;
    }
}

@media all and (max-width: 480px) {

    .dashboard .top-sec .dashborad-settings {
        justify-content: end;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .property-amenities ul {
        columns: 1;
    }

    .dashboard .top-sec .dashborad-settings li {
        width: 30px;
        height: 30px;
    }

    .dashboard .top-sec .dashborad-settings li.chat .icon,
    .dashboard .top-sec .dashborad-settings li.notification .icon {
        width: 15px;
        height: 15px;
    }

    .dashboard .top-sec .dashborad-settings {
        gap: 10px;
    }

    .dashboard .top-sec .user-welcoming h2 {
        font-size: 22px;
        line-height: 32px;
    }

    .dashboard .top-sec .user-welcoming p {
        font-size: 10px;
        line-height: 16px;
    }

    .dashboard .top-sec .dashborad-settings li.notification .icon .signal {
        width: 6px;
        height: 6px;
        left: 3px;
    }

    .dashboard .main-sec .listing-property .listing-property-panel .single-property .other-available-rooms .rooms .room {
        width: 100%;
    }

    .dashboard .top-sec .dashborad-settings li.notification.active .dropdown-menu {
        min-width: 300px;
    }

}