@media screen and (max-width: 500px) {
    .property_heading_header .wpl_prp_right_boxe_details_top {
        /* position: relative;
        top: 350px; */
        /* padding-bottom: 20px; */
        /* border-bottom: 1px solid #c7c7c7;
        flex-wrap: wrap; */
    }


    .property_heading_header .wpl_prp_right_boxe_details_top .wpl_prp_show_title {
        width: 50%;
    }

    .property_heading_header .wpl_prp_right_boxe_details_top .wpl_prp_show_title h1 {
        font-size: 18px !important;
    }

    .property_heading_header .wpl_prp_right_boxe_details_top .wpl_prp_show_title h2 span {
        font-size: 14px !important;
    }

    .property_heading_header .wpl_prp_right_boxe_details_top .wpl_prp_right_boxe_details_bot .price_box {
        font-size: 16px !important;

    }

    .property_heading_header .wpl_prp_right_boxe_details_top .property-details-header-right {
        align-items: flex-start;
    }


    .property_heading_header .wpl_prp_right_boxe_details_top .property-details-header-right .built_up_area {
        font-size: 14px !important;
    }

    .property_heading_header .wpl_prp_right_boxe_details_top .wpl_prp_show_title .f-sale h6 {
        padding: 6px 4px;
        font-size: 8px;
        width: 30%;
        margin-top: -5px;
    }

    .wpl_prp_show_container .wpl-gallery-pshow-wp .lSSlideOuter .lSAction a {
        width: 1.8em;
        height: 1.8em;
    }

    .wpl_prp_show_container .wpl-gallery-pshow-wp .lSSlideOuter .lSAction a::before {
        margin-top: 3px;
        font-size: 1.3em;
    }

    .custom-thumbs img {
        width: 100% !important;
        height: 50px !important;
    }

    /* .wpl_prp_show_layout2_container .wpl_prp_left_box {
        margin-top: -52%;
    } */


    .property-details-overview {
        padding-bottom: 20px;
        border-bottom: 1px solid #c7c7c7 !important;
    }


    .property-details-overview .overview-box {
        border-bottom: none;

    }

    .property-basic-details {
        padding: 0px 0;

    }

    .property-basic-details .items {
        gap: 10px;
        margin-top: 0px;
    }

    .property-details-overview .overview-box p {
        color: black;
        font-size: 16px !important;
    }

    .property-details-overview .overview-box p span {
        font-weight: 600 !important;
        font-size: 16px !important;
    }

    .property-basic-details .items {
        justify-content: start;
        gap: 50px;
    }

    .property-basic-details .items .box h6 {
        font-size: 16px !important;
    }

    .property-basic-details .items .box span {
        font-size: 14px !important;
    }

    .prp-title-heading {
        border-bottom: none !important;
        top: -10px;
    }

    .wpl_prp_show_layout2_container .wpl_prp_show_detail_boxes {
        border-bottom: 1px solid #c7c7c7 !important;
        padding-bottom: 20px !important;
    }

    .wpl_category_2 {
        position: relative;
        top: -15px;
    }

    .wpl_prp_show_layout2_container .wpl_prp_show_detail_boxes_cont {

        margin-top: 0px;
    }




    .property-details-overview-design .details-content {
        flex-wrap: wrap;
        padding: 10px;

    }

    .property-details-overview-design .details-content .details-content-left {
        width: 100%;

    }


    .property-details-overview-design .details-content .details-content-right {
        width: 100%;
        margin-top: -10px;
    }

    #gallery-container {
        margin-bottom: 3% !important;
    }

    #gallery-container .gallery-thumb {
        height: 120px;

    }

    #gallery-pagination {
        /* margin-top: -85px; */
        text-align: center;
        padding: 0px;
    }


    /* property page  */
    /* Search Bar */

    #wpl_searchwidget_7 {
        flex-wrap: wrap;
    }

    .wpl_search_from_box .wpl_search_from_box_top {
        flex-wrap: wrap;
        height: auto !important;
        padding-left: 5px;
        /* border: none !important; */
        /* background: #f8f8f8; */
        width: 100% !important;

    }

    #sf7_advancedlocationtextsearch,
    #wpl_default_search_7 input[type="text"] {
        border-right: none !important;
    }

    #wpl_default_search_7 input[type="text"] {
        margin-left: 5% !important;
        width: 90% !important;
    }

    #wpl7_search_widget_location_level_container_advanced_location_text::before {
        left: 20px;
    }

    .wpl_search_field_controls button {
        text-align: start !important;
    }

    .wpl_search_from_box .wpl_search_from_box_top .wpl_search_field_container:not(.radiussearch) .wpl_search_widget_location_textsearch {
        width: 85% !important;
        min-width: 0% !important;
        margin-left: 3% !important;
    }

    .city-wrapper {
        left: 0% !important;
        width: 100% !important;
        border-right: none !important;
        top: 0px;

    }

    .db-cities {
        padding-left: 2px !important;
    }

    .wpl_search_field_controls {
        left: 3%;
    }

    .search_submit_box {
        background-color: transparent !important;
        margin-bottom: 5px !important;
    }

    .searchbar-head {
        flex-direction: column;
    }

    .wpl_property_listing_listings_container .row_box .wpl-plisting-row-left {
        padding: 5px !important;
        width: 100% !important;
    }

    .wpl-28-listing-outstanding .wpl_property_listing_listings_container .row_box .wpl_prp_title {
        text-align: left;
    }

    .wpl-28-listing-outstanding .wpl_property_listing_listings_container .row_box .wpl_prp_listing_location {
        text-align: left;
    }

    .wpl-28-listing-outstanding .wpl_property_listing_listings_container .row_box .wpl-plisting-row-info-wp {
        display: flex;
        margin: 0;
    }

    .wpl-28-listing-outstanding .wpl_property_listing_listings_container .row_box .wpl-plisting-row-info-wp .wpl-plisting-row-col {
        width: 20% !important;
    }

    .wpl-28-listing-outstanding .wpl_property_listing_listings_container .row_box .wpl-plisting-row-info-wp .wpl-plisting-row-col span {
        position: relative;
        left: 22px;
    }

    .wpl-28-listing-outstanding .wpl_property_listing_listings_container .row_box .wpl-plisting-row-info-wp .wpl-plisting-row-col .built_up_area span {
        position: relative;
        left: 0px;
    }


    .wpl-28-listing-outstanding .wpl_property_listing_listings_container .row_box .wpl-plisting-row-info-wp .wpl-plisting-row-col .built_up_area {
        text-align: start;
        margin-left: 20px;
    }

    /* Different Icons */
    .room-icon::before {
        position: absolute;
    }

    .bath-icon::before {
        position: absolute;
    }

    .parking-icon::before {
        position: absolute;
    }

    .area-icon::before {
        position: absolute;
    }

    .wpl-28-listing-outstanding .wpl_property_listing_listings_container .row_box .wpl_prp_desc {
        font-family: 'Lato' !important;
        height: 75px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .wpl-28-listing-outstanding .wpl_property_listing_listings_container .row_box .read-more-btn {
        display: block;
    }

    .wpl-gallery-pshow {
        height: 200px !important;
    }


    .wpl-large-up-2>.wpl-column:nth-of-type(2n+1),
    .wpl-large-up-2>.wpl-columns:nth-of-type(2n+1),
    .wpl-large-up-2>.wpl-column:nth-of-type(1n) {
        width: 100% !important;
    }

    .wpl-large-up-2>.wpl-column:nth-of-type(2n+1) {
        margin-right: 0px;
    }






    /* agent page */
    /* searchbar */
    .wpl_search_from {
        flex-wrap: wrap;
        padding: 20px 5px;
        width: 100% !important;
        height: auto;
    }

    .wpl_search_from .wpl_search_widget_location_textsearch,
    .wpl_search_from .wpl_search_fields.text {

        width: 100% !important;
        top: 0px;
    }

    .wpl_search_field_container.wpl_search_field_text,
    .wpl_search_from .wpl_search_widget_location_textsearch {
        border-right: none !important;
    }

    #wpl10_search_widget_location_level_container_advanced_location_text::before {
        top: 50%;
    }

    #sf10_advancedlocationtextsearch {
        padding-left: 30px;
        width: 270px !important;
    }


    .wpl_search_field_container.wpl_search_field_text.wpl_search_field_container_902 input {
        width: 60% !important;

    }

    .wpl-28-template-wp .wpl_search_from .search_submit_box input[type="submit"] {
        position: absolute !important;
        top: -48px !important;
        left: 220px !important;

    }

    .wpl-profile-listing-wp .wpl_sort_options_container_title {
        text-align: center !important;
    }


    .wpl-sort-options-selectbox {
        width: 100%;
        margin-top: -10px;
    }

    .wpl_profile_container.row_box {
        flex-wrap: wrap !important;
        height: auto !important;
    }


    .wpl_profile_container.row_box .agent-left-side {
        width: 100% !important;
        padding: 0 !important;
        height: 300px !important;
    }

    .wpl_profile_container.row_box .agent-left-side .wpl_profile_picture {
        width: 100% !important;
        height: 100% !important;
    }

    .wpl_profile_container.row_box .agent-right-side {
        width: 100% !important;
        padding: 5px !important;
    }

    .wpl_profile_container .wpl_profile_picture .front .no_image:before {
        font-size: 22em;
        position: relative;
        top: 80px;
    }

    .wpl_profile_container.row_box .wpl_profile_container_title {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100% !important;
    }

    .wpl_profile_container.row_box .wpl_profile_container_title .for-title {
        width: 100% !important;
    }

    .wpl_profile_container.row_box .agent-property-links {
        position: absolute;
        width: 100% !important;
        display: flex !important;
        justify-content: end !important;
        text-align: end;
        align-items: center;
        top: 95%;
        left: -5%;
    }

    .wpl_profile_container.grid_box .wpl_profile_container_title {
        height: 130px !important;
    }

    .wpl_profile_container_title .title a {
        margin-top: -10px !important;
    }

    .additional-details h2 {
        margin-top: -15px !important;
        height: 30px !important;
    }

    .additional-details h5.infos {
        margin-top: 5px !important;

    }

    .wpl_profile_container.row_box .wpl_profile_container_title .additional-details h2 {
        font-size: 15px !important;
        margin-top: -16px !important;
        text-align: center !important;
    }

    .wpl_profile_container.row_box .wpl_profile_container_title .additional-details h5.infos {
        margin-top: 0px !important;
    }

    .wpl_profile_container.row_box ul {
        padding-right: 5px;
    }

    .wpl_profile_container.row_box ul li.phone,
    .wpl_profile_container.row_box ul li.mobile {
        text-indent: 0 !important;
    }

    .wpl-profile-listing-wp .wpl_pagination_container .pagination li {
        margin: 0 !important;
    }


    /* agent details page */

    .agent-detail-header {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        border-bottom: 1px solid #c7c7c7;
    }

    .agentname-c_name {
        width: 100%;
        text-align: center;
    }

    .agent-company-logo {
        width: 100%;
    }

    .agent-company-logo img {
        width: 100%;
        height: 100%;
    }

    .wpl-agent-info-main-fields li {
        font-size: 14px;

    }

    .wpl-agent-info-main-fields .agent-info-btns button {
        width: 100px;

    }

    .wpl-agent-info-main-fields .agent-info-btns {
        display: flex;
        gap: 5px;
        margin-top: 20px;
        width: 100%;
        display: flex;
        justify-content: center;

    }

    .about-and-contacts {
        display: flex;
        flex-wrap: wrap;
    }

    .agents-detail-about {
        padding: 10px !important;
        width: 100%;
    }

    .ag-details {
        width: 100%;
        background: #f8f8f8;
        padding: 10px !important;
    }

    .wpl_agents_widget_container {
        display: flex;
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .wpl_agents_widget_container .wpl_profile_container {
        justify-content: center;
    }


    .wpl_agents_widget_container .wpl_profile_container .wpl_profile_container_title {
        width: 100%;
    }

    .wpl_agents_widget_container .wpl_profile_container .wpl_profile_picture .front .no_image:before {
        font-size: 22em;
        position: relative;
        top: 0px;
        left: -8px;
    }

    .wpl_user_contact_container .text-field {
        width: 100% !important;
        margin-right: 5px;
    }




    /* contact us page */
    .post-content-box {
        flex-direction: column;
        gap: 20px;
    }

    .post-content-box #nf-form-2_1-cont,
    .post-content-box p {
        width: 100% !important;
    }

    .contactus-mapp {
        margin-top: -20px;
    }

    .nf-form-title h3 {
        display: none;
    }

    .nf-form-content {
        margin: 0px auto !important;
    }

    .wpl-28-template-wp .wpl_property_listing_container.wpl-property-listing-mapview {
        display: flex !important;

        flex-wrap: wrap;
    }

    /* map view of proeprty listing */

    /* proeprty listing map view */

    #main_box.container_full_width {
        width: 90% !important;
    }

    .wpl_property_listing_container.wpl-property-listing-mapview .wpl_search_from_box_top{
        width: 100% !important;
    }

    .wpl_property_listing_container.wpl-property-listing-mapview #wpl_searchwidget_7 .search_submit_box{
        margin-left: 5% !important;
    } 

    .wpl-28-template-wp .wpl_property_listing_container.wpl-property-listing-mapview .wpl_googlemap_plisting {
        width: 100% !important;
        height: 400px !important;
        position: absolute !important;
        top: 27% !important;
    }

    .wpl_property_listing_container.wpl-property-listing-mapview .wpl_property_listing_list_view_container {
        width: 100% !important;
        overflow: hidden;
        margin-right: 0% !important;
        margin-top: 500px !important;
        border: none !important;
    }

    .wpl_property_listing_container.wpl-property-listing-mapview .wpl_sort_options_container {
    top: 0px !important;
    }


    .wpl_property_listing_container.wpl-property-listing-mapview .wpl_sort_options_container {
        left: 0px !important;
    }


    .wpl-28-template-wp .wpl_property_listing_container.wpl-property-listing-mapview .wpl_property_listing_list_view_container {
        height: 100vh !important;
    }

    .wpl_property_listing_container.wpl-property-listing-mapview .wpl_property_listing_listings_container {
        height: 90% !important;

    }

    .wpl-property-listing-mapview .wpl-column {
        width: 100% !important;
    }

    .wpl_property_listing_container.wpl-property-listing-mapview .wpl-sort-options-selectbox select {
        width: 100% !important;
    }

    .wpl_property_listing_container.wpl-property-listing-mapview .wpl_list_grid_switcher {
        position: relative !important;
    }

    .wpl_property_listing_container.wpl-property-listing-mapview .wpl-print-rp-wp {
        position: relative !important;
        right: 30px !important;
        top:2px !important;
    }

    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
        width: 70% !important;
    }


    /* custom sort */
    .wpl_sort_options_container {
        flex-wrap: wrap-reverse !important;
    }

    .wpl_sort_options_container .sort-left {
        flex-wrap: wrap !important;
    }

    .wpl_sort_options_container .sort-left,
    .wpl_sort_options_container .sort-right {
        width: 100% !important;
    }

    .custom-sort {
        width: 100%;
    }

    .wpl-unit-switcher-container{
        flex-wrap: wrap;
                width: 100% !important;
                margin-left: 0px !important;
                margin-top: 20px;

    }

    .wpl-unit-switcher-container label{
        width: 100% !important;
        text-align: center !important;  
    }

    .wpl-unit-switcher-widget {
        width: 100% !important;
    }

     .wpl-unit-switcher-widget .chosen-container.chosen-container-single{
        width: 100% !important;
    }

    /* .leaflet-popup-content{
    width:100% !important;
    display: flex !important;
    justify-content: center !important;
}
#main_infowindow {
    margin-top: 0px !important;
}
 */

}


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

    /* property page  */
    /* Search Bar */
    #wpl_searchwidget_7 {
        flex-wrap: wrap;
    }

    .wpl_search_from_box_top {
        flex-wrap: wrap;
        height: auto !important;
        padding-left: 5px;
        /* border: none !important; */
        /* background: #f8f8f8; */
        width: 100% !important;
        padding-bottom: 5px;

    }

    #sf7_advancedlocationtextsearch,
    #wpl_default_search_7 input[type="text"] {
        border-right: none !important;
    }

    #wpl_default_search_7 input[type="text"] {
        margin-left: 6% !important;
        width: 90% !important;
    }


    .wpl_search_field_controls button {
        text-align: start !important;
        /* margin-left: 14% !important; */
    }

    #wpl7_search_widget_location_level_container_advanced_location_text::before {
        left: 25px;
    }

    .wpl_search_from_box .wpl_search_from_box_top .wpl_search_field_container:not(.radiussearch) .wpl_search_widget_location_textsearch {
        width: 85% !important;
        min-width: 0% !important;
        margin-left: 3% !important;
    }

    .city-wrapper {
        left: 0% !important;
        width: 100% !important;
        border-right: none !important;
        top: 0px;

    }

    .db-cities {
        padding-left: 2px !important;
    }

    .wpl_search_field_controls {
        left: 3%;
    }

    #wpl_searchwidget_7 .search_submit_box {
        background-color: transparent !important;
        margin-bottom: 5px !important;
        position: relative;
        left: 6%;
    }

    .wpl-gallery-pshow {
        height: 300px !important;
    }


    .custom-thumbs img {
        width: 100% !important;
        height: 50px !important;
    }

    .wpl-large-up-2>.wpl-column:nth-of-type(2n+1),
    .wpl-large-up-2>.wpl-columns:nth-of-type(2n+1),
    .wpl-large-up-2>.wpl-column:nth-of-type(1n) {
        width: 100% !important;
    }

    .wpl-large-up-2>.wpl-column:nth-of-type(2n+1) {
        margin-right: 0px;
    }





    /* agent page */

    .wpl_search_from {
        flex-wrap: wrap;
        padding: 20px 5px;
        width: 100% !important;
        height: auto;
    }

    .wpl_search_from .wpl_search_widget_location_textsearch,
    .wpl_search_from .wpl_search_fields.text {
        width: 100% !important;
        top: 0px;
    }

    .wpl_search_field_container.wpl_search_field_text,
    .wpl_search_from .wpl_search_widget_location_textsearch {
        border-right: none !important;
    }

    #wpl10_search_widget_location_level_container_advanced_location_text::before {
        top: 50%;
    }

    #sf10_advancedlocationtextsearch {
        padding-left: 30px;
        width: 270px !important;
    }


    .wpl_search_field_container.wpl_search_field_text.wpl_search_field_container_902 input {
        width: 60% !important;

    }


    .wpl-28-template-wp .wpl_search_from .search_submit_box input[type="submit"] {
        position: absolute !important;
        top: -20px !important;
        right: 50px !important;

    }

    .wpl-row.wpl-expanded.wpl_profile_listing_profiles_container .wpl-column {
        width: 50% !important;
    }

    .wpl_profile_container.row_box {
        height: 740px !important;
        width: 100% !important;
    }


    .wpl_profile_container.row_box .wpl_profile_container_title {
        flex-wrap: wrap;
        width: 100% !important;
        text-align: center !important;
    }

    .wpl_profile_container.row_box .wpl_profile_container_title .for-title {
        width: 100% !important;
    }

    .wpl_profile_container.row_box .agent-property-links {
        position: absolute;
        width: 100% !important;
        display: flex !important;
        justify-content: end !important;
        text-align: end;
        align-items: center;
        top: 95%;
        left: -5%;
    }



    .wpl_profile_container.row_box .agent-left-side {
        width: 100% !important;
        padding: 0 !important;
        height: 300px !important;
    }

    .wpl_profile_container.row_box .agent-left-side .wpl_profile_picture {
        width: 100% !important;
        height: 100% !important;
    }

    .wpl_profile_container.row_box .agent-right-side {
        width: 100% !important;
        padding: 5px !important;
    }

    .wpl_profile_container.row_box .agent-listing-social li h6 {
        width: 20% !important;
    }

    .wpl_profile_container.row_box .agent-listing-social li a {
        width: 80% !important;
        height: 30px !important;
        overflow: hidden;
        justify-content: end !important;
    }

    .wpl_profile_container.row_box .wpl_profile_container_title .additional-details h2 {
        font-size: 16px !important;
        height: 32px !important
    }

    .wpl_profile_container.row_box .wpl_profile_container_title .additional-details h5.infos {
        margin-top: 0px !important;
    }

    .wpl_profile_container.row_box ul {
        padding-right: 5px;
    }

    .wpl_profile_container.row_box ul li.phone,
    .wpl_profile_container.row_box ul li.mobile {
        text-indent: 0 !important;
    }





    /* agent details page */

    .agent-detail-header {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        border-bottom: 1px solid #c7c7c7;
    }

    .agentname-c_name {
        width: 100%;
        text-align: center;
    }

    .agent-company-logo {
        width: 100%;
        margin-bottom: 10px;
    }

    .agent-company-logo img {
        width: 100%;
        height: 100%;
    }

    .wpl-agent-info-main-fields li {
        font-size: 14px;

    }

    .wpl-agent-info-main-fields .agent-info-btns button {
        width: 100px;

    }

    .wpl-agent-info-main-fields .agent-info-btns {
        display: flex;
        gap: 5px;
        margin-top: 20px;
        width: 100%;
        display: flex;
        justify-content: center;

    }

    .about-and-contacts {
        display: flex;
        flex-wrap: wrap;
    }

    .agents-detail-about {
        padding: 10px !important;
        width: 100%;
    }

    .ag-details {
        width: 100%;
        background: #f8f8f8;
        padding: 10px !important;
    }

    .wpl_agents_widget_container {
        display: flex;
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .wpl_agents_widget_container .wpl_profile_container {
        justify-content: center;
    }


    .wpl_agents_widget_container .wpl_profile_container .wpl_profile_container_title {
        width: 100%;
    }

    .wpl_agents_widget_container .wpl_profile_container .wpl_profile_picture .front .no_image:before {
        font-size: 22em;
        position: relative;
        top: 0px;
        left: -8px;
    }

    .wpl_user_contact_container .text-field {
        width: 100% !important;
        margin-right: 5px;
    }

    /* contact us page */
    .post-content-box {
        flex-direction: column;
        gap: 20px;
    }

    .post-content-box #nf-form-2_1-cont,
    .post-content-box p {
        width: 100% !important;
    }

    .contactus-mapp {
        margin-top: -20px;
    }

    .nf-form-title h3 {
        display: none;
    }

    .nf-form-content {
        margin: 0px auto !important;
    }


    /* proeprty listing map view */

    #main_box.container_full_width {
        width: 90% !important;
    }

    .wpl_property_listing_container.wpl-property-listing-mapview .wpl_prp_cont {
        height: 400px !important;
    }

    .wpl_property_listing_container.wpl-property-listing-mapview .wpl_prp_top_boxes.front {
        height: 300px !important;
    }

    .wpl_property_listing_container.wpl-property-listing-mapview .wpl_prp_cont.wpl_prp_cont_v2.inner_div.map_box .listing-gallery-slider {
        height: 265px !important;
    }


    .wpl-28-template-wp .wpl_property_listing_container.wpl-property-listing-mapview .wpl_googlemap_plisting {
        width: 100% !important;
        height: 450px !important;
        position: absolute !important;
        top: 26% !important;
    }

    .wpl_property_listing_container.wpl-property-listing-mapview .wpl_property_listing_list_view_container {
        width: 100% !important;
        overflow: hidden;
        margin-right: 0% !important;
        margin-top: 10px !important;
        border: none !important;

    }


    .wpl_property_listing_container.wpl-property-listing-mapview .wpl_sort_options_container {
        left: 0px !important;
    }


    .wpl-28-template-wp .wpl_property_listing_container.wpl-property-listing-mapview .wpl_property_listing_list_view_container {
        height: 700px !important;
    }

    /* .wpl_property_listing_container.wpl-property-listing-mapview .wpl_property_listing_listings_container {
        height: 85% !important;

    } */

    .wpl-property-listing-mapview .wpl-column {
        width: 100% !important;
    }

    .wpl_property_listing_container.wpl-property-listing-mapview .wpl-sort-options-selectbox select {
        width: 100% !important;
    }

    .wpl_property_listing_container.wpl-property-listing-mapview .wpl_list_grid_switcher {
        position: relative !important;
    }

    .wpl_property_listing_container.wpl-property-listing-mapview .wpl-print-rp-wp {
        position: relative !important;
        right: 30px !important;
        top:2px !important;
    }



    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
        width: 70% !important;
    }


}










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

    /* property page  */
    /* Search Bar */
    .wpl_search_from_box .wpl_search_from_box_top {
        width: 100% !important;
    }

    .wpl_property_listing_container.wpl-property-listing-mapview .wpl_plisting_top_sidebar_container {
        width: 100% !important;
    }

    .wpl_search_field_container.wpl_search_field_locations.wpl_search_field_container_41.advanced_locationtextsearch_type {
        width: 60% !important;
    }

    .wpl-28-template-wp input[type="text"] {
        margin-left: 0px;
    }

    .wpl_search_from_box .wpl_search_from_box_top .wpl_search_field_container:not(.radiussearch) .wpl_search_widget_location_textsearch {
        width: 100% !important;
        min-width: none !important;
    }

    .city-wrapper {
        width: 50% !important;
    }

    .wpl_search_field_controls {
        left: -3% !important;
    }

    .search_submit_box {
        background-color: transparent !important;
        margin-left: -6% !important;
    }

    .wpl_search_field_controls button {
        text-align: start !important;
        margin-left: 14% !important;
    }



    .wpl-gallery-pshow {
        height: 300px !important;
    }

    .wpl_search_from_box .wpl_search_from_box_top .search_submit_box {
        margin: -9px 3px 3px 0;
    }


    /* agent page */

    .wpl_search_from {
        width: 100% !important;
        height: auto;
    }


    #sf10_advancedlocationtextsearch {
        padding-left: 30px;
        width: 0px !important;
        min-width: 150px !important;
    }

    .wpl_search_field_container.wpl_search_field_text.wpl_search_field_container_902 input {
        width: 100px !important;
    }

    .wpl_profile_container.row_box {
        height: 320px !important;
    }

    .wpl_profile_container.row_box .agent-listing-social li {
        min-width: 170px;
    }

    .wpl_profile_container.row_box .wpl_profile_picture .front .no_image:before {
        font: 12.5em "wpl-front" !important;
        position: relative;
        top: 42px !important;
    }

    .wpl_profile_container.row_box .additional-details h2 {
        margin-top: -15px !important;
        height: 30px !important;
    }



    /* agent-details-page */
    .agent-company-logo img {
        width: 100%;
        height: 100%;
    }



    /* proeprty view listing map */

    #main_box.container_full_width {
        width: 90% !important;
    }

    .wpl-28-template-wp .wpl_property_listing_container.wpl-property-listing-mapview .wpl_search_from_box .wpl_search_widget_location_textsearch {
        min-width: 220px;
    }

    .wpl-28-template-wp .wpl_property_listing_container.wpl-property-listing-mapview .wpl_googlemap_plisting {
        width: 49% !important;
        display: block !important;
        height: 60vh !important;
    }

    .wpl_property_listing_container.wpl-property-listing-mapview .wpl_property_listing_list_view_container {
        width: 50% !important;
    }

    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
        width: 40% !important;
    }



}



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

    /* property page  */
    /* Search Bar */
    .wpl_search_from_box_top {
        width: 80% !important;
    }


    .wpl-28-template-wp input[type="text"] {
        margin-left: 0px;
    }

    .wpl_search_field_container.wpl_search_field_locations.wpl_search_field_container_41.advanced_locationtextsearch_type {
        width: 80% !important;
    }

    .wpl_search_from_box .wpl_search_from_box_top .wpl_search_widget_location_level_container {
        width: 100% !important;
    }

    .wpl_search_from_box .wpl_search_from_box_top .wpl_search_field_container:not(.radiussearch) .wpl_search_widget_location_textsearch {
        width: 100% !important;
        min-width: none !important;
    }

    .city-wrapper {
        width: 50% !important;
    }

    /* .loader {
        position: relative;
        left:100%;

    } */

    /* .wpl_search_field_controls {
        left: -1% !important;
    } */

    .wpl-28-template-wp .wpl_property_listing_container.wpl-property-listing-mapview .wpl_googlemap_plisting {
        width: 49% !important;
        display: block !important;
        height: 900px !important;
    }

    .search_submit_box {
        background-color: transparent !important;
        margin-left: -5% !important;

    }

    /* agent page searchbar */
    .wpl_search_from {
        width: 100% !important;

    }

    #sf10_advancedlocationtextsearch {
        padding-left: 30px;
        width: 300px !important;
    }

        .wpl_search_field_container.wpl_search_field_text.wpl_search_field_container_902 input {
        width: 150px !important;
    }



}

/* @media screen and (max-width: 1024px) and (min-width:980px) {

    .wpl_search_from_box_top {
        width: 80% !important;
        background-color: red;
    }
} */