/* ----------------------------------------- */ /* View slug: property-search-remake - start */ /* ----------------------------------------- */ .nhcfilter1 { max-width: 25% !important; } .nhcfiltercontainer1 { width: 100% !important; max-width: 100%; min-width: 100%; float: left; border: 1px solid #868686; margin-bottom: 18px !important; border-radius: 14px; padding-top: 12px;} .btn { box-shadow: none !important; padding-left: 25px; padding-right: 25px; font-size: 12px !important; background-color: #1ba3d6 !important; color: white; font-weight: 700;} /* ----------------------------------------- */ /* View slug: property-search-remake - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: loop-item-in-property-search-remake - start */ /* ----------------------------------------- */ .largetitle { font-weight: bold; font-size: 1.6em; text-align: center; width: 100%;} .statusclass { float: right !important; border-radius: 8px; width: 100%; padding: -14px !important; border: 1px solid red; font-weight: bold; text-align: center; } .size-thumbnail { border-top-left-radius: 6px !important; } .propthumbnhc1 { width: 100% !important; } .ribbon-inside{ background-color: #1CA8DD; } .property_media a{ color: #ffff; float:right!important; } .property_media { bottom:8px!important; position: absolute; bottom: 0; z-index: 9; pointer-events: none; float:right!important; } .property_media .prop_sub { float:right!important; } /* For property item box image*/ @media (min-width: 720px) { } @media (min-width: 720px) { .has_prop_slider .property_listing .listing-unit-img-wrapper img{ height: 230px !important; } .wpestate_estate_property_slider_section_wrapper #carousel-listing .carousel-inner img{ height: 348px; } } @media (min-width: 900px) and (max-width: 960px) { .has_prop_slider .property_listing .listing-unit-img-wrapper img{ height: 275px !important; } } @media (min-width: 1024px) and (max-width: 1080px) { .has_prop_slider .property_listing .listing-unit-img-wrapper img{ height: 290px !important; } } /* For Property Details slider image*/ @media (max-width: 667px) { .wpestate_estate_property_slider_section_wrapper #carousel-listing .carousel-inner img{ height: 275px; } } @media (max-width: 640px) { .caption-wrapper{ display: none; } .carousel-control i, .carousel-control .fa { margin-top: 0px !important; } .wpestate_estate_property_slider_section_wrapper #carousel-listing .carousel-inner img{ height: 342px; } } I would assume throw it into the current css setup. @media (max-width: 600px) { .wpestate_estate_property_slider_section_wrapper #carousel-listing .carousel-inner img{ max-height: 318px; } } @media (max-width: 568px) { .wpestate_estate_property_slider_section_wrapper #carousel-listing .carousel-inner img{ max-height: 300px; } } @media (max-width: 480px) { .wpestate_estate_property_slider_section_wrapper #carousel-listing .carousel-inner img{ max-height: 253px; } } @media (max-width: 360px) { .wpestate_estate_property_slider_section_wrapper #carousel-listing .carousel-inner img{ max-height: 205px; } } @media (max-width: 320px) { .wpestate_estate_property_slider_section_wrapper #carousel-listing .carousel-inner img{ max-height: 162px; } } .property_listing .listing_details.listing_details_lstpos{ margin-bottom: 50px !important; } .property_listing .listing-unit-img-wrapper{ width: 100% !important; } .property_listing .carousel{ width: 100% !important; } @media only screen and (min-width: 800px) { .property_listing { min-height: 450px !important; max-height: 450px !important;} } /* ----------------------------------------- */ /* Content Template: loop-item-in-property-search-remake - end */ /* ----------------------------------------- */