@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 (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) {



    @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) {

    .listing-details-box-display {
        display: block;
    }

    .small-sub-custom-text {
        font-size: 11px;
    }

    /* .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: 480px) {}

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

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

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