@media only screen and (min-width: 1080px) and (max-width: 1920px) {}

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

@media only screen and (min-width: 1024px) and (max-width: 1440px) {}

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

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

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

/* Large desktop :1200px. */
@media screen and (max-width: 1024px) {}

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

@media only screen and (max-width: 1600px) {
    .search-area {
        width: 440px;
    }
}

@media only screen and (min-width: 1169px) and (max-width: 1520px) {}

@media only screen and (min-width: 1169px) and (max-width: 1200px) {}

/* Normal desktop :992px. */

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

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


    @media screen and (-webkit-min-device-pixel-ratio:0) {}


}

/* Tablet desktop :768px. */

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



    @media screen and (-webkit-min-device-pixel-ratio:0) {}

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

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


}

/* small mobile :320px. */

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

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

/* Large Mobile :480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .overdue_col_blocks {
        width: 40%;
    }
}



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



    @media screen and (-webkit-min-device-pixel-ratio:0) {}

    @media (min-width: 640px) and (max-width: 720px) {}

    @media (min-width: 580px) and (max-width: 640px) {}

    @media (min-width: 480px) and (max-width: 580px) {}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {

    .dashboard_col_blocks {
        width: 46%;
        margin: 2% 2% 0% 2%;
    }

    .desktop_hidden {
        display: block;
    }

    .mobile-menu {
        display: block;
    }

    /* .deznav .metismenu>li>#link {
        width: 85%;
    } */

    /* .deznav {
        display: none;
    } */

    .content-body {
        margin-left: 0rem !important;
    }

    .main-search {
        width: 190px;
    }

    .listing-profile-image {
        height: 60px;
        width: 60px;
        border-radius: 50%;
    }

    .listing-details {
        display: block;
    }

    .listing-details-box {
        width: 100%;
        margin-bottom: 20px;
    }

    .react-responsive-modal-modal {
        width: 90%;
    }

    .add_listing_btn {
        width: 50%;
    }

    .card-title {
        font-size: 16px;
    }

    .card-body-elements {
        width: 100% !important;
        display: block !important;
        margin-bottom: 10px;
    }

    .card-body-elements .w-35 {
        width: 100% !important;
    }

    .card-body-elements .w-25 {
        width: 100% !important;
    }

    .confirmation-buttons-end {
        display: block !important;
    }

    .btn-bgNone {
        width: 100%;
        margin-bottom: 10px;
    }

    .btn-custom-purple {
        width: 100%;
        margin-bottom: 10px;
        padding-left: 0px;
        margin-left: 0px !important;
    }

    .section-tabs {
        padding: 0 20px;
        display: block;
        width: 100%;
    }

    .section-tab {
        padding: 8px 15px;
        width: 100% !important;
        display: block;
        border-radius: 8px;
        margin-bottom: 15px;
    }

    .section-tab-purple {
        padding: 8px 15px;
        width: 100% !important;
        display: block;
        border-radius: 8px;
        margin-bottom: 15px;
    }

    .section-tabs-heading {
        font-size: 12px;
    }

    .detailed-banner {
        padding: 10px 20px;
        width: 100%;
    }

    .detailed-banner-image {
        height: auto;
        width: 100%;
    }

    .participants_header {
        display: block;
    }

    .participants_header .card-title {
        display: block;
        margin-bottom: 20px;
    }

    .react-tiny-popover-container {
        width: 90%;
    }

    .participants_header_search_full {
        width: 100% !important;
        padding: 0px !important;
    }

    .participants_header_search {
        width: 100% !important;
        padding: 0px !important;
        display: block !important;
    }

    .btn-add-new {
        margin-top: 20px;
        width: 100%;
        margin-left: 0px;
    }

    .participants_header_search .main-search {
        width: 100%;
    }

    .react-responsive-modal-root {
        background-repeat: repeat;
        background-position: top center;
    }

    .cancel_btn,
    .save_btn {
        width: 100%;
        margin-bottom: 10px;
    }


    @media screen and (-webkit-min-device-pixel-ratio:0) {}

    @media screen and (-moz-device-pixel-ratio: 0) {}


}

@media only screen and (min-width: 320px) and (max-width: 375px) {}

@media (max-width: 550px) {
    .primary_btn-1 {
        display: none;
    }

    .mychat_box_submit_approval_fixed_inner {
        width: 85vw;
        padding-right: 15px;
    }

    .mobile-comment {
        display: block;
        margin-bottom: 0.7rem;
    }
}

@media (min-width: 551px) {
    .primary_btn-2 {
        display: none;
    }

    .mobile-comment {
        display: none;
    }
}


@media (max-width: 480px) {
    .waiting_btn {
        display: none;
    }

    .flex-sb-ai {
        flex-direction: column;
    }
}

@media (min-width: 481px) {
    .waiting_btn-1 {
        display: none;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1920px) {
    .mychat_box {
        padding: 10px 0px 25px 10px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1920px) {
    .mychat_box_submit_approval_fixed_inner .input-group-append {
        height: 56px;
    }
}