/* Filter Styles For Desktop Started Here  */



/* .filterDesktop{

  background-color: #f2f8ff;

} */

@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,700,800,900|Roboto:400,500,700,900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Lato:wght@300;400;700&display=swap");



.makeFlex {

  max-width: 1665px;

  width: 100%;

}



.filterSection {

  width: 27%;

}



.filterRight {

  width: 73%;

  padding-left: 0;

}



.filterBar {

  margin: 0 0.8%;

}

.filterItem {

  position: relative;

  display: flex;

  justify-content: space-evenly;

  flex-wrap: wrap;

  padding: 15px 0 0;

}

.itemIndi {

  position: relative;

  width: 31%;

  margin: 0 0.3%;

  margin-bottom: 2%;

  border-radius: 10px;

  background-color: #fff;

}



.listingItemImg {

  position: relative;

  width: 100%;

  border-radius: 10px 10px 0 0;

}

.listingCardLowerPart {

  position: absolute;

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 0 1.2rem;

  bottom: 1rem;

  width: 100%;

}

.listingLowerRightIcons {

  display: flex;

  flex-direction: column;

  align-items: center;

  width: 40%;

  width: max-content;

  z-index: 100;

}

.iconContainer {

  position: relative;

  cursor: pointer;

  margin: 5px 0;

}

.listingIconImg {

  position: relative;

  width: 2.5rem;

}

.review {

  position: relative;

  display: flex;

  align-self: flex-end;

  width: 55%;

  justify-content: space-evenly;

  font-size: 1.1rem;

}

.review-tag {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: var(--theme-color-one);

  border-radius: 10px;

  padding: 7% 7%;

  color: white;

}

.review-body {

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

}

.gridViewStars {

  position: relative;

  width: 100%;

}

.review-body div {

  color: gold;

}

.review-body .reviewText {

  font-size: 1rem;

  font-weight: 500;

  color: white;

}

.cardBottomDiv {

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

}

.cardPropertyName {

  color: #0d6efd;

  font-size: 1.2rem;

}



/* List View */



/* Most Popular Property Card */

.mpp-card {

  position: relative;

  display: flex;

  background-color: #fff;

  width: calc(100% - 1rem);

  height: 21rem;

  border-radius: 10px;

  overflow: hidden;

  box-shadow: 0 5px 14px 0 rgb(37 44 65 / 12%);

  margin: 0px 8px 16px 8px;

}



.mpp-card-img {

  position: relative;

  width: 40%;

}



.mpp-card-img img {

  height: 100%;

  width: 100%;

  object-fit: cover;

}



.mpp-card-img .mpp-card-video {

  bottom: calc(4px + 4px + 30px);

}



.mpp-card-img .mpp-card-slideshow {

  bottom: 4px;

}



.mpp-card-body {

  padding: 10px;

}



.mpp-card-body-features {

  display: grid;

  grid-template-columns: auto auto;

  width: 100%;

  font-size: 12px;

}



.mpp-card-body-features img {

  height: 14px;

  width: 14px;

}



.mpp-card-body-icon {

  height: 16px;

  width: 16px;

}



.listLeftSection {

  position: relative;

  width: 60%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

.mpp-card-head {

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  padding: 2% 3%;

  border-bottom: 0px solid #eee;

}

.mpp-head-name {

  font-size: 2rem;

  font-family: "Inter", sans-serif;

  font-weight: 600;

  color: rgb(13, 110, 253);

}

.mpp-head-subName {

  text-align: left;

  font-size: 1.1rem;

  padding: 1% 0;

  color: #555;

}



.mpp-card-footer {

  position: relative;

  display: flex;

  border-top: 1px solid #eee;

  justify-content: space-between;

  width: 100%;

  font-size: 1.2rem;

  padding: 0.4rem 1rem;

}



.listViewRedCircle {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 3rem;

  width: 3rem;

  margin-right: 0.6rem;

  border-radius: 50%;

  background-color: #f75c96;

}

.listViewGreenCircle {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 0.6rem;

  height: 3rem;

  width: 3rem;

  border-radius: 50%;

  background-color: #5ecfb1;

}

.mppPin {

  position: relative;

  margin-left: 1.5rem;

}

.homeImg {

  position: relative;

  width: 1.2rem;

  height: 1.2rem;

}

.mpp-card-tail {

  padding: 0.5rem 0;

  display: flex;

  flex-direction: column;

}

.mpp-num-rooms {

  position: relative;

  display: flex;

  justify-content: space-between;

  padding: 1% 3%;

  font-size: 1.2rem;

}

.footerElem {

  position: relative;

  display: flex;

  align-items: center;

  width: 30%;

  font-weight: 400;

}

.homeIcon {

  position: relative;

  width: 100%;

}

.rupeeIcon {

  position: relative;

  width: 55%;

}

.bigFont {

  font-size: 1.5rem;

  font-weight: 500;

}

.leftestBox {

  border-left: 1px solid #eee;

  padding-left: 1rem;

}

.propDetails {

  position: relative;

  display: flex;

  justify-content: space-between;

  width: 100%;

}

.propID {

  margin-right: 2%;

  padding: 1% 0.6%;

  font-size: 1.1rem;

}

.mppID {

  color: #566985;

  font-weight: 600;

  font-size: 1.2rem;

}

.propDealPhoNo {

  font-size: 1.2rem;

  padding: 1% 0.6%;

}

.phoneIcon {

  margin-right: 0.5rem;

  color: #4db7fe;

}

.mppPhoneNumber {

  color: #566985;

  font-weight: 600;

}

.mppFacilities {

  position: relative;

  display: flex;

  width: 100%;

  padding-left: 3.4%;

  flex-wrap: wrap;

}

.facilitiesItem {

  position: relative;

  width: 25%;

  display: flex;

  padding-bottom: 0.6rem;

  font-size: 0.9rem;

  font-weight: 600;

}

.facilityIcon {

  position: relative;

  margin-right: 0.6rem;

  font-size: 1.1rem;

  width: 12%;

}

.facilityIconImg {

  position: relative;

  width: 100%;

}

.facilityName {

  color: #878c9f;

}

.mppReviewBox {

  position: relative;

  padding-bottom: 1.2rem;

}

.mppReviewBox .review {

  justify-content: flex-start;

}

.mppReviewBox .review-tag {

  margin-left: 1rem;

  margin-right: 0.8rem;

}

.loveBtn {

  font-size: 1.1rem;

}

.filterOverlay {

  display: none;

}



/* filterAboveDisplayHide  */

.breadcrumbs.inline-breadcrumbs.fl-wrap.block-breadcrumbs {

  display: none;

}



/* MiddleSortSectionForMobileView  */



.middleSection {

  position: relative;

  display: flex;

  flex-direction: column;

  width: 100%;

  padding: 0.6rem 0.5rem;

}

.selectedFilterOptions {

  position: relative;

  display: flex;

  width: 100%;

  justify-content: space-between;

  overflow-x: auto;

}

.selectedOptionBox {

  position: relative;

  display: flex;

  width: 40%;

  align-items: center;

  font-size: 1rem;

  margin-right: 0.5rem;

  background-color: white;

  justify-content: space-between;

  color: #2e3f6e;

  border-radius: 20px;

  padding: 0.6rem 1rem;

}

.crossBtn {

  position: relative;

  padding: 0 0.5rem;

}

.sortBar {

  position: relative;

  display: flex;

  width: 100%;

  justify-content: space-between;

  align-items: center;

  margin-top: 0.7rem;

  color: #2e3f6e;

  font-size: 1.1rem;

  padding: 0 0.2rem;

}

.sortBtn {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid #2e3f6e;

  background-color: #2e3f6e;

  color: white;

  border-radius: 5px;

  padding: 0.3rem 3rem;

  font-weight: 500;

}

.listViewBoxMobile {

  position: relative;

  font-size: 1.5rem;

}

.small-padding {

  padding-bottom: 15px;

}



/* footerStyles  */



.navbar {

  position: fixed;

  bottom: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #2e3f6e;

  width: 100%;

  z-index: 999;

  padding: 0.6rem 1.5rem;

}



.nav-icon {

  size: 10px;

}



.image-size {

  height: 25px;

  width: 25px;

}



.navbar .innerFooter {

  list-style: none;

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: space-between;

  position: relative;

}



.navbar .footerOptionMobileView {

  position: relative;

  width: 20%;

  color: #ffffff;

  font-size: 2rem;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

}



#circle {

  position: absolute;

  width: 4rem;

  height: 4rem;

  background: linear-gradient(#4db7fe, #033aff, #4db7fe);

  border-radius: 50%;

  top: -2.3rem;

  left: 39%;

  border: 5px solid #ffffff;

  margin-left: 5px;

  transform: scale(1.2);

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  transition: left 0.2s;

  font-display: hide;

}



#item2 {

  opacity: 0;

  font-size: 22px;

}



/* #middle {

  opacity: 0;

} */



#circle {

  font-size: 22px;

}



#circle .home {

  animation: 0.5s moveup linear forwards;

}



@keyframes moveup {

  0% {

    opacity: 0;

    transform: translateY(20px);

  }

  100% {

    opacity: 1;

    transform: translateY(0px);

  }

}



/* tooltip goes here */



.tooltip {

  position: relative;

  display: inline-block;

}



.tooltip .tooltiptext {

  visibility: hidden;

  color: #ffffff;

  text-align: center;

  justify-content: center;

  width: 120px;

  top: 100%;

  left: 50%;

  margin-left: -60px;

  /* Use half of the width (120/2 = 60), to center the tooltip */

  /* Position the tooltip */

  position: absolute;

  z-index: 1;

}



/*text without hover*/



.tooltip .tooltiptext {

  visibility: visible;

  font-size: 9px;

  justify-content: center;

}



/* text for hover  */



/* .tooltip:hover .tooltiptext {

  visibility: visible;

  font-size: 6px;

  justify-content: center;

} */



/* Sort Styles  */

.sortDiv {

  margin-top: 2rem;

}

.sortOption {

  position: relative;

  display: flex;

  width: 100%;

  margin: 0.25rem 0;

  padding: 0 1rem;

  justify-content: space-between;

}

.sortOptName {

  position: relative;

  display: flex;

  width: 60%;

  align-items: center;

  font-size: 0.9rem;

}

.sortSelectBox {

  position: relative;

  display: flex;

  width: 10%;

  align-items: center;

  justify-content: center;

}

.sortCircle {

  position: relative;

  display: flex;

  width: 1.2rem;

  height: 1.2rem;

  align-items: center;

  justify-content: center;

  border: 3px solid #bbb;

  border-radius: 50%;

  padding: 0.15rem;

}

.sortCircle.active {

  border: 3px solid #4db7fe;

}

.sortInnerDot {

  position: relative;

  border-radius: 50%;

  width: 0.7rem;

  height: 0.6rem;

}

.sortInnerDot.active {

  background-color: #4db7fe;

}

.sortingArea {

  height: 33vh;

}



.hide {

  display: none;

}



.displayHeading {

  position: relative;

  text-align: left;

  font-size: 1.5rem;

  font-weight: 600;

  width: 100%;

  padding-left: 1rem;

  padding-top: 5rem;

  color: #999;

}

.mpp-middleBox {

  position: relative;

  display: flex;

  width: 100%;

  padding: 0 1.3rem;

  justify-content: space-between;

}

.mpp-propType {

  position: relative;

  display: flex;

  width: 100%;

  align-items: center;

  justify-content: flex-start;

  font-size: 1.3rem;

}

.mpp-footer {

  position: relative;

  display: flex;

  width: 100%;

  padding: 0.75rem 0;

  flex-direction: column;

  justify-content: space-evenly;

}

.mpp-rent {

  position: relative;

  display: flex;

  width: 100%;

  align-items: center;

  justify-content: flex-start;

  font-size: 1.3rem;

}

.mpp-footer-btns {

  position: relative;

  display: flex;

  width: 100%;

  justify-content: space-between;

  padding: 0 1.3rem;

}

.mpp-btn {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0.7rem 0;

  width: 23%;

  font-size: 1rem;

  border-radius: 5px;

}

.detailsColor {

  color: white;

  background-color: #ff9900;

}

.editColor {

  color: white;

  background-color: #2e3f6e;

}

.payColor {

  color: white;

  background-color: #00aa25;

}

.deleteColor {

  color: white;

  background-color: #ea2424;

}



.boldText {

  font-weight: 600;

}



/* New Owner Panel Styles  */



/* Filter Styles For Desktop Started Here  */



/* .filterDesktop{

  background-color: #f2f8ff;

} */



@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Lato:wght@300;400;700&display=swap");



.makeFlex {

  max-width: 1665px;

  width: 100%;

}



.filterSection {

  width: 27%;

}



.filterRight {

  width: 73%;

  padding-left: 0;

}



.filterBar {

  margin: 0 0.8%;

}

.filterItem {

  position: relative;

  display: flex;

  justify-content: space-evenly;

  flex-wrap: wrap;

  padding: 15px 0 0;

}

.itemIndi {

  position: relative;

  width: 31%;

  margin: 0 0.3%;

  margin-bottom: 2%;

  border-radius: 10px;

  background-color: #fff;

}



.listingItemImg {

  position: relative;

  width: 100%;

  border-radius: 10px 10px 0 0;

}

.listingCardLowerPart {

  position: absolute;

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 0 1.2rem;

  bottom: 1rem;

  width: 100%;

}

.listingLowerRightIcons {

  display: flex;

  flex-direction: column;

  align-items: center;

  width: 40%;

  width: max-content;

  z-index: 100;

}

.iconContainer {

  position: relative;

  cursor: pointer;

  margin: 5px 0;

}

.listingIconImg {

  position: relative;

  width: 2.5rem;

}

.review {

  position: relative;

  display: flex;

  align-self: flex-end;

  width: 55%;

  justify-content: space-evenly;

  font-size: 1.1rem;

}



.review-tag {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: var(--theme-color-one);

  border-radius: 10px;

  padding: 7% 7%;

  color: white;

}

.review-body {

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

}

.gridViewStars {

  position: relative;

  width: 100%;

}

.review-body div {

  color: gold;

}

.review-body .reviewText {

  font-size: 1rem;

  font-weight: 500;

  color: white;

}

.cardBottomDiv {

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

}

.cardPropertyName {

  color: #0d6efd;

  font-size: 1.2rem;

}



/* List View */



/* Most Popular Property Card */

.mpp-card {

  position: relative;

  display: flex;

  background-color: #fff;

  width: calc(100% - 1rem);

  min-height: 21rem;

  border-radius: 10px;

  overflow: hidden;

  box-shadow: 0 5px 14px 0 rgb(37 44 65 / 12%);

  margin: 0px 8px 16px 8px;

}



.mpp-card-img {

  position: relative;

  width: 40%;

}



.mpp-card-img img {

  height: 100%;

  width: 100%;

  object-fit: cover;

}



.mpp-card-img .mpp-card-video {

  bottom: calc(4px + 4px + 30px);

}



.mpp-card-img .mpp-card-slideshow {

  bottom: 4px;

}



.mpp-card-body {

  padding: 10px;

}



.mpp-card-body-features {

  display: grid;

  grid-template-columns: auto auto;

  width: 100%;

  font-size: 12px;

}



.mpp-card-body-features img {

  height: 14px;

  width: 14px;

}



.mpp-card-body-icon {

  height: 16px;

  width: 16px;

}



.listLeftSection {

  position: relative;

  width: 60%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

.mpp-card-head {

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  padding: 2% 3%;

  border-bottom: 0px solid #eee;

}

.mpp-head-name {

  font-size: 2rem;

  font-family: "Inter", sans-serif;

  font-weight: 600;

  color: rgb(13, 110, 253);

}

.mpp-head-subName {

  text-align: left;

  font-size: 1.1rem;

  padding: 1% 0;

  color: #555;

}



.mpp-card-footer {

  position: relative;

  display: flex;

  border-top: 1px solid #eee;

  justify-content: space-between;

  width: 100%;

  font-size: 1.2rem;

  padding: 0.4rem 1rem;

}



.listViewRedCircle {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 3rem;

  width: 3rem;

  margin-right: 0.6rem;

  border-radius: 50%;

  background-color: #f75c96;

}

.listViewGreenCircle {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 0.6rem;

  height: 3rem;

  width: 3rem;

  border-radius: 50%;

  background-color: #5ecfb1;

}

.mppPin {

  position: relative;

  margin-left: 1.5rem;

}

.homeImg {

  position: relative;

  width: 1.2rem;

  height: 1.2rem;

}

.mpp-card-tail {

  padding: 0 0;

  display: flex;

  flex-direction: column;

}

.mpp-num-rooms {

  position: relative;

  display: flex;

  justify-content: space-between;

  padding: 1% 3%;

  font-size: 1.2rem;

}

.footerElem {

  position: relative;

  display: flex;

  align-items: center;

  width: 30%;

  font-weight: 400;

}



.homeIcon {

  position: relative;

  width: 100%;

}

.rupeeIcon {

  position: relative;

  width: 55%;

}

.bigFont {

  font-size: 1.5rem;

  font-weight: 500;

}

.leftestBox {

  border-left: 1px solid #eee;

  padding-left: 1rem;

}

.propDetails {

  position: relative;

  display: flex;

  justify-content: space-between;

  width: 100%;

}

.propID {

  margin-right: 2%;

  padding: 1% 0.6%;

  font-size: 1.1rem;

}

.mppID {

  color: #566985;

  font-weight: 600;

  font-size: 1.2rem;

}

.propDealPhoNo {

  font-size: 1.2rem;

  padding: 1% 0.6%;

}

.phoneIcon {

  margin-right: 0.5rem;

  color: #4db7fe;

}

.mppPhoneNumber {

  color: #566985;

  font-weight: 600;

}

.mppFacilities {

  position: relative;

  display: flex;

  width: 100%;

  padding-left: 3.4%;

  flex-wrap: wrap;

}

.facilitiesItem {

  position: relative;

  width: 25%;

  display: flex;

  align-items: center;

  padding-bottom: 0.6rem;

  font-size: 0.9rem;

  font-weight: 600;

}

.facilityIcon {

  position: relative;

  margin-right: 0.6rem;

  font-size: 1.1rem;

  width: 12%;

}

.facilityIconImg {

  position: relative;

  width: 100%;

}

.facilityName {

  color: #878c9f;

}

.mppReviewBox {

  position: relative;

  padding-bottom: 1.2rem;

}

.mppReviewBox .review {

  justify-content: flex-start;

}

.mppReviewBox .review-tag {

  margin-left: 1rem;

  margin-right: 0.8rem;

}

.loveBtn {

  font-size: 1.1rem;

}

.filterOverlay {

  display: none;

}



/* FilterTabletView  */



/* Filter View Mobile View  */



/* filterAboveDisplayHide  */

.breadcrumbs.inline-breadcrumbs.fl-wrap.block-breadcrumbs {

  display: none;

}



/* MiddleSortSectionForMobileView  */



.middleSection {

  position: relative;

  display: flex;

  flex-direction: column;

  width: 100%;

  padding: 0.6rem 0.5rem;

}

.selectedFilterOptions {

  position: relative;

  display: flex;

  width: 100%;

  justify-content: space-between;

  overflow-x: auto;

}

.selectedOptionBox {

  position: relative;

  display: flex;

  width: 40%;

  align-items: center;

  font-size: 1rem;

  margin-right: 0.5rem;

  background-color: white;

  justify-content: space-between;

  color: #2e3f6e;

  border-radius: 20px;

  padding: 0.6rem 1rem;

}

.crossBtn {

  position: relative;

  padding: 0 0.5rem;

}

.sortBar {

  position: relative;

  display: flex;

  width: 100%;

  justify-content: space-between;

  align-items: center;

  margin-top: 0.7rem;

  color: #2e3f6e;

  font-size: 1.1rem;

  padding: 0 0.2rem;

}

.sortBtn {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid #2e3f6e;

  background-color: #2e3f6e;

  color: white;

  border-radius: 5px;

  padding: 0.3rem 3rem;

  font-weight: 500;

}

.listViewBoxMobile {

  position: relative;

  font-size: 1.5rem;

}

.small-padding {

  padding-bottom: 15px;

}



/* footerStyles  */



.navbar {

  position: fixed;

  bottom: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #2e3f6e;

  width: 100%;

  z-index: 999;

  padding: 0.6rem 1.5rem;

}



.nav-icon {

  size: 10px;

}



.image-size {

  height: 25px;

  width: 25px;

}



.navbar .innerFooter {

  list-style: none;

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: space-between;

  position: relative;

}



.navbar .footerOptionMobileView {

  position: relative;

  width: 20%;

  color: #ffffff;

  font-size: 2rem;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

}



#circle {

  position: absolute;

  width: 4rem;

  height: 4rem;

  background: linear-gradient(#4db7fe, #033aff, #4db7fe);

  border-radius: 50%;

  top: -2.3rem;

  left: 39%;

  border: 5px solid #ffffff;

  margin-left: 5px;

  transform: scale(1.2);

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  transition: left 0.2s;

  font-display: hide;

}



#item2 {

  opacity: 0;

  font-size: 22px;

}



/* #middle {

  opacity: 0;

} */



#circle {

  font-size: 22px;

}



#circle .home {

  animation: 0.5s moveup linear forwards;

}



@keyframes moveup {

  0% {

    opacity: 0;

    transform: translateY(20px);

  }

  100% {

    opacity: 1;

    transform: translateY(0px);

  }

}



/* tooltip goes here */



.tooltip {

  position: relative;

  display: inline-block;

}



.tooltip .tooltiptext {

  visibility: hidden;

  color: #ffffff;

  text-align: center;

  justify-content: center;

  width: 120px;

  top: 100%;

  left: 50%;

  margin-left: -60px;

  /* Use half of the width (120/2 = 60), to center the tooltip */

  /* Position the tooltip */

  position: absolute;

  z-index: 1;

}



/*text without hover*/



.tooltip .tooltiptext {

  visibility: visible;

  font-size: 9px;

  justify-content: center;

}



/* text for hover  */



/* .tooltip:hover .tooltiptext {

  visibility: visible;

  font-size: 6px;

  justify-content: center;

} */



/* Sort Styles  */

.sortDiv {

  margin-top: 2rem;

}

.sortOption {

  position: relative;

  display: flex;

  width: 100%;

  margin: 0.25rem 0;

  padding: 0 1rem;

  justify-content: space-between;

}

.sortOptName {

  position: relative;

  display: flex;

  width: 60%;

  align-items: center;

  font-size: 0.9rem;

}

.sortSelectBox {

  position: relative;

  display: flex;

  width: 10%;

  align-items: center;

  justify-content: center;

}

.sortCircle {

  position: relative;

  display: flex;

  width: 1.2rem;

  height: 1.2rem;

  align-items: center;

  justify-content: center;

  border: 3px solid #bbb;

  border-radius: 50%;

  padding: 0.15rem;

}

.sortCircle.active {

  border: 3px solid #4db7fe;

}

.sortInnerDot {

  position: relative;

  border-radius: 50%;

  width: 0.7rem;

  height: 0.6rem;

}

.sortInnerDot.active {

  background-color: #4db7fe;

}

.sortingArea {

  height: 33vh;

}



.hide {

  display: none;

}



.displayHeading {

  position: relative;

  text-align: left;

  font-size: 1.5rem;

  font-weight: 600;

  width: 100%;

  padding-left: 1rem;

  padding-top: 5rem;

  color: #999;

}

.mpp-middleBox {

  position: relative;

  display: flex;

  width: 100%;

  padding: 0 1.3rem;

  font-family: "Inter", sans-serif;

  justify-content: space-between;

}

.mpp-propType {

  position: relative;

  display: flex;

  width: 100%;

  align-items: center;

  justify-content: flex-start;

  font-size: 1.1rem;

  font-weight: 600;

}

.mpp-footer {

  position: relative;

  display: flex;

  width: 100%;

  padding: 0.5rem 0;

  flex-direction: column;

  justify-content: space-evenly;

}

.mpp-rent {

  position: relative;

  display: flex;

  width: 100%;

  align-items: center;

  justify-content: flex-start;

  font-size: 1.3rem;

}

.mpp-footer-btns {

  position: relative;

  display: flex;

  width: 100%;

  justify-content: space-between;

  padding: 0 1.3rem;

}

.mpp-btn {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  padding: 0.7rem 2.3rem;

  font-size: 1rem;

  border-radius: 5px;

}

.detailsColor {

  color: white;

  background-color: #ff9900;

}

.editColor {

  color: white;

  background-color: #2e3f6e;

}

.payColor {

  color: white;

  background-color: #00aa25;

}

.deleteColor {

  color: white;

  background-color: #ea2424;

}



.notHomeHeader {

  display: none;

}



.outerNavbar {

  display: none;

}



/* mppNewStyles  */



.mpp-new-design-box {

  position: relative;

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin: 0 7px 7px 7px;

  border-radius: 8px;

  background-color: white;

  width: 96%;

  min-height: 22vh;

  box-shadow: 5px 1px 8px 0 #e6e6e6, 0px -2px 8px 0 #e6e6e6;

}



.mpp-new-leftSection {

  position: relative;

  display: flex;

  background-image: url("https://cdn.pixabay.com/photo/2016/11/18/17/20/living-room-1835923__480.jpg");

  background-position: center;

  border-radius: 8px 0 0 8px;

  height: 100%;

  min-height: 31vh;

  background-size: cover;

  width: 40%;

}

.mpp-new-rightSection {

  position: relative;

  display: flex;

  width: 60%;

}

.mpp-new-ImageOverlay {

  position: relative;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

.mpp-new-reviewTop {

  position: relative;

  width: 100%;

  display: flex;

  justify-content: flex-start;

}

.mppNewFlexBox {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 8px;

  color: white;

  margin-top: 0.5rem;

  margin-left: 0.5rem;

  background-color: #2e3f6e;

  border-radius: 50%;

}



.mpp-new-reviewBottom {

  position: relative;

  display: flex;

  justify-content: space-between;

  width: 100%;

}

.mppNewReview {

  position: relative;

  display: flex;

  width: 70%;

  justify-content: flex-start;

}

.mppNewRatingBox {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0.5rem 0.5rem;

  margin: 0 0 0.5rem 0.5rem;

  background-color: #2e3f6e;

  color: white;

  font-weight: 500;

  border-radius: 5px;

}

.mpp-new-starBox {

  position: relative;

  display: flex;

  justify-content: flex-end;

  align-items: flex-start;

  padding: 0 0 0.5rem 0.2rem;

  flex-direction: column;

  color: white;

}

.mppNewStars {

  position: relative;

  display: flex;

  color: gold;

}



.ownerPanelRight {

  display: flex;

  flex-direction: column;

  align-items: center;

}



.showOnMobile {

  display: none;

}

.showOnMobileNonFlex {

  display: none;

}



.accordionBilling {

  margin: 0;

}

.nameNPhone {

  width: 60%;

}

.middleAdd {

  display: flex;

  flex-direction: column;

}

.branchDetails {

  position: relative;

  display: flex;

  width: 78.7%;

  justify-content: space-between;

}



.selectBankDetails {

  position: relative;

  width: 100%;

}



.sigUpload .box {

  position: relative;

  display: flex;

  flex-direction: column;

  width: 100%;

  align-items: center;

}

.sigUpload .box input[type="file"] {

  display: none;

}

.sigUpload .box label {

  position: relative;

  display: flex;

  width: 90%;

  padding: 4rem 0;

  align-items: center;

  flex-direction: column;

  border: 2px dashed #0d6efd;

  cursor: pointer;

}

.box2 {

  position: relative;

  display: flex;

  flex-direction: column;

  width: 100%;

  align-items: center;

}



.ownerPanelProgressBar {

  display: flex;

  padding-left: 0;

}



.propertyImageUploader {

  border: 2px dashed #0d6efd;

  height: auto;

}



.uploaderBarLabel {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: flex-start;

}



#uploaderBarLabel {

  margin-bottom: 0;

}



.plusIconBox {

  position: relative;

  display: flex;

  border-radius: 50%;

  align-items: center;

  justify-content: center;

  border: 2px solid white;

  margin: 0 0.5rem;

  cursor: pointer;

  padding: 0.2rem;

}

/* .plusIconInner{

  position: relative;

  display: flex;

  border-radius: 50%;

  align-items: center;

  justify-content: center;

  border: 1px solid white;

  padding: 0.2rem;

} */



.imageUploadBarHide {

  cursor: pointer;

}

.imageUploadBarHide label {

  cursor: pointer;

}

.imageUploadBarHide i {

  font-size: 1.5rem;

  color: white;

}



.fileUploadAccordion {

  margin: 0.7rem 0;

}



.space-bet {

  position: relative;

  display: flex;

  justify-content: space-between;

}



.ownerPanelHeaderOut {

  right: 0;

  width: 350px;

}

.ownerPanelHeaderIn {

  padding: 0;

  max-height: 560px;

}

.reservedPanelDate {

  position: relative;

  display: flex;

  align-items: center;

  font-size: 1.1rem;

  color: #051c5c;

}



.flex {

  position: relative;

  display: flex;

  width: 100%;

}

.flex-col {

  position: relative;

  display: flex;

  flex-direction: column;

}



.custom-form label {

  font-size: 17px;

}

.filter-tags label,

.custom-form .filter-tags label {

  font-size: 13px;

}

.furnitureBox {

  margin-top: 3rem;

}



.menuHead {

  position: relative;

  display: flex;

  color: #878c9f;

  font-size: 13px;

  font-weight: 500;

  justify-content: space-between;

  align-items: center;

  width: 100%;

}

.menuSession {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 18%;

}



.flex-wrap {

  flex-wrap: wrap;

}



.amenitiesDropdown {

  position: relative;

  width: 30%;

}



.addDeleteBtns {

  position: relative;

  display: flex;

  width: 10%;

}



@media only screen and (max-width: 728px) {

  .addDeleteBtns {

    width: 26%;

  }

}



.addBtn {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0.7rem 0.2rem;

  font-weight: 500;

  width: 50%;

  cursor: pointer;

}

.delBtn {

  position: relative;

  display: flex;

  align-items: center;

  font-weight: 500;

  justify-content: center;

  cursor: pointer;

  width: 50%;

  padding: 0.7rem 0.2rem;

}

/* /Big Screen View/ */

@media only screen and (min-width: 1600px) and (max-width: 1900px) {

  .mpp-card {

    grid-template-columns: 160px 1fr;

  }

}



/* Mobile View */

@media only screen and (min-width: 520px) and (max-width: 900px) {

  .mpp-card {

    height: 200px;

    grid-template-columns: 140px 1fr;

  }

  .makeSmall {

    position: relative;

    width: 80%;

  }

}



/* Mobile View */

@media only screen and (max-width: 520px) {

  .mpp-card {

    height: 170px;

    grid-template-columns: 135px 1fr;

  }

  .amenitiesDropdown {

    position: relative;

    width: 48%;

  }

}



@media only screen and (max-width: 520px) {

  .mpp-card-body-features {

    grid-template-columns: auto auto auto;

    font-size: 10px;

  }



  .mpp-card-body-features img,

  .mpp-card-body-features a {

    height: 12px;

    width: 12px;

  }



  .mpp-card-body-icon {

    height: 12px;

    width: 12px;

  }

}



@media (max-width: 1450px) {

  .footerElem {

    width: 40%;

  }

}



/* Filter View Mobile View  */

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

  .filterRight {

    width: 100%;

    padding-left: 15px;

  }

  .itemIndi {

    display: none;

  }

  .listing-item-container.nocolumn-lic {

    padding: 0;

  }

  .filterOverlay {

    position: fixed;

    top: 0;

    font-family: "Lato", sans-serif;

    z-index: 100;

    width: 100%;

    display: flex;

    height: 100vh;

    flex-direction: column;

  }

  .filterBlackBox {

    position: relative;

    width: 100%;

    height: 100vh;

    background-color: rgba(0, 0, 0, 0.596);

  }

  .shortLine {

    position: fixed;

    z-index: 999;

    width: 100%;

    display: flex;

    background-color: white;

    align-items: center;

    border-radius: 10px 10px 0 0;

    justify-content: center;

  }

  .lineFilter {

    position: relative;

    width: 25%;

    background-color: rgba(0, 0, 0, 0.6);

    height: 0.2rem;

    border-radius: 2px;

    margin: 0.5rem 0;

  }

  .filterMainBoxMobile {

    position: absolute;

    bottom: 0;

    border-radius: 10px 10px 0 0;

    display: flex;

    flex-direction: column;

    width: 100%;

    background-color: white;

    height: 76vh;

    overflow-y: auto;

  }

  .roundedCorMobileFilter {

    border-radius: 10px 10px 0 0;

  }

  .filterSectionMobile {

    position: relative;

    display: flex;

    flex-direction: column;

    width: 100%;

    align-items: center;

    justify-content: space-evenly;

  }

  .filterItemMobileView {

    position: relative;

    display: flex;

    padding: 0.5rem 0;

    width: 100%;

    flex-direction: column;

    justify-content: space-between;

  }

  .filterMobileHeading {

    color: rgba(0, 0, 0, 0.7);

    font-weight: 700;

    padding: 0.5rem 0.6rem;

    font-size: 0.85rem;

    position: relative;

    align-self: flex-start;

  }

  .filterMobileOptionBox {

    position: relative;

    display: flex;

    width: 100%;

    align-self: center;

    justify-content: space-between;

    overflow-x: auto;

  }

  .sliderDiv {

    position: relative;

    display: flex;

    flex-direction: column;

    width: 100%;

  }

  .sliderBox {

    position: relative;

    display: flex;

    width: 100%;

    justify-content: space-evenly;

    align-items: center;

  }

  #propRange {

    position: relative;

    justify-self: center;

    width: 75%;

  }

  .displayBox {

    position: relative;

    display: flex;

    width: 100%;

    margin-top: 0.5rem;

    justify-content: space-evenly;

  }

  .txtBoxMin,

  .txtBoxMax {

    position: relative;

    width: 50%;

  }

  #minVal,

  #maxVal {

    position: relative;

    width: 50%;

    padding: 0.7rem 0.5rem;

    border: 1px solid #051c5c;

  }

  .filterMobileOption {

    position: relative;

    display: flex;

    width: 40%;

    border: 2px solid #2e3f6e;

    color: #051c5c;

    font-weight: 700;

    border-radius: 12px;

    align-items: center;

    justify-content: center;

    margin: 0 0.5rem;

    padding: 10px 15px;

  }

  .filterMobileOption:hover {

    background-color: #2e3f6e;

    color: white;

  }

  .blueFilled {

    background-color: #2e3f6e;

    color: white;

  }

  .filterOptName {

    position: relative;

    word-wrap: normal;

    width: 100%;

  }

  ::-webkit-scrollbar {

    display: none;

  }

  .mpp-card-mobile {

    display: grid;

    grid-template-columns: 195px 1fr;

    background-color: #fff;

    width: calc(100% - 16px);

    height: 200px;

    border-radius: 8px;

    overflow: hidden;

    box-shadow: 10px 3px 8px 0 #e6e6e6;

    margin: 0px 8px 7px 8px;

  }



  /* /Big Screen View/ */

  @media only screen and (min-width: 1600px) and (max-width: 1900px) {

    .mpp-card-mobile {

      grid-template-columns: 160px 1fr;

    }

  }



  /* Mobile View */

  @media only screen and (min-width: 520px) and (max-width: 900px) {

    .mpp-card-mobile {

      height: 200px;

      grid-template-columns: 140px 1fr;

    }

  }

  .dis-flex {

    display: flex;

  }

  /* Mobile View */

  @media only screen and (max-width: 520px) {

    .mpp-card-mobile {

      height: 153px;

      grid-template-columns: 135px 1fr;

    }

  }



  .mpp-card-img-mobile {

    position: relative;

    overflow: hidden;

  }



  .mpp-card-img-mobile img {

    height: 100%;

    width: 100%;

    object-fit: cover;

  }



  .mpp-card-img-mobile .mpp-card-video-mobile {

    bottom: calc(4px + 4px + 30px);

  }



  .mpp-card-img-mobile .mpp-card-slideshow {

    bottom: 4px;

  }



  .mpp-card-body-mobile {

    padding: 10px;

  }



  .mpp-card-body-features-mobile {

    display: grid;

    grid-template-columns: auto auto;

    width: 100%;

    font-size: 12px;

  }



  .mpp-card-body-features-mobile img {

    height: 14px;

    width: 14px;

  }



  .mpp-card-body-icon-mobile {

    height: 16px;

    width: 16px;

  }



  @media only screen and (max-width: 520px) {

    .mpp-card-body-features-mobile {

      grid-template-columns: auto auto auto;

      font-size: 10px;

    }



    .mpp-card-body-features-mobile img,

    .mpp-card-body-features-mobile a {

      height: 12px;

      width: 12px;

    }



    .mpp-card-body-icon-mobile {

      height: 12px;

      width: 12px;

    }

  }



  .mobileFavorite {

    top: 8px;

    left: 8px;

  }

  .review-outer-box {

    position: absolute;

    left: 0px;

    bottom: 0px;

    width: calc(100% - 8px);

  }

  .review-inner-box {

    position: relative;

    transform: scale(0.6);

    width: 220%;

    left: -3rem;

  }

  .imageSideCardEndOuter {

    display: flex;

    flex-direction: column;

  }

  .mpp-card-body-mobile {

    padding-bottom: 4px;

    border-bottom: 0px solid #eee;

    padding-top: 5px;

    display: flex;

    flex-direction: column;

  }

  .mpp-card-heading-text {

    text-align: left;

    font-size: 1.02rem;

    font-weight: 500;

    padding-bottom: 2px;

  }

  .mppCardAddressOuter {

    text-align: left;

    font-size: 12px;

    color: #555;

  }

  .mppLocationIcon {

    color: red;

    font-size: 10px;

  }

  .mppFacilitiesOuterMobile {

    border-bottom: 1px solid #eee;

    flex: 1;

    display: flex;

    flex-direction: column;

    padding: 8px;

    padding-bottom: 4px;

  }

  .mppFacilitiesInnerMobile {

    flex: 1;

    display: flex;

    align-items: center;

  }

  .facilitiesIconMobile {

    justify-content: flex-start;

    margin-bottom: 4px;

  }

  .facilityImageMobile {

    margin-right: 4px;

  }

  .facilityTextMobile {

    padding-left: 8px;

    margin-bottom: 4px;

  }

  .lowerFacilitiesBox {

    display: grid;

    grid-template-columns: auto auto auto auto;

    font-size: 12px;

    padding-bottom: 4px;

  }

  .mobileLowerOuterBox {

    display: grid;

    grid-template-columns: auto auto;

    padding: 0px 8px;

  }

  .lowerIconBoxMobile {

    justify-content: flex-start;

    padding: 4px 0px;

    align-items: center;

  }

  .mobileLowerOuterBoxRight {

    border-left: 1px solid #eee;

    padding: 4px 0px;

    align-items: center;

  }

  .mobileIconInner {

    position: relative;

    margin-right: 4px;

    height: 35px;

    width: 36px;

    border-radius: 50%;

    background-color: #f75c96;

    padding: 5px;

  }

  .mobileIconInnerRight {

    margin-right: 4px;

    height: 35px;

    width: 36px;

    border-radius: 50%;

    background-color: #5ecfb1;

    padding: 5px;

    align-items: center;

    justify-content: center;

  }

  .homeIconMobile {

    height: 24px;

    width: 24px;

  }

  .rupeeIconMobile {

    height: 15px;

    width: 15px;

  }

  .priceMobile {

    font-size: 14px;

  }

  .list-main-wrap-opt {

    display: none;

  }

  .hideOnMobile {

    display: none;

  }

}



/* FilterTabletView  */

@media (max-width: 1064px) {

  .filterSection {

    width: 35%;

  }

  .filterRight {

    width: 65%;

    padding-left: 15px;

    position: relative;

    display: flex;

  }

  .itemIndi {

    width: 46%;

  }

  .smallOnMobile {

    margin: 0 7px;

  }

}



@media (max-width: 1024px) {

  .pagination.fwmpag {

    margin-top: 8px;

  }

}



@media (min-width: 1600px) {

  .mpp-card {

    height: 32vh;

  }

}

@media (max-width: 1064px) {

  .mpp-card {

    height: 27vh;

  }

  .mpp-rent {

    font-size: 1.5rem;

  }

  .mpp-propType {

    display: none;

  }

  .mpp-middleBox {

    padding: 0 0.8rem;

  }

  .ownerPanelLeft {

    display: none;

  }

  .ownerPanelRight {

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 0 6px;

    margin-top:62px;

  }

  .mpp-btn {

    padding: 0.7 0;

    width: 23%;

  }

  .mpp-footer-btns {

    padding: 0 0.8rem;

  }

  .mobileViewPanelHeading {

    margin: 6px 0;

  }

  .mobileViewPanelHeading h3 {

    text-align: center;

  }

  .noPadding {

    padding: 0;

  }

}

@media (max-width: 769px) {

  .mpp-card {

    height: 32vh;

  }

  .mpp-rent {

    font-size: 1.5rem;

  }

  .mpp-propType {

    display: none;

  }

  .mpp-middleBox {

    padding: 0 0.8rem;

  }

  .mpp-btn {

    padding: 0.7rem 0;

    width: 23%;

  }

  .mpp-footer-btns {

    padding: 0 0.8rem;

  }

  .ownerPanelLeft {

    display: none;

  }

  .mppReviewBox .review {

    width: 100%;

  }

  .reservedPanelDate {

    font-size: 0.8rem;

  }

}



@media (max-width: 1450px) {

  .review {

    width: 70%;

  }

}



/* /Big Screen View/ */

@media only screen and (min-width: 1600px) and (max-width: 1900px) {

  .mpp-card {

    grid-template-columns: 160px 1fr;

  }

}



/* Mobile View */

@media only screen and (min-width: 520px) and (max-width: 900px) {

  .mpp-card {

    height: 200px;

    grid-template-columns: 140px 1fr;

  }

}



/* Mobile View */

@media only screen and (max-width: 520px) {

  .mpp-card {

    height: 170px;

    grid-template-columns: 135px 1fr;

  }

}



@media only screen and (max-width: 520px) {

  .mpp-card-body-features {

    grid-template-columns: auto auto auto;

    font-size: 10px;

  }



  .mpp-card-body-features img,

  .mpp-card-body-features a {

    height: 12px;

    width: 12px;

  }



  .mpp-card-body-icon {

    height: 12px;

    width: 12px;

  }

}

@media (max-width: 1450px) {

  .footerElem {

    width: 40%;

  }

}



@media (max-width: 1064px) {

  .filterSection {

    width: 35%;

  }

  .filterRight {

    width: 65%;

    padding-left: 15px;

    position: relative;

    display: flex;

  }

  .itemIndi {

    width: 46%;

  }

}



/* Filter Mobile View  */



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

  .filterRight {

    width: 100%;

    padding-left: 15px;

  }

  .itemIndi {

    display: none;

  }

  .listing-item-container.nocolumn-lic {

    padding: 0;

  }

  .filterOverlay {

    position: fixed;

    top: 0;

    font-family: "Lato", sans-serif;

    z-index: 100;

    width: 100%;

    display: flex;

    height: 100vh;

    flex-direction: column;

  }

  .filterBlackBox {

    position: relative;

    width: 100%;

    height: 100vh;

    background-color: rgba(0, 0, 0, 0.596);

  }

  .shortLine {

    position: fixed;

    z-index: 999;

    width: 100%;

    display: flex;

    background-color: white;

    align-items: center;

    border-radius: 10px 10px 0 0;

    justify-content: center;

  }

  .lineFilter {

    position: relative;

    width: 25%;

    background-color: rgba(0, 0, 0, 0.6);

    height: 0.2rem;

    border-radius: 2px;

    margin: 0.5rem 0;

  }

  .filterMainBoxMobile {

    position: absolute;

    bottom: 0;

    border-radius: 10px 10px 0 0;

    display: flex;

    flex-direction: column;

    width: 100%;

    background-color: white;

    height: 76vh;

    overflow-y: auto;

  }

  .roundedCorMobileFilter {

    border-radius: 10px 10px 0 0;

  }

  .filterSectionMobile {

    position: relative;

    display: flex;

    flex-direction: column;

    width: 100%;

    align-items: center;

    justify-content: space-evenly;

  }

  .filterItemMobileView {

    position: relative;

    display: flex;

    padding: 0.5rem 0;

    width: 100%;

    flex-direction: column;

    justify-content: space-between;

  }

  .filterMobileHeading {

    color: rgba(0, 0, 0, 0.7);

    font-weight: 700;

    padding: 0.5rem 0.6rem;

    font-size: 0.85rem;

    position: relative;

    align-self: flex-start;

  }

  .filterMobileOptionBox {

    position: relative;

    display: flex;

    width: 100%;

    align-self: center;

    justify-content: space-between;

    overflow-x: auto;

  }

  .sliderDiv {

    position: relative;

    display: flex;

    flex-direction: column;

    width: 100%;

  }

  .sliderBox {

    position: relative;

    display: flex;

    width: 100%;

    justify-content: space-evenly;

    align-items: center;

  }

  #propRange {

    position: relative;

    justify-self: center;

    width: 75%;

  }

  .displayBox {

    position: relative;

    display: flex;

    width: 100%;

    margin-top: 0.5rem;

    justify-content: space-evenly;

  }

  .txtBoxMin,

  .txtBoxMax {

    position: relative;

    width: 50%;

  }

  #minVal,

  #maxVal {

    position: relative;

    width: 50%;

    padding: 0.7rem 0.5rem;

    border: 1px solid #051c5c;

  }

  .filterMobileOption {

    position: relative;

    display: flex;

    width: 40%;

    border: 2px solid #2e3f6e;

    color: #051c5c;

    font-weight: 700;

    border-radius: 12px;

    align-items: center;

    justify-content: center;

    margin: 0 0.5rem;

    padding: 10px 15px;

  }

  .filterMobileOption:hover {

    background-color: #2e3f6e;

    color: white;

  }

  .blueFilled {

    background-color: #2e3f6e;

    color: white;

  }

  .filterOptName {

    position: relative;

    word-wrap: normal;

    width: 100%;

  }

  ::-webkit-scrollbar {

    display: none;

  }

  .mpp-card-mobile {

    display: grid;

    grid-template-columns: 195px 1fr;

    background-color: #fff;

    width: calc(100% - 16px);

    height: 200px;

    border-radius: 8px;

    overflow: hidden;

    box-shadow: 10px 3px 8px 0 #e6e6e6;

    margin: 0px 8px 7px 8px;

  }



  /* /Big Screen View/ */

  @media only screen and (min-width: 1600px) and (max-width: 1900px) {

    .mpp-card-mobile {

      grid-template-columns: 160px 1fr;

    }

  }



  /* Mobile View */

  @media only screen and (min-width: 520px) and (max-width: 900px) {

    .mpp-card-mobile {

      height: 200px;

      grid-template-columns: 140px 1fr;

    }

  }

  .dis-flex {

    display: flex;

  }

  /* Mobile View */

  @media only screen and (max-width: 520px) {

    .mpp-card-mobile {

      height: 153px;

      grid-template-columns: 135px 62%;

    }

  }



  .mpp-card-img-mobile {

    position: relative;

    overflow: hidden;

  }



  .mpp-card-img-mobile img {

    height: 100%;

    width: 100%;

    object-fit: cover;

  }



  .mpp-card-img-mobile .mpp-card-video-mobile {

    bottom: calc(4px + 4px + 30px);

  }



  .mpp-card-img-mobile .mpp-card-slideshow {

    bottom: 4px;

  }



  .mpp-card-body-mobile {

    padding: 10px;

  }



  .mpp-card-body-features-mobile {

    display: grid;

    grid-template-columns: auto auto;

    width: 100%;

    font-size: 12px;

  }



  .mpp-card-body-features-mobile img {

    height: 14px;

    width: 14px;

  }



  .mpp-card-body-icon-mobile {

    height: 16px;

    width: 16px;

  }



  @media only screen and (max-width: 520px) {

    .mpp-card-body-features-mobile {

      grid-template-columns: auto auto auto;

      font-size: 10px;

    }



    .mpp-card-body-features-mobile img,

    .mpp-card-body-features-mobile a {

      height: 12px;

      width: 12px;

    }



    .mpp-card-body-icon-mobile {

      height: 12px;

      width: 12px;

    }

  }



  .mobileFavorite {

    top: 8px;

    left: 8px;

  }

  .review-outer-box {

    position: absolute;

    left: 0px;

    bottom: 0px;

    width: calc(100% - 8px);

  }

  .review-inner-box {

    position: relative;

    transform: scale(0.6);

    width: 220%;

    left: -3rem;

  }

  .imageSideCardEndMobileOuter {

    display: flex;

    flex-direction: column;

  }

  .mpp-card-body-mobile {

    padding-bottom: 4px;

    border-bottom: 0px solid #eee;

    padding-top: 5px;

    display: flex;

    flex-direction: column;

  }

  .mpp-card-heading-text {

    text-align: left;

    font-size: 1.02rem;

    font-weight: 500;

    padding-bottom: 2px;

  }

  .mppCardAddressOuter {

    text-align: left;

    font-size: 12px;

    color: #555;

  }

  .mppLocationIcon {

    color: red;

    font-size: 10px;

  }

  .mppFacilitiesOuterMobile {

    border-bottom: 1px solid #eee;

    flex: 1;

    display: flex;

    flex-direction: column;

    padding: 8px;

    padding-bottom: 4px;

  }

  .mppFacilitiesInnerMobile {

    flex: 1;

    display: flex;

    align-items: center;

  }

  .facilitiesIconMobile {

    justify-content: flex-start;

    margin-bottom: 4px;

  }

  .facilityImageMobile {

    margin-right: 4px;

  }

  .facilityTextMobile {

    padding-left: 8px;

    margin-bottom: 4px;

  }

  .lowerFacilitiesBox {

    display: grid;

    grid-template-columns: auto auto auto auto;

    font-size: 12px;

    padding-bottom: 4px;

  }

  .mobileLowerOuterBox {

    position: relative;

    display: flex;

    width: 100%;

    padding: 0;

  }

  .lowerIconBoxMobile {

    justify-content: flex-start;

    padding: 4px 0px;

    align-items: center;

  }

  .mobileLowerOuterBoxRight {

    border-left: 1px solid #eee;

    padding: 4px 0px;

    align-items: center;

  }

  .mobileIconInner {

    position: relative;

    margin-right: 4px;

    height: 35px;

    width: 36px;

    border-radius: 50%;

    background-color: #f75c96;

    padding: 5px;

  }

  .mobileIconInnerRight {

    margin-right: 4px;

    height: 35px;

    width: 36px;

    border-radius: 50%;

    background-color: #5ecfb1;

    padding: 5px;

    align-items: center;

    justify-content: center;

  }

  .homeIconMobile {

    height: 24px;

    width: 24px;

  }

  .rupeeIconMobile {

    height: 15px;

    width: 15px;

  }

  .priceMobile {

    font-size: 14px;

  }

  .list-main-wrap-opt {

    display: none;

  }

  .hideOnMobile {

    display: none;

  }

}



@media (max-width: 1064px) {

  .hideOnMobile {

    display: none;

  }

  .showOnMobile {

    display: flex;

  }

  .showOnMobileNonFlex {

    display: unset;

  }

}



@media (max-width: 1024px) {

  .pagination.fwmpag {

    margin-top: 8px;

  }

}



/* Extra Large Screen  */

@media (min-width: 2000px) {

  .mpp-head-name {

    font-size: 2.5rem;

  }

  .mpp-head-subName {

    font-size: 1.5rem;

  }

  .propID {

    font-size: 1.6rem;

  }

  .mppID {

    font-size: 1.6rem;

  }

  .propDealPhoNo {

    font-size: 1.6rem;

  }

  .facilitiesItem {

    font-size: 1.2rem;

  }

  .mpp-num-rooms {

    font-size: 1.5rem;

  }

  .mpp-rent {

    font-size: 1.6rem;

  }

  .mpp-propType {

    font-size: 1.6rem;

  }

  .mpp-btn {

    font-size: 1.5rem;

  }

  .review {

    width: 65%;

  }

  .review-tag {

    font-size: 1.5rem;

  }

  .review-body {

    font-size: 1.5rem;

  }

  .review-body .reviewText {

    font-size: 1.5rem;

  }

  .no-list-style li {

    font-size: 1.2rem;

  }

  .no-list-style .fal {

    padding-right: 1.2rem;

  }

}



@media (max-width: 1064px) {

  .mppCardsBox {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 0;

    width: 100%;

  }

}



@media (max-width: 1064px) {

  /* .main-header {

    display: none;

  } */

  .notHomeHeader {

    position: relative;

    display: flex;

    z-index: 100;

    width: 100%;

    justify-content: space-between;

    align-items: center;

  }

  .headerLeft {

    position: relative;

    display: flex;

    width: 55%;

    justify-content: flex-start;

    align-items: center;

    height: 8vh;

    color: white;

    font-size: 1.1rem;

    font-weight: 600;

    background-color: #2e3f63;

    padding-left: 6px;

    

  }

  .headerRight {

    position: relative;

    display: flex;

    width: 45%;

    justify-content: space-evenly;

    align-items: center;

    height: 8vh;

    font-size: 1.3rem;

    color: white;

    background-color: #3d528b;

  }

  .profilePic {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 20%;

    border-radius: 50%;

  }

  .proPicImgHeader {

    position: relative;

    width: 100%;

    border-radius: 50%;

  }

  .chatNumber {

    position: absolute;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 0.5rem;

    width: 1rem;

    height: 1rem;

    top: 1.9rem;

    right: 77%;

    border-radius: 50%;

    background-color: #5ecfb1;

    color: white;

  }



  .menuBarBtn {

    display: none;

  }

  .menuOverlay {

    position: fixed;

    display: flex;

    justify-content: flex-end;

    width: 100%;

    top: 0;

    height: 100vh;

    z-index: 100;

    background-color: #000000bd;

  }

  .menuOverlayLeft {

    position: fixed;

    display: flex;

    justify-content: flex-end;

    width: 100%;

    top: 0;

    height: 100vh;

    z-index: 100;

    background-color: #000000bd;

  }

  .overlayLeft {

    position: relative;

    width: 32%;

    height: 100vh;

    overflow-y: auto;

    z-index: 1000;

    background-color: transparent;

  }

  .menuShadowBox {

    position: relative;

    width: 68%;

    height: 100vh;

    overflow-y: auto;

    z-index: 999;

    background-color: white;

    animation: sideBarView 0.7s;

  }

  .menuShadowBoxLeft {
    min-width: 245px;
    position: relative;

    width: 100%;

    height: 100vh;

    overflow-y: auto;

    z-index: 999;

    background-color: white;

    animation: sideBarViewLeft 0.7s;

  }



  .requestedOverlay {

    position: absolute;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    top: 0;

    height: 100vh;

    z-index: 100;

    background-color: #000000bd;

  }



  .requestVisible {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-evenly;

    background-color: #f6f6f6;

    border-radius: 10px;

    padding: 1.7rem 0;

    width: 85%;

  }



  .requestStatus {

    position: relative;

    display: flex;

    align-items: center;

    background: #2e3f6e;

    font-family: "Poppins", sans-serif;

    border-radius: 50px;

    padding: 2px 2px;

    font-size: 1.03rem;

    width: 80%;

  }



  .requestStatusInnerCircle {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: white;

    padding: 0.5rem 1rem;

    border-radius: 50%;

  }



  .requestStatusText {

    color: white;

    font-weight: 500;

    margin-left: 1rem;

  }



  .requestDescription {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: justify;

    width: 75%;

    margin: 1rem 0;

    color: #2e3f6e;

    font-weight: 500;

    background-color: white;

    border-radius: 7px;

    padding: 1rem 1rem;

  }



  .requestGoButton {

    position: relative;

    background: #2e3f6e;

    padding: 0.7rem 1rem;

    color: white;

    font-size: 1.03rem;

    font-weight: 400;

    border-radius: 10px;

  }



  @keyframes sideBarView {

    0% {

      left: 100%;

    }

    100% {

      left: 0%;

    }

  }

  @keyframes sideBarViewLeft {

    0% {

      right: 100%;

    }

    100% {

      right: 0%;

    }

  }



  .menuShadowBox .user-profile-menu {

    position: relative;

    top: 1rem;

  }

  .menuShadowBoxLeft .user-profile-menu {

    position: relative;

    top: 1rem;

  }

}



@media (max-width: 769px) {

  .mpp-head-name {

    font-size: 0.9rem;

  }

  .mpp-head-subName {

    font-size: 0.7rem;

  }

  .facilityName {

    font-size: 0.7rem;

  }

  .facilityIcon {

    width: 25%;

  }

  .facilitiesItem {

    width: 33%;

  }

  .mpp-num-rooms {

    font-size: 0.8rem;

    padding: 0 0.1rem;

    flex-wrap: wrap;

  }

  .bedHallBathKit {

    width: 23%;

  }

  .mpp-rent {

    font-size: 0.9rem;

    margin: 0.4rem 0;

  }

  .mpp-propType {

    display: none;

  }

  .mpp-middleBox {

    flex-direction: column;

    align-items: center;

    padding: 0 0.5rem;

  }

  .mpp-footer-btns {

    flex-wrap: wrap;

    padding: 0 0.3rem;

  }

  .mpp-btn {

    font-size: 0.8rem;

    padding: 0.4rem 0;

    width: 23%;

    margin: 0 0.08rem;

  }

  .boldText {

    font-weight: 600;

  }

  .largeBtn {

    width: 40%;

  }

  .tenantDetailsColor {

    background-color: #2e3f6e;

    color: white;

  }

}

@media (min-width: 390px) {

  .mpp-new-leftSection {

    min-height: unset;

    height: 31vh;

  }

}



@media (max-width: 1450px) {

  .review {

    width: 70%;

  }

}



@media (max-width: 1064px) {

  .hideOnMobile {

    display: none;

  }



  .showOnMobile {

    display: flex;

  }

  .showOnMobilePos {

    position: fixed;

    display: flex;

  }

  .nameNPhone {

    width: 85%;

    font-size: 0.9rem;

    font-weight: 600;

  }

}

/* form color bar here */

/* desktop view */

.style-subHeader {

  background-color: #0f3a7f;

  padding: 1.5% 3% 1.5% 2%;

  border-radius: 6px;

  cursor: pointer;

}



.style-subHeader-color {

  background-color: #2368bff5;

  padding: 2% 3% 2% 2%;

  border-radius: 6px;

  cursor: pointer;

}

.myPadding {

  padding: 0 1.5%;

}

/* mobile view */

@media (max-width: 768px) {

  .style-subHeader {

    padding: 4% 3% 4% 3%;

    cursor: pointer;

  }

  .style-subHeader-color {

    padding: 5% 3% 5% 3.5%;

    cursor: pointer;

    font-size: small !important;

  }

  .myPadding {

    padding: 0 5.2%;

  }

}

/* tab view */

@media (max-width: 1100px) {

  .style-subHeader {

    padding: 2.5% 3% 2.5% 3%;

    cursor: pointer;

  }

  .style-subHeader-color {

    padding: 3% 3% 3% 3.5%;

    cursor: pointer;

    font-size: small !important;

  }

}



/* ending */



/* form redirection create property  */

.firstMarginAdjust {

  margin-bottom: 45%;

}

.secondMarginAdjust {

  margin-bottom: 80%;

}



.adjustHeight {

  height: 100vh;

}



/* banking */

.adjustPadding {

  padding: 50px 0;

}