@media (max-width: 1200px) {
    .ms-auto-left {
        margin-right: 0px !important;
    }

    .layout-menu {
        z-index: 1 !important;
    }

    .display-balance-mb {
        display: none !important;
    }

    .layout-menu-toggle {
        display: flex !important;
        justify-content: flex-start;
        align-items: center;
        cursor: pointer;
        /* margin-left: 10px; */
    }
}

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

    .balance-card {
        left: 13rem !important;
    }

    .ms-auto-left {
        margin-right: 0px !important;
    }
}

@media (max-width: 767px) {

    .button-sidebar {
        height: 40px !important;
        width: 40px !important;
    }

    .image-gallery-slide img {
        width: 100% !important;
    }

    .amenities-grid {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    }

    .img-home {
        width: 60px;
        height: 60px;
    }

    .button-sidebar svg {
        height: 25px !important;
        width: 25px !important;
    }

    .nav-link .media .media-img-wrap {
        margin-left: 0px !important;
    }

    .display-none-mb {
        display: none !important;
    }

    .navbar-nav {
        gap: 4px !important;
    }


    .nav-link .media .media-body>span {
        font-size: 12px !important;
    }

    .layout-navbar {
        display: block !important;
    }

    .display-none-web {
        display: block !important
    }

    .title-24-mb {
        font-size: 24px !important;
    }

    .title-20-mb {
        font-size: 20px !important;
    }

    .title-18-mb {
        font-size: 18px !important;
    }

    .para-16-mb {
        font-size: 16px !important;
    }

    .para-14-mb {
        font-size: 14px !important;
        line-height: 20px !important
    }

    .para-12-mb {
        font-size: 12px !important;
    }

    .tab {
        height: auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .tabs-Monthly .tab-button {
        padding: 2px 10px !important;
    }

    .grid-home {
        display: grid;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .grid-home div {
        padding: 10px !important;
    }

    .grid-home img {
        width: 60px;
        height: 60px;
    }

    .upload-photos .form_container {
        flex-direction: column !important;
        height: auto !important
    }

    .upload-photos .form_container p {
        text-align: center;
        order: 2;
        font-size: 20px !important;
    }

    .upload-photos .form_container svg {
        order: 1
    }

    .layout-navbar {
        position: relative;
        background: #FFFFFF !important;
        border: 1px solid #F5F5F5 !important;
        z-index: 1080 !important;
    }

    .width-718 {
        min-width: auto !important;
    }

    .width-180 {
        width: 100% !important;
    }

    .width-100-mb {
        width: 100% !important
    }

    .image-map-flex-row {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        gap: 32px;
    }

    .buuton-next {
        width: 40px !important;
        height: 40px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px !important;
        /* margin-bottom: 20px; */
    }

    .toolbox-group-mb2 {
        display: flex;
    }

    .toolbox-vertical {
        flex-direction: row !important;
    }

    .card-container {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .marg-linear-progress {
        margin: 0px !important;
    }

    .order-11 {
        order: 1
    }

    .order-22 {
        order: 2
    }

    .order-33 {
        order: 3
    }

    .height-80-mb {
        height: 80px !important
    }

    .padd-24 {
        padding: 18px !important;
    }

    .button-reset {
        font-size: 12px !important;
        gap: 5px !important
    }

    .progress-bar {
        width: 150px !important;
        height: 21px !important;
        padding: 5px !important;
    }

    .header-img--block {
        padding: 5px 11px !important;
        font-size: 12px !important
    }

    .thumbnail-image {
        height: 80px !important;
    }

    .image-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .badge {
        padding: 5px 10px !important;
        height: auto !important;
        font-size: 12px !important;
        min-width: auto !important;
    }

    .environment button {
        padding: 5px !important;
        gap: 3px !important;
        font-size: 14px !important;
    }

    .upload-xml .form-container {
        height: auto !important
    }

    .upload-xml .form-container p {
        font-size: 14px !important;
    }

    .upload-xml .form-container svg {
        margin-top: 12px !important;
    }

    /* .padd-20 {
        padding: 10px !important;
    } */

    .canvas_draw {
        width: 400px !important;
        height: auto !important;
        position: relative;
        object-fit: cover;
    }

    .ps {
        margin-top: 90px !important;
    }

    .__rcs-handle-button {
        width: 40px !important;
        height: 40px !important
    }

    .currency-div {
        display: flex;
        flex-direction: column !important;
    }

    .card-form {
        padding: 15px 15px 10px 15px !important;
    }

    .max-width-25 {
        max-width: 50% !important;
    }

    .d-flex-end {
        display: flex;
        justify-content: start !important;
    }

    .div-flex-center {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .flex-agent {
        display: flex;
        flex-direction: column !important;
        gap: 10px !important;
        align-items: start !important;
        justify-content: start !important;
    }

    .padd-5-15-mb {
        padding: 5px 15px !important;
    }

    .padd-15-mb {
        padding: 15px !important;
    }

    .padd-10-15-mb {
        padding: 10px 15px !important;
    }

    .padd-10-mb {
        padding: 10px !important;
    }

    .button-dash {
        font-size: 14px !important;
    }

    .grid-cards-quality {
        gap: 10px !important;
        /* grid-template-columns: repeat(1, 1fr) !important; */
    }

    .gallery {
        grid-template-columns: repeat(3, 1fr);
        grid-template-areas: none;
    }

    .sliderProp {
        margin-bottom: 0px !important;
    }

    .rotated-text {
        display: inline-block;
        transform: rotate(90deg);
        height: 40px !important;
        width: 100% !important;
    }

    .text-start-mb {
        text-align: start !important;
    }

    .width-title {
        width: auto !important;
    }

    .select-all-wrapper {
        margin-top: -125px !important;
    }

    .marg-custom-40 {
        margin-bottom: 30px !important;
    }

    .text-center-mb {
        text-align: center !important;
    }

    .padd-5-mb {
        padding: 5px !important;
    }

    .padd-00-mb {
        padding: 0px !important;
    }

    .col-auto-mb {
        width: auto !important;
    }

    .MuiPagination-ul li button {
        height: 40px !important;
        width: 40px !important;
    }

    .marg-api-40 {
        margin-top: 0px !important;
    }

    .container-p-y {
        height: 85vh !important;
    }

    .mt-1-auto {
        margin-top: 10px !important;
    }

    .marg-bottom-250 {
        margin-bottom: 20px !important;
    }

    .selected-img-videos .captions {
        grid-template-columns: 1fr !important;
    }

    .selected-img-videos img {
        height: auto !important;
    }

    .marg-bottom-100 {
        margin-bottom: 60px !important;
    }
}

@media (max-width: 390px) {
    .button-sidebar {
        padding: 5px;
    }

    .nav-link .media .media-body>span {
        padding: 0px 8px !important;
    }

    .navbar-nav {
        gap: 0px !important
    }

    .nav-link .media .media-img-wrap img {
        width: 30px !important;
        height: 30px !important;
    }
}

@media (max-width: 576px) {}

@media (min-width: 577px) and (max-width: 768px) {}

@media (min-width: 769px) and (max-width: 992px) {}

@media (min-width: 993px) and (max-width: 1200px) {
    .img-home {
        width: 70px;
        height: 70px;
    }
}

@media (min-width: 1201px) {}