@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
body { font-family: 'Nunito', sans-serif; line-height: 28px; padding: 0; background: #FFFFFF; font-size: 14px; color: #404040; overflow-x: hidden; }
html{overflow-x: hidden; }

/**map_search_deafult_css**/
.map_search h1, .map_search h2, .map_search h3, .map_search h4, .map_search h5, .map_search h6 { font-family: 'Nunito Sans', sans-serif; font-weight:700; color:#000; margin: 0; }
.map_search h1{ font-size: 25px; }
.map_search h2{ font-size: 23px; }

.map_search p, .map_search label, .map_search input,.map_search button, .map_search a{ font-family: 'Nunito Sans', sans-serif;}

.map_search section{ padding:60px 0;}
.map_search label{ margin: 0; padding: 0; font-weight: 400; }
.map_search address{ font-family: 'Nunito Sans', sans-serif; color:#bfbfbf;  font-size:14px; margin:0 0 13px 0;}
.map_search p { margin: 0 0 0px; padding: 0; color:#2f2f2f; font-size:14px;  }
.map_search select {line-height: 28px; margin: 0 3px;}
.map_search input[type="text"] {line-height: 28px; margin: 0 0px; background: #f3faff; border: 1px solid #c9e9ff; color: #000000; padding: 5px 10px; border-radius: 5px; font-weight: 500; }
/*.map_search img { border: none; outline: none; max-width: 100%; height: auto }*/
.map_search ol, .map_search ul { list-style: none; padding: 0px; }

.map_search input, .map_search textarea {font-family: 'Nunito', sans-serif; outline: none; color: #000000;  }
.map_search a {font-family: 'Nunito', sans-serif; border: none; color: #000000; outline: none; text-decoration: none; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;  -ms-transition: all 0.4s; }

.map_search option{ background-color: #f3faff; padding:5px;}
.map_search section {padding-top: 0 !important;}

.map_search .form-control::placeholder{ color: #000000;}

.map_search .form-control{ background: #f3faff; border: 1px solid #c9e9ff; color: #000000; box-shadow: none;  transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s;  }
.map_search .form-control:hover, .map_search .form-control:focus, .map_search .form-control:active{background: #ecf7ff; border: 1px solid #c9deec; box-shadow: inset 0px 3px 4px #d8efff;}

.map_search::placeholder { color: #000000; opacity: 1;}
.map_search:-ms-input-placeholder { color: #000000;}
.map_search::-ms-input-placeholder {color: #000000;}

.map_search button:focus, .map_search button:hover, .map_search button:active{ border: 0px solid #efefef; background: rgba(0,0,0,0); outline: none; box-shadow: none; -webkit-box-shadow: none; }
.map_search select:focus, .map_search select:hover, .map_search select:active{ border: 0px solid #efefef; background: rgba(0,0,0,0); outline: none; box-shadow: 0px 0px 3px #b1dfff; -webkit-box-shadow: 0px 0px 3px #b1dfff; }

.map_search .dropdown-menu{background-color: #ffffff;}

/**padding_margin_class**/
.no_margin{ margin: 0 !important;}
.no_padding{ padding: 0 !important;}
.mt20{ margin-top: 20px;}
.padding_5{ padding: 0 5px;}
.margin_4{ margin: 0 4px;}

.sm_marginr5{ margin-right: 5px; }
.sm_marginr3{ margin-right: 3px; }

.sm_marginl5{ margin-left: 5px; }
.sm_marginl3{ margin-left: 3px; }

/**modify_css**/
main>div.container {padding-top: 0px; width: 98% !important;}
#wzonePage_section1{ display: none; }
section#wzonePage_section2 {padding-bottom: 0px;}
.gm-iv-address-link {top: 85px;}
.gm-fullscreen-control {top: 40px !important;}
.gm-iv-small-container {margin-top: 50px; margin-left: 11px;}
.gm-iv-address {margin-top: 50px; padding-left: 11px;}
.gm-iv-marker{top: 68px;}

/**common_classes**/
.clustericon {background: var(--cluster-color); color: #fff; border-radius: 100%; font-weight: bold; font-size: 15px; display: flex; align-items: center; }
.clustericon::before, .clustericon::after {content: ""; display: block; position: absolute; width: 100%; height: 100%; transform: translate(-50%, -50%);
    top: 50%; left: 50%; background: var(--cluster-color); opacity: 0.2; border-radius: 100%;}
.clustericon::before { padding: 7px; }
.clustericon::after { padding: 14px; }
.clustericon-1 { --cluster-color: #00a2d3;}
.clustericon-1.active {transform:scale(2,2);}
.clustericon-2 {--cluster-color: #ff9b00;}
.clustericon-2.active {transform:scale(2,2);}
.clustericon-3 { --cluster-color: #ff6969;}
.clustericon-3.active {transform:scale(2,2);}

.common_select {-moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; background: #f3faff url("/image/drop_arrow.png") no-repeat 93% center; background-size: 9px;}
.common_select:hover, .common_select:focus{background: #ffffff url("/image/drop_arrow.png") no-repeat 93% center; background-size: 9px ;}

select::-ms-expand { display: none;}
.animated{-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}

.for_sold { background-color:#f54848; color: #ffffff !important;}
.inner_listingsec:hover .for_sold{border: 1px solid #f54848; color: #f54848 !important; background-color: rgba(0,0,0,0);}

.sold { background-color:#f54848; color: #ffffff !important;}
.inner_listingsec:hover .sold{border: 1px solid #f54848; color: #f54848 !important; background-color: rgba(0,0,0,0);}

.for_sale { background-color:#3a77d4; color: #ffffff !important;}
.inner_listingsec:hover .for_sale{ color: #3a77d4 !important; border: 1px solid #3a77d4; background-color: rgba(0,0,0,0); }

.for_lease { background-color:#f17500; color: #ffffff !important;}
.inner_listingsec:hover .for_lease{ border: 1px solid #f17500; color: #f17500 !important; background-color: rgba(0,0,0,0); }

@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}

/**gif_loader**/
.gifloader img {position: absolute; left: 50%; top: 34%; z-index: 1; width: 150px;}
/* .gifloader {position: absolute; top: 0; right: 0; left: 0; bottom: 0; text-align: center; z-index: 1; display: flex; justify-content: center; align-items: center;} */
.map_search { height: 100%; overflow: hidden; width: 100%; position: relative;}

/**button_dropdown**/
.button_dropdownsec .dropdown-menu {padding: 10px; background: #ffffff; border: 1px solid #c9e9ff; box-shadow: 0px 5px 10px #6791ad6b; margin-top: 8px; }
.button_dropdownsec .dropdown-menu input[type=checkbox] {position: relative; top: 2px; margin: 0 4px 0 0;}

/**uppersec_mapsearch**/
.outer_mapsearchfield_sec{ width: 100%; height: auto; margin: 0; }
.map_tabsec {margin: 0px;}
.map_navsec{ margin-bottom: 0px; margin-top: 10px; }
.map_navsec ul{ background: #f3faff; border: 1px solid #c9e9ff; border-radius: 5px; display: inline-block; }
.map_navsec ul li{width: auto;}
.map_navsec ul li a{ text-transform: uppercase; font-weight: 700; border: 1px solid rgba(0,0,0,0); margin:0px; color: #969696; padding: 6px 13px 4px; font-size: 13px; }
.map_navsec ul li a i { margin: 0 5px 0 0;}
.map_navsec ul li a:hover{ background: #e2f3ff; }
.map_navsec .nav-pills>li.active>a, .map_navsec .nav-pills>li.active>a:focus, .map_navsec .nav-pills>li.active>a:hover{ background: #ffd94f; color: #000000; border: 1px solid #a8a3a3; }

.resicomm_mainsec{ display: flex; flex-wrap: wrap; }
.resicomm_mainsec .dropdown-menu{ /*jenni*/ z-index:100001; }
.resicomm_mainsec .dd-range { min-height: auto; overflow: auto; max-height: 400px;}

.resicomm_mainsec .form_fields{ margin-right: 5px; margin-bottom: 0px; }
.resicomm_mainsec .search_input input{ width: 295px; padding-left: 25px; height: 40px; }
.resicomm_mainsec .search_input input::placeholder {color: #000000;}

.resicomm_mainsec .search_input{ position: relative; }
.resicomm_mainsec .search_input i.fa-search{ position: absolute; top: 14px; left: 10px; font-size: 12px; }
.form_fields button{ background: #f3faff; border: 1px solid #c9e9ff; color: #000000; padding: 0px 5px 0 5px; border-radius: 5px; height: 40px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; /**display: flex;**/   }
.form_fields button:hover, .form_fields button:focus, .form_fields button:active{background: #ecf7ff; border: 1px solid #c9deec; box-shadow: inset 0px 3px 4px #d8efff;}
.form_fields .btn-group.open .dropdown-toggle{background: #ecf7ff; border: 1px solid #c9deec; box-shadow: inset 0px 3px 4px #d8efff;}

.filter-option {display: flex; justify-content: center; align-items: center;}
.form_fields button span {margin: 0 8px 0 0; font-weight: 400; color: #000000; text-align: left; line-height: 24px; font-family: 'Nunito Sans', sans-serif;}
.form_fields i.fa-angle-down {font-size: 11px; margin-left: 0px; margin-top: 0; color: #425969;}
.form_fields select{ border: 1px solid #c9e9ff; color: #000000; padding: 0 25px 0 5px; border-radius: 5px; height: 40px; /*background: #f3faff;*/  }


.priceminmax input[type=text]{ background: none; border: none; margin: 0; padding: 0; cursor: pointer; }
.maplist_tabsec ul {text-align: center; background: #f3faff; border: 1px solid #c9e9ff; border-radius: 4px;}
.maplist_tabsec ul li {padding: 0px; display: inline-block; margin: 0;}
.maplist_tabsec ul li a i {font-size: 11px; padding: 0 3px 0 0;}
.maplist_tabsec ul li a {border: 1px solid rgba(0,0,0,0); margin: 0px; color: #676767; padding: 0px 6px 0px; border-radius: 4px; font-size: 13px; cursor: pointer; font-weight: 600;
  display: block; margin: 0;}
.maplist_tabsec ul li a:hover{ background: #e2f3ff; }
.maplist_tabsec ul li.active a { background: #ffd94f; color: #000000; border: 1px solid #a8a3a3; }

.maplist_tabsec {position: absolute; top: 15px; right: 10px; z-index: 92;}
.search_btnsec button {
    background: #516e81;
    font-weight: 500;
    color: #ffffff;
    border: 1px solid rgba(0,0,0,0);
    text-transform: uppercase;
    width: auto;
    padding: 0px 10px;
    font-size: 15px;
}
.search_btnsec button:hover, .search_btnsec button:focus{ color:#021d2e;  }

.autocomplete_search {margin: 4px 0 0 0; position: absolute; z-index: 999999; background: #f3faff; width: 294px; height: 220px; overflow: auto; border: 1px solid #c9e9ff; border-radius: 5px; display: none;}
.autocomplete_search ul{ margin: 0px;}
.autocomplete_search ul li {padding:3px 10px; font-weight: 600; color: #1d2b33; border-bottom: 1px solid #e2f3ff;}
.autocomplete_search ul li:last-child{ border-bottom: none;}
.autocomplete_search ul li:hover{ background:#f3faff;}

#residential .autocomplete_search ul li:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f015"; margin-right: 8px;}
#commercial .autocomplete_search ul li:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1ad"; margin-right: 8px;}

/**map_and_list**/
.outer_maplist_sec {width: 100%; position: relative; height: 100%; margin-top: 15px;}
.main_listing_sec {position: absolute; width: 30%; left: 0px; background: #f3faff; padding:0px 10px 10px; height: 100%; overflow: auto; z-index: 15;}

.main_mapsec{ width: 100%;}
#divMap{ width: 100%; /**height: 86vh;**/ height: 780px; }

/* .main_mapsec iframe{ width: 100%; height: 86vh; } */
/* .maplogin{ width: 235px; border-radius: 8px; float: left; padding-bottom: 0px; margin-right: 9px; margin-bottom: 10px; position: relative; overflow:hidden;}   */
.outer_listingsec {width: 100%; padding: 0px; clear: both; display: flex; flex-wrap: wrap; justify-content: space-between;}
.maplogin{ position: relative;}
.maplogin:before {
    position: absolute; width: 100%; height: 100%; z-index: 9; background: #FFEFBA; background: -webkit-linear-gradient(to bottom, #cfecff, #fbdf7d);
    background: linear-gradient(to bottom, #cfecff, #fbdf7d); opacity: 0.8; content: ""; font-family: 'Font Awesome 5 Free'; font-weight: 600; content: "\f023"; 
    color: #000000; font-size: 23px; text-align: center; top: 0; padding: 0 0 76px 0; display: flex; align-items: center; justify-content: center; margin: 0; }
.maplogin:after {position: absolute; z-index: 9; content: "LOGIN TO ACCESS THE LISTINGS"; text-align: center; width: 100%; height: 100%; top: 0; left: 0; font-weight: 500; margin: 0 0;
    padding: 0 20px 0; line-height: 16px; color: #423400; display: flex; align-items: center; justify-content: center; font-size: 13px; font-family: 'Nunito', sans-serif;}

.maplogin .listing_imgsec{  -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px);}
.maplogin .listing_detailsec{  -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px);}

.inner_listingsec { cursor:pointer; background: #ffffff; border: 1px solid #e1f3ff; width: 49%; border-radius: 5px; overflow: hidden; padding-bottom: 0px; margin-right: 0px; margin-bottom: 15px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.inner_listingsec:hover {background: #ffffff; box-shadow: 2px 3px 10px #c9d9e4;  transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02);
  -ms-transform: scale(1.02);}
.inner_listingsec:nth-child(even){ margin-right: 0px;}
.inner_listingsec:hover .listingfeatures ul li{ background-color: #ffffff;}
.inner_listingsec:hover .listing_mlsno h2{ background-color: #ffffff;}

.listingprice {padding: 20px 0 0 0;}
.listingprice h2 {font-size: 18px; margin: 0 0 8px 0;}
.listingprice h2 small {display: block; margin: 5px 0 13px 0px;}
.listing_mlsno h2 {position: absolute; left: 0px; top: 8px; font-size: 11px; background: #f3faff; color: #909090; border-radius: 3px; padding: 0;}
.listing_detailsec{ position: relative;}
.listing_detailsec {margin: 0 10px; padding-top: 10px;}
.listingtype { display:none; padding-bottom: 0px; position: absolute; top: -31px; right: 0; background: #e4f4ff; border-radius: 50%; height: 25px; width: 25px; text-align: center;}
.listingtype span {color: #000000; font-weight: 700; font-size: 13px; display: block;}

.listingaddress {padding: 0 0 15px 0;}
.listingaddress span{ color: #525252; display: flex;  }
.listingaddress span i{ margin: 0 5px 0 0; line-height: 1; }
.listingaddress span p {line-height: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 600; font-size: 13px; color: #676767; text-transform: capitalize;}
.listingfeatures ul {display: flex; margin: 0 0 5px 0;}
.listingfeatures ul li {margin: 0 2px 0 0; font-size: 13px; background: #f3faff; border-radius: 4px; padding: 0 8px; line-height: 24px; border: 1px solid #d7eefd;}
.listing_imgsec {height: 160px; overflow: hidden; display: flex; justify-content: center;  align-items: center;}

.listing_imgsec img{ margin: auto; text-align: center; width: 100%;  height: inherit; }

.listing_brokerage {background: #e4f4ff; margin: 10px -10px 0; padding: 5px 10px;}
.listing_brokerage p {font-size: 11px; line-height: 1; padding: 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; font-weight: 700; color: #465e6f;}
.listing_brokerage p span {/* color: #3d5465; */ font-weight: 400;}

.salelease_linksec {position: absolute; top: 4px; right: -5px;}
.salelease_linksec a {font-size: 12px; text-align: left; padding: 2px 3px; border-radius: 3px; font-weight: 500;}
.close_detailfilter {float: right; position: relative; top: -27px; right: 4px; font-size: 20px; color: #516e81; font-weight: 700; cursor: pointer;}
.close_detailfilter:hover{ opacity: 0.5;}

/*additionalmaplist_sec**/
.list_inner_listingsec .inner_listingsec {width: 100%; margin: 0 0px 0 0px; overflow: hidden; padding-bottom: 0; margin-bottom: 10px; display: flex; position: relative;}
.list_inner_listingsec .listingprice h2 {font-size: 16px; margin: 0 0 8px 0;}
.list_inner_listingsec .listingtype span{ font-size: 13px;}
.list_inner_listingsec .listingaddress span p{ font-size: 13px;}
.list_inner_listingsec .inner_listingsec .listingfeatures ul li {margin: 0 2px 0 0; font-size: 13px; line-height: 18px;}
.list_inner_listingsec .inner_listingsec .listing_mlsno h2 {right: -6px; top: 58px; padding: 7px; left: inherit;  /* position: static; */}
.list_inner_listingsec .inner_listingsec .listingprice { padding: 0px 0 0 0;}
.list_inner_listingsec .salelease_linksec {position: absolute; top: 3px; right: -5px;}
.list_inner_listingsec .listingaddress { padding: 0 0 10px 0;}

.list_inner_listingsec .listing_imgsec {height: 137px; width: 45%;}
.list_inner_listingsec .listing_mlsno { margin: 0 0 -8px 0;}
.list_inner_listingsec .listingprice h2 small { margin: 5px 0 20px 0px;}

.list_inner_listingsec .listing_detailsec {margin: 0 10px; padding-top: 8px; width: 55%;}
.list_inner_listingsec .listing_brokerage {background: #e4f4ff; margin: 10px 0px 0; padding: 5px 10px; position: absolute; bottom: 0px; left: -9px; width: 107%;}

.list_inner_listingsec .listing_imgsec img{ height: inherit;}
.clicklisting{ position: relative; width: 100% !important; height: auto;}
.clicklisting .inner_listingsec:nth-child(even){ margin-right: 0px;}
.clicklisting .inner_listingsec:hover{transform: scale(1.010); -webkit-transform: scale(1.010); -moz-transform: scale(1.010); -o-transform: scale(1.010);  -ms-transform: scale(1.010);}

.clicklisting .outer_listingsec {width: 100%; padding: 0px; clear: both; display: flex; flex-wrap: wrap; justify-content: normal;}
.clicklisting .outer_listingsec .inner_listingsec {margin-right: 2px; margin-left: 3px; float: none; overflow: hidden; width: 16.3%;}

/* .list_inner_listingsec .salelease_linksec a {font-size: 12px; text-align: left; padding: 0px 5px; border-radius: 4px; color: #ffffff; width: 76px; display: block; text-align: center;  text-transform: uppercase; font-weight: 700;} */

/**showresult_sec**/
.showing_resultsec {overflow: hidden; background: #f3faff; padding: 10px 0; margin-bottom: 0px;}
.left_resultsec span {font-size: 15px; text-transform: uppercase; font-weight: 700;}
.left_resultsec span strong {font-weight: 800; background: #ffd94f; padding: 4px 8px 3px; border-radius: 4px;}

.right_resultsec {display: flex;}
.gridlist_viewsec ul {display: flex; margin: 0;}
.gridlist_viewsec ul li a {background: rgba(0,0,0,0); padding: 0px 8px; border-radius: 3px; color: #878787; font-size: 14px; margin-left: 3px; display: block;}
.gridlist_viewsec ul li a img {width: 18px; margin: -1px 0 0 0;}
.gridlist_viewsec ul li a:hover{ background: #facc40; color: #000000; }
.gridlist_viewsec ul li.active a{ background: #facc40; color: #000000; }
.sort_propertysec select {background: #ffffff; border: 1px solid #cfebff; border-radius: 3px; font-size: 14px; padding: 2px;}

/**pagination**/
.listing_pagination_sec{ margin-top: 10px; clear: both; }
ul.listingul {display: flex; justify-content: center;}
ul.listingul li select {border: 1px solid #cae9ff; padding: 1px 0px 2px 5px; border-radius: 4px; background: #e0f2ff;}
ul.listingul li.prevli{ margin-right: 2px;}
ul.listingul li.nextli{ margin-left: 2px;}
ul.listingul li button {background: #ffffff; padding: 0px 9px; border-radius: 4px; color: #717171; font-size: 12px; margin-left: 2px; border: 1px solid #cae9ff;}
ul.listingul li button:hover{ background: #facc40; color: #000000; border: 1px solid #ffffff;}
ul.listingul li.active button{ background: #facc40; color: #000000; border: 1px solid #ffffff;}

/**listing_jqueryclass**/
.slidelistingleft{ left: -100%; }

/**openclose_arrow**/
.openclose_listingsec span {
    position: absolute;
    top: 40%;
    background: #293c48;
    border-radius: 0px 5px 5px 0px;
    padding: 6px;
    z-index: 99;
    left: 30%;
}
.openclose_listingsec i{ color: #ffe06f; font-size: 13px; cursor: pointer;} 
.spanleftarrow{ left: 0% !important;}

/*.fa-arrow-up{-webkit-animation: bounceUp 1s infinite;	animation: bounceUp 1s infinite;}*/
/* /Up bounce */
@-webkit-keyframes bounceUp {
    0%,	20%, 50%, 80%, 100% {-webkit-transform: translateY(0); transform: translateY(0);}
    40% {-webkit-transform: translateY(8px); transform: translateY(8px);}
    60% {-webkit-transform: translateY(5px); transform: translateY(5px);}
}
   
@keyframes bounceUp {
    0%,	20%, 50%, 80%, 100% {-ms-transform: translateY(0); transform: translateY(0);}
    40% {-ms-transform: translateY(8px); transform: translateY(8px);}
    60% {-ms-transform: translateY(5px); transform: translateY(5px);}
}

.fa-arrow-down{-webkit-animation: bounceDown 1s infinite; animation: bounceDown 1s infinite;}
    
/* /Up bounce */
@-webkit-keyframes bounceDown {
    0%,	20%, 50%, 80%, 100% {-webkit-transform: translateY(0); transform: translateY(0);}
    40% {-webkit-transform: translateY(7px); transform: translateY(7px);}
    60% {-webkit-transform: translateY(5px); transform: translateY(5px);}
}
    
@keyframes bounceDown {
    0%,	20%, 50%, 80%, 100% {-ms-transform: translateY(0); transform: translateY(0);}
    40% {-ms-transform: translateY(7px); transform: translateY(7px);}
    60% {-ms-transform: translateY(5px); transform: translateY(5px);}
}


/* assign bounce */
.spanleftarrow .fa-arrow-right {-webkit-animation: bounceRight 1s infinite; animation: bounceRight 1s infinite;}
/* .fa-arrow-left:hover {-webkit-animation: bounceLeft 1s infinite; animation: bounceLeft 1s infinite;}

/* /left bounce 
 @-webkit-keyframes bounceLeft {
	0%,	20%, 50%, 80%, 100% {-webkit-transform: translateX(0); transform: translateX(0);}
	40% {-webkit-transform: translateX(10px); transform: translateX(10px);}
	60% {-webkit-transform: translateX(5px); transform: translateX(5px);}
  }
 
  @keyframes bounceLeft {
	0%,	20%, 50%, 80%, 100% {-ms-transform: translateX(0); transform: translateX(0);}
	40% {-ms-transform: translateX(10px); transform: translateX(10px);}
	60% {-ms-transform: translateX(5px); transform: translateX(5px);}
  } */

/* right bounce */
@-webkit-keyframes bounceRight {
	0%,	20%, 50%, 80%, 100% {-webkit-transform: translateX(0); transform: translateX(0);}
	40% {-webkit-transform: translateX(-10px); transform: translateX(-10px);}
	60% {-webkit-transform: translateX(-5px); transform: translateX(-5px);}
}

@keyframes bounceRight {
	0%,	20%, 50%, 80%, 100% {-ms-transform: translateX(0); transform: translateX(0);}
	40% {-ms-transform: translateX(-10px); transform: translateX(-10px);}
	60% {-ms-transform: translateX(-5px); transform: translateX(-5px);}
}

.form_fields button p.slidetexttop {font-size: 10px; position: relative; top: -14px; left: -9px; background: #c9e9ff; line-height: 15px; padding: 2px 6px; color: #000; border-radius: 9px;}
.open_dropmenu {width: 475px !important; left: inherit; right: 0px;}
.more_detbtnsec h2 {font-size: 15px; margin: 5px 0 5px 0;}
.listing_checksec ul {display: flex;}
.listing_checksec ul li {margin: 5px 20px 0 0;}
.listing_checksec ul li label{ position: relative ; top: 0; left: 0; pointer-events: all;}
.detail_dropsec {display: flex; flex-wrap: wrap;}
.detail_dropsec .button_dropdownsec {margin: 0 0 8px 0;}
.search_schoolcomm_sec {border-top: 1px solid #efefef; padding: 20px 0 0 0; margin: 10px 0 0 0;}
.inner_schoolcommsec select, .inner_schoolcommsec input {height: 30px;}
.inner_schoolcommsec {display: flex; justify-content: space-between; margin: 0 0 8px 0;}
.search_schoolcomm_sec .inner_schoolcommsec label {width: 190px; position: relative ; top: 0; left: 0;}
.more_detials{ margin-right: 5px !important; /*jenne display: none;*/}

/**hover**/
option.first_option {position: absolute; top: 12px; left: 13px; font-size: 15px; color: #000000; font-weight:500;
  -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}

option.first_option:focus {color: #666666; font-weight: 700; font-size: 12px; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}

/**map_abovesec**/
/* .prostatus_mapsec {width: calc(100% - 545px); position: absolute; right: 6px; top: 10px; z-index: 9;} */

.prostatus_mapsec {width: auto; position: absolute; left: 31%; top: 15px; z-index: 9;}
.prostatus_rightmapsec{width: auto; position: absolute; right: 10px; top: 15px; z-index: 92 !important;}
.prostatus_rightmapsec .btn-group:last-child{display: none;}

button#btnRemovePolys {background-color: #e54c4c; color: #fff; border: 1px solid #fbb;}
button#btnRemovePolys i {background-color: #c72b2b;}

.prostatus_rightmapsec button, .prostatus_mapsec button {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    padding: 0 0px 0 0px;
    font-weight: 600;
    font-size: 13px;
    border-radius: 4px!important;
    box-shadow: 2px 2px 20px #51616c;
}
button#btnDraw {margin: 0 0 0 3px;}
.prostatus_rightmapsec button:hover, .prostatus_rightmapsec button:focus, .prostatus_mapsec button:hover, .prostatus_mapsec button:focus{ background-color: #e6f3fd; border: 1px solid #ffffff; box-shadow: 2px 2px 20px #51616c;}
.prostatus_rightmapsec button span, .prostatus_mapsec button span{ padding:0 8px 0 2px;}
.prostatus_rightmapsec button i, .prostatus_mapsec button i {background: #485e6d; color: #fff; padding: 9px; border-radius: 3px; height: 32px; width: 32px;}
.map_search .button:focus, .map_search .button:hover, .map_search .button:active{ outline: none;}
/*.btn:focus, .btn:hover, .btn:active{ outline: none;}*/

.draw_active { border-radius: 4px !important; font-size: 0px !important; background: #485e6d !important; width: 52px;}
.draw_active:after {position: absolute; bottom: 6px; left: 6px; border-bottom: 1px dashed #ffd94f; height: 1px; width: 79%; content: "";}
.draw_active i {font-size: 15px; background: none !important; color: #ffd94f !important; position: relative;
  -webkit-animation: myfirst 1s infinite; /* Chrome, Safari, Opera */
  -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
  animation: myfirst 1s infinite;
  animation-direction: alternate; 
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
  0%   { left: -5px; right: 5px;}
  25%  { left: 5px; right: 10px; }
  50%  { left: 10px; right: 15px; }
  75%  { left: 15px; right: 20px; }
  100% { left: 20px; right: 30px; }
}
@keyframes myfirst {
  0%   { left: -5px; right: 5px;}
  25%  { left: 5px; right: 10px; }
  50%  { left: 10px; right: 15px; }
  75%  { left: 15px; right: 20px; }
  100% { left: 20px; right: 30px; }
}

.prostatus_rightmapsec .dropdown-menu a, .prostatus_mapsec .dropdown-menu a {display: block; padding: 2px 5px; border-bottom: 1px solid #e8f5ff; font-weight: 600; font-size: 13px;}
.prostatus_mapsec .dropdown-menu a img {width: 18px; margin: -2px 6px 0;}
.prostatus_rightmapsec .dropdown-menu a:hover, .prostatus_mapsec .dropdown-menu a:hover{ background-color: #d4eeff;}
.prostatus_rightmapsec .dropdown-menu a:last-child, .prostatus_mapsec .dropdown-menu a:last-child{ border-bottom: none;}

.dropdown-menu {border: 1px solid rgb(195 217 232); border-radius: 4px; -webkit-box-shadow: 0 4px 8px rgb(219 240 255); box-shadow: 0 4px 8px rgb(219 240 255); padding: 0; width: auto;}

.subway_schoolsec {position: absolute; top: 150px; margin: 0; left: 540px; display: none;}

ul.schsub_navsec {background: #3e5566; display: inline-block; border-radius: 5px; margin: 0px; overflow: hidden; clear: both;}
ul.schsub_navsec li {text-align: center; border-bottom: 1px solid #4e6779;}
ul.schsub_navsec li:last-child{ border: none;}
ul.schsub_navsec li a {color:#ffffff; text-align: center; padding: 8px; display: block; font-size: 16px; cursor: pointer;}
ul.schsub_navsec li.active a{ background: #22303a; color: #ffd94f;}
ul.schsub_navsec li.active a:after {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0da"; position: absolute; left: 37px; color: #22303a; font-size: 20px;}
ul.schsub_navsec li a:hover, ul.schsub_navsec li a:focus, ul.schsub_navsec li a:active{ background: #22303a; color: #ffd94f;}
.common_schsubsec {background: #f3faff; border: 1px solid #c9e9ff; color: #000000; padding: 12px 12px 0; border-radius: 5px; display: inline-block; box-shadow: 0px 0px 10px #c9e4f6;
  width: 190px; position: absolute; top: 0px; left: 50px; z-index: 60;}
.common_schsubsec h2 {font-size: 18px; font-weight: 800; margin: 0 0 5px 0;}
.common_schsubsec ul li span {text-decoration: underline; font-weight: 700;}
.common_schsubsec ul li label{ cursor: pointer;}

/**listing_map_pointer**/ 
.maplisting_pointersec {position: absolute; font-size: 25px; color: #516e81;}
.top_pointer {top: -20px; }
.left_pointer {top: 9px; left: -12px;}
.right_pointer {top: 9px; right: -11px;}
.bottom_pointer {bottom: -22px;}

/**map_listingsec**/
.outer_maplistingsec { /**position: absolute; top: 0; left: 60%;**/ padding: 0 0px 0 5px; background: #f3faff; border-radius: 10px; border: 2px solid #ffffff; box-shadow: 0px 0px 13px #abb8c1; width: 320px; height: auto; position: relative;}
.maplistings_sec {width: 100%; height: 360px; overflow: auto; z-index: 10; padding-bottom:8px;}
.maplistings_sec .left_resultsec span {font-size: 11px; margin: 5px 0 0 2px; display: block;}
.maplistings_sec ul.listingul li button {padding: 4px 6px; border-radius: 4px; font-size: 10px; border: 1px solid #cae9ff;}

.close_maplisting {position: absolute; right: -8px; background: #f3faff; border-radius: 50%; padding: 5px; font-size: 20px; line-height: 12px; font-weight: 800;
  top: -10px; margin: 0; color: #000000; border: 1px solid #b0bbc3; cursor: pointer;}

.close_maplisting:hover{ opacity: 0.7;}

.maplistings_sec .inner_listingsec {width: 98%; margin-bottom: 8px; border: 1px solid #ddecf5; border-radius: 4px;}
.maplistings_sec .showing_resultsec{ padding: 10px 0; width: 97%;}
.maplistings_sec .inner_listingsec:hover{background: #ffffff; box-shadow: 1px 2px 7px #cad7e0;  transform: scale(1.015); -webkit-transform: scale(1.015); -moz-transform: scale(1.015); -o-transform: scale(1.015);  -ms-transform: scale(1.015);}
.maplistings_sec .listing_imgsec {float: left; width: 32%; height: auto; overflow: hidden; margin: 3px;}
.maplistings_sec .listing_imgsec img {margin: 0; text-align: center; width: 100%; border-radius: 5px; height: auto;}
.maplistings_sec .listing_detailsec {float: left; width: 63%; padding: 0; margin: 4px 0 0 6px;}

.maplistings_sec .listing_detailsec .salelease_linksec {position: absolute; right: 1px; top: -2px;}
.maplistings_sec .listing_detailsec .salelease_linksec a {padding:1px 3px; line-height: 16px; display: block; border-radius: 2px;}

.maplistings_sec .listing_detailsec .listingprice {padding: 0px 0 0 0;}
.maplistings_sec .listing_detailsec .listingprice h2 {font-size: 14px; margin: 0 0 5px 0; color: #27333c;}
.maplistings_sec .listing_detailsec .listingprice h2 small{ display: none;}
.maplistings_sec .listing_detailsec .listingtype { display: none;}
.maplistings_sec .listing_detailsec .listingaddress {padding: 0 0 5px 0;}
.maplistings_sec .listing_detailsec .listingaddress span {color: #525252; display: flex; line-height: 1;}
.maplistings_sec .listing_detailsec .listingaddress span p {font-size: 12px; color: #4e4e4e; font-weight: 500;}
.maplistings_sec .listing_detailsec .listingfeatures ul li {margin: 0 3px 0 0; font-size: 12px; border-radius: 5px; padding: 3px 6px; line-height: 13px; background: rgba(0,0,0,0);}
.maplistings_sec .listing_detailsec .listingfeatures ul li i { color: #615f5f;}
.maplistings_sec .listing_detailsec .listingfeatures ul li strong {line-height: 1; font-weight: 500; color: #615f5f;}
.maplistings_sec .listing_detailsec .listingaddress span i{line-height: 14px;}
.maplistings_sec .listing_detailsec .listing_mlsno{ display: none;}

.maplistings_sec .listing_brokerage{ clear: both; margin: 0;}
/* .maplistings_sec .salelease_linksec{ display: none;} */
.maplistings_sec .listing_pagination_sec{ clear: none; margin: 0px;}
.maplistings_sec ul.listingul{ margin: 0;}
.maplistings_sec ul.listingul li a {background: #deeffb; padding: 3px 6px; border-radius: 3px; color: #3a5161; margin-left: 0px; font-size: 11px;}
.maplistings_sec ul.listingul select {border: 1px solid #a6cae4; padding: 0px; border-radius: 4px; background: #dff2ff; margin: 0px 0px 0px 3px;}
.maplistings_sec ul.listingul li a:hover {background: #facc40; color: #000000;}

/**mobile_searchbar**/
.search_property_mdsec{ display: none;}
.search_input ul {position: absolute; top: 0px; right: 0px; margin: 0; width: 100%;}
.search_input ul li {
    display: flex;
    font-weight: 600;
    text-overflow: ellipsis;
    font-size: 14px;
    border-radius: 3px;
    padding: 7px;
    line-height: 21px;
    margin: 0;
    border-bottom: 1px solid #d5ebf9;
    color: #777777;
    width: 100%;
}
.search_input ul li span {font-weight: 500; color: #333; font-size: 13px;}
.search_input ul li.active, .search_input ul li:hover, .search_input ul li:focus{ background: #ffd94f; color: #000000;}
button.openfilters {background: #ffd94f; border: 1px solid #bfb58d; color: #000000; padding: 0 4px; border-radius: 5px; height: 40px; margin: 0; font-weight: 700; font-size: 13px; padding: 0 13px;}
button.openfilters:hover, button.openfilters:focus{background: #ffd94f; border: 1px solid #847743;}
button.openfilters span {margin: 6px 0 0 0; font-size: 16px;}

/**selectsec_width**/
/* .select_transction{width: 130px;}
.select_protype{width: 120px;}
.select_bedroom, .select_bathroom{width: 90px;}
.select_listed_calendar{width: 110px;} */

/**multiselect_css**/

.form_fields .dropdown-menu>.active>a, .form_fields .dropdown-menu>.active>a:focus, .form_fields .dropdown-menu>.active>a:hover { color: #06090a; text-decoration: none; background-color: #def2ff; outline: 0; background-image: none;}
span.multiselect-native-select{position:relative}
span.multiselect-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px -1px -1px -3px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;left:50%;top:30px}
.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}
.multiselect-container .input-group{margin:5px}
.multiselect-container .multiselect-reset .input-group{width:93%}
.multiselect-container>li{padding:0; border-bottom: 1px solid #f3faff;}
.multiselect-container>li a:focus, .multiselect-container>li a:hover { color: #06090a; text-decoration: none; background-color: #def2ff !important; background-image: none !important; outline: 0;}
.multiselect-container>li>a.multiselect-all label{font-weight:700}
.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px;height:100%;font-weight:700}
.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}
.multiselect-container>li>a{padding:2px 0 !important;}
.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 8px 3px 8px; color: #000000;}
.multiselect-container>li>a>label input[type=checkbox], .multiselect-container>li>a>label input[type=checkbox], .multiselect-container>li>a>label input[type=radio], 
.multiselect-container>li>a>label input[type=radio]{ position: relative; margin-left:0px; top: 2px;}
.multiselect-container>li>a>label.checkbox,.multiselect-container>li>a>label.radio{margin:0}
.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}
.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]
{margin-left:-20px;margin-right:0}

/**price_range_css**/
.arrow{color: #ccc; background-color: #ccc; display: inline-block; height: 1px;  width: 12px; position: relative;}
.dd-range {width: 245px; padding: 5px 0;}     
.max_value{padding: 6px 6px 6px 30px; }

.rangemenu a {display: block; text-align: left; padding: 0px 0 0px 0px; color: #1d2b33; font-weight: 500; background: #f7fcff; border-radius: 4px; margin: 2px 0 1px 0;}
.rangemenu a.max_value {padding-right: 5px; padding-left: 10px; margin-left: 0; text-align: left;}
.rangemenu a.min_value {padding-right: 5px; padding-left: 10px;}
.rangemenu a.disabled {pointer-events: none; cursor: default; color: #bbbbbb;}
.rangemenu a:hover {background: #516e81; color: #fff; cursor: pointer; text-decoration: none;}

.btnClear {clear: both; border-top: 1px solid #dadada; padding: 5px 0 0 0; text-align: center;}
input.inputError, input.inputError:focus {border-color: #e2231a; background-color: white; color: #e2231a; box-shadow: inset 0 0 5px #F7BDBB; border-radius: 0;}
.dd-range .form-control:focus, .min_input .form-control:active{ border: 1px solid #516e81;}

/**responsive_css**/
@media(max-width:1600px){

    .clicklisting .outer_listingsec .inner_listingsec{width: 19.5%;}
    .main_listing_sec{ width: 35%; }
    .openclose_listingsec span{ left: 35%; }
    .prostatus_mapsec{ left: 36%; }

    .list_inner_listingsec .inner_listingsec .listing_mlsno h2 {right: -9px; top: 91px; padding: 2px; left: inherit;} 

}


@media(max-width:1365px){

  .form_fields select { padding: 0 10px 0 5px;}
  /*.inner_listingsec{ width: 245px;}*/
  .main_listing_sec {width: 40%;}
  .openclose_listingsec span{ left: 40%; }
  .prostatus_mapsec{ left: 41%; }
  
  /*.maplogin{ width: 245px;}*/
  .clicklisting .outer_listingsec .inner_listingsec {width: 24%; margin-right: 6px; margin-left: 5px;}

}


@media(max-width:1169px){
  
  .clicklisting{ height: auto;}
  .clicklisting .inner_listingsec { width: 231px;}

  .main_listing_sec {width: 45%;}
  .openclose_listingsec span{ left: 45%; }
  .prostatus_mapsec{ left: 46%; }

  .resicomm_mainsec .search_input input {width: 272px; height: 40px;}
  .resicomm_mainsec .dd-range{ left: inherit; right: 0px;}
  .resicomm_mainsec .form_fields {margin-right: 5px; margin-bottom: 5px;}
  .clicklisting .outer_listingsec .inner_listingsec {margin-right: 4px;}

  .gridlist_viewsec { display: none;}

}


@media(max-width:1086px){

  .open_dropmenu {width: 475px !important; left: 0px; right: inherit;}

}

@media(max-width:992px){
  
  .main_listing_sec{ width: 260px;}
  .right_resultsec{ width: 100%;}
  .openclose_listingsec span{ left: 260px;}
  .open_dropmenu {width: 430px !important; }
  .clicklisting{ width: 100%;}
  .inner_schoolcommsec label {width: auto; line-height: 18px;}
  .form_fields select{ padding: 0 22px 0 5px;}
  
  ul.listingul li a{ padding: 3px 7px;}
  ul.listingul li.prevli{ margin-right: 0px;}
  ul.listingul li.nextli { margin-left: 0px;}
  .prostatus_mapsec{ left: 270px;}
  .subway_schoolsec{ left: 270px;}
  .clicklisting .inner_listingsec { width: 237px;}
  .clicklisting .outer_listingsec .inner_listingsec {width: 32.5%; margin-right: 3px; margin-left: 3px;}

  .inner_listingsec{ width: 100%; }
  .resicomm_mainsec .search_input input {width: 232px; height: 40px;}
  .rangemenu .col-md-6 {width: 50%; float: left; margin: 0 0 3px 0;}



}

@media(max-width:767px){

  input[type=text]{ font-size: 16px;}
  input, textarea{ font-size: 16px;}
  select{ font-size: 16px;}
  .common_select {background: #f3faff url(/image/drop_arrow.png) no-repeat 98% center;}
  .outer_mapsearchfield_sec {height: auto; z-index: 95; position: relative; background: #fff; box-shadow: 0px 0px 0px #516e81; padding: 0 0 50px 0; border-bottom: 3px solid #516e81;}
  .map_tabsec {margin: auto; width: 95%;}
  .outer_maplist_sec {height: auto;}
  .resicomm_mainsec{ display: block;}
  .maplist_tabsec ul li a {padding: 0px 7px 0px; font-weight: 700; font-size: 14px;}
  .maplist_tabsec{ right: 4px; top: 70px;}
  .main_listing_sec {width: 245px;}
  .listing_imgsec {height: 150px;}
  .inner_listingsec{ width: 100%;}
  .openclose_listingsec span {left: 245px;}
  .sort_propertysec select{ padding: 0px; background: #fff;}
  .resicomm_mainsec .search_input input{ width: 100%; padding-left: 22px;}
  .form_fields select{ width: 100%;}
  .form_fields .btn-group{ width: 100%;}

  .open_dropmenu {width: 100% !important; position: static; margin: 0 0 10px 0;}
  .multiselect-container{ width: 100%;}
  .dd-range {width: 100%;}
  .price_Ranges {width: 50%; float: left;}
  .freeformPrice{ overflow:hidden;}
  .freeformPrice .col-md-6{ width: 47%; float: left; margin: 0 4px 5px;}
  .reset_button i{ float: none !important; text-align: center;}

  .detail_dropsec {display: block;}
  .button_dropdownsec input[type="text"]{ width: 100%;}
  .inner_schoolcommsec label {width: 100%; line-height: 18px; display: block;}
  .listing_checksec ul{ display: block;}
  .listing_checksec ul li {margin: 0px 10px 0 0; display: inline-block;}
  .resicomm_mainsec .form_fields{ margin-right: 0px; margin-bottom: 7px;}
  .more_detials {margin: 0px 0px 5px !important; width: 100%;}
  .form_fields button{ display: block; width: 100%; text-align: left;}
  .form_fields button i{ float: right;}
  .searchbtnmain{ text-align: center !important;}

  .search_button {width: 49%; margin: 0 0px 0px; float: left;}
  .reset_button {width: 49%; margin: 0 0px 0px; float: right;}

  .map_navsec ul{ display: block; margin-bottom: 10px;}
  .map_navsec ul li{ display: inline-block; float: none; width: 49%;}
  .map_navsec ul li a{ text-align: center; font-size: 13px; padding: 3px 10px 2px;}
  .clicklisting { width: 100% !important;}
  .clicklisting .listing_imgsec{ height: 150px;}
  
  .prostatus_rightmapsec {right: inherit; left: 55px; top: 10px;}
  .prostatus_mapsec{right: inherit; left: 49px; top: 10px;}
  .prostatus_mapsec button, .prostatus_rightmapsec button{ font-size: 0px; box-shadow: 0px 0px 8px #51616c;}
  .prostatus_mapsec button i, .prostatus_rightmapsec button i {font-size: 16px; height: 38px; width: 38px; padding: 10px;}
  .prostatus_mapsec button span, .prostatus_rightmapsec button span{ padding: 0;}

  .prostatus_rightmapsec button.btn{ font-size: 0px;}
  .prostatus_rightmapsec button.btn i{ font-size: 15px;}
  .prostatus_rightmapsec button span{ padding: 0;}
  .prostatus_rightmapsec .dropdown-menu {right: inherit; left: 0px;}
  .maplist_tabsec ul li:first-child{ display: none;}
  .main_listing_sec{ display: none;}
  .openclose_listingsec{ display: none;}
  .prostatus_rightmapsec button.btn i.fa-expand-arrows-alt{ display: none;}
  .subway_schoolsec {clear: none; float: left;}
  .outerpromapsec .pull-left {float: right !important;}
  .common_schsubsec { top: 0px;}
  ul.schsub_navsec{ margin: 0px;}
  .maplistings_sec {left: 6%; width: 295px; top: 20%; height: 300px;}
  .outerpromapsec {position: relative; top: 35px;}
  .resicomm_mainsec .search_input{ display: none;}
  .floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {top: -6px; font-size: 11px; line-height: 13px; padding: 0px 5px 0px; left: 5px;}

  .clicklisting{ height: auto;}
  .prostatus_mapsec{ left: 10px;}
  .subway_schoolsec{ left: 10px;}

  .filter-option{ justify-content: space-between; }

  /**mobile_searchbar**/
  .search_property_mdsec {display: flex; width: 100%; margin: 5px 0px 5px; justify-content: space-around;}
  .search_property_mdsec .form_fields{ margin-right: 0px; margin-bottom: 10px; }
  .search_property_mdsec .search_input {width: 83%; margin: 0; position: relative;}
  .search_property_mdsec .search_input input {width: 100%; padding-left: 25px; padding-right: 125px;}
  .search_property_mdsec .search_input i.fa-search{ position: absolute; top: 14px; left: 7px; font-size: 12px; }
  .filter-option {width: 100%;}

  /**modify_css**/
  .clicklisting .outer_listingsec .inner_listingsec {width: 49%; margin-right: 2px; margin-left: 2px;}
  .rangemenu .col-sm-6 {width: 50%; float: left; margin: 0 0 3px 0;}

}

@media(max-width:450px){

  .clicklisting .inner_listingsec {width: 100%;}
  .clicklisting .outer_listingsec .inner_listingsec {width: 100%;}
  .clicklisting .listing_imgsec { height: 200px;}

}

/**js_classes**/
.none{ display: none;}
.stylenone{ display: none !important;}
.block{ display: block;}
.width99{ width: 99%;}

.left10{ left: 10px;}
.dropdown-backdrop{ z-index: 0; display: none;}