@media screen and (max-width: 1700px){
	.property-card{
		width: 33.33%;
	}
	.facilities .item .text{
		font-size:13px;
	}
}
@media screen and (max-width: 1540px){
	.filter-on .property-card{
	  width: 50%;
	}
	.facilities .item .text{
		font-size:14px;
	}
}
@media screen and (max-width: 1270px){
	.property-card{
		width: 50%;
	}	
	.property-card .prop-image{
		height: 240px;
	}
	.filter-on{
		grid-template-columns: 100%;
	}
	.filter-on .property-card{
		width: 50%;
	}

	.filter-area{
	    position: fixed;
        top: 0;
        background: #fff;
        z-index: 100;
        box-shadow: 0 0 12px #0008;
        left: 50%;
        padding: 0;
        transform: translateX(-50%);
        height: 90%;        
        border-radius: 8px;
        width: 400px;
	}
	.filter-area .title{
		display: block;
		font-family: Inter;
        font-size: 26px;
        padding: 16px;
        color: #333;
        position: sticky;
        margin: 0;
        background: #fff;
        top: -16px;
        z-index: 2;
        box-shadow: 0 0 5px #0008;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;        
	}	
	.filter-area .filter-inner{
		overflow-y: scroll;
		width: 100%;
    	padding: 16px;
	}
	.filter-overlay{
	  background-color: rgba(0, 0, 0, 0.7);
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    z-index: 99;
	    top: 0;
	    left: 0;
	    display: none;
	}
}


/*For Tablet*/
@media screen and (max-width: 1023px){	
	.gap-16
	{
		margin-top: 12px;
	}
	.banner-container .banner .front{
	/*	padding: 0 36px;*/		
	}
	.banner-funnel .box{
	/*	max-width: 672px;*/
		width: 672px;
	}
	.drawer{
		background: #fff;
		display: block;
		position: fixed;
		/*width: 100%;
		height: 100%;*/
		padding: 8px;
		z-index: 1000;
		transform: translateX(100%);
		transition: .3s ease;
		top: 0;
        bottom: 0;
        left: 0;
        right: 0;
	}
	.drawer .inner{
		background: var(--Blue-25, #F5F9FD);
        height: 100%;
        border: 1px solid var(--Blue-50, #CADEF8);
        border-radius: 24px;
	}
	.drawer .head{
		padding: 20px 20px;
		display: grid;
		grid-template-columns: auto auto;
		border-radius: 24px 24px 0px 0px;
		border-top: 1px solid var(--Blue-50, #CADEF8);
	}
	.drawer .head .logo{
		color: var(--Gray-950, #07111E);
		font-family: "Cabinet Grotesk";
		font-size: 26px;
		font-style: normal;
		font-weight: 800;
		line-height: 40px;
	}
	.drawer .mobile-drawer-close{
		background: url(/images/x-close.svg) no-repeat center;
		justify-self: right;
	}
	.drawer .nav{
		padding: 32px 20px;		
		border-top: 1px dashed var(--Blue-50, #CADEF8);		
		border-bottom: 1px dashed var(--Blue-50, #CADEF8);	
	}
	.drawer .nav ul{		
		list-style: none;
		padding: 0;
		margin:0;
	}
	.drawer .nav ul li{
		margin-bottom: 32px;
	}
	.drawer .nav ul li:last-child{
		margin-bottom: 0;
	}
	.drawer .nav ul li a{
		color: var(--Gray-600, #405064);		
		font-family: Inter;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 20px;
		text-decoration: none;
	}
	.drawer .nav ul li a:hover{
		text-decoration: underline;
	}
	.drawer .footer{
		padding: 32px 20px;
	}
	.slide_from_right{
/*		animation: .3s slide_from_right forwards;*/
		transform: translateX(0%);
		transition: .3s ease;
	}
	.slide_to_right{
		animation: .3s slide_from_right forwards;
		animation-direction: reverse;
	}


	.signin h3,.signup h3{
		font-size:30px;
		line-height: 38px;
	}
	.testimonials .card .content .profile .info .title{
		font-size: 16px;
	}
	.testimonials .card .content .profile .info .subtitle{
		font-size: 14px;
	}
	.testimonials .card .content .arrows .left-arrow{
		width: 48px;
		height: 48px;
	}
	.testimonials .card .content .arrows .right-arrow{
		width: 48px;
		height: 48px;
	}
	.container-faq-bg{
		padding: 80px 0 80px 0;
	}
	.container-faq-bg .faq{
		display: block;
	}
	.container-faq-bg .faq .right .faqs-list{
		max-width: 100%;
		float: none;
	}
	.container-faq-bg .faq .right{
		margin-top: 64px;
	}
	.testimonials .card .right .pic:nth-child(2){	  
	  right: 72px;	  
	}
	.testimonials .card .right .pic:nth-child(3){	  
	  right: 148px;	  
	}	
	.container-3-bg .testimonials{
	  height: 320px;
	}
	.testimonials .card .right .pic{
		width: 96px;
		height: 320px;
	}
	.testimonials .card .content{
		max-width: 416px;
	}
	.testimonials .card .content .desc{
		font-size: 30px;
		line-height: 38px;
		margin-top: 17px;
	}
	.home-guides-list{
		display: block;
	}
	.home-guides-list .card{
		transition: none;	 
		width: 100%;		
		max-width: 100%;
		margin-bottom: 30px;
		height: auto;

		border-radius: 16px;
		border: 1px solid var(--White, #FFF);
		background: var(--White, #FFF);
		box-shadow: 0px 855px 239px 0px rgba(7, 17, 30, 0.00), 0px 547px 219px 0px rgba(7, 17, 30, 0.01), 0px 308px 185px 0px rgba(7, 17, 30, 0.03), 0px 137px 137px 0px rgba(7, 17, 30, 0.04), 0px 34px 75px 0px rgba(7, 17, 30, 0.05);
	}
	.home-guides-list .card:nth-child(2){
		margin:0 0 30px 0;
	}
	.home-guides-list .card .image{
		height: 360px;
		background-size: cover;
	}
	.home-guides-list .card:hover{  
	  transition: none;	  
	  width: auto;
	  height: auto;
	  padding: auto;
	  
	}
	.home-guides-list .card:hover .image{
		transition: none;
		height: 360px;
	}
	.content-1{
		width: 91%;
	}
	.home-prop-list .content-1{
		width: 87%;
	}
	.no-banner-searchbar{  
	  width: calc(100% - 32px - 32px);    
	}
	footer{
	  padding: 64px 16px 48px 16px;
	  background: #001838;
	}
	
	.filter-on .property-card{
		width: 100%;
	}
	h1{
		color: var(--Gray-950, #07111E);			
		font-size: 48px;
		font-style: normal;
		font-weight: 800;
		line-height: 60px;
		letter-spacing: -0.96px;	
	}
	h2{
		color: var(--Gray-950, #07111E);		
		font-size: 36px;
		font-style: normal;
		font-weight: 800;
		line-height: 44px;
		letter-spacing: -0.72px;
	}
	h3{
		color: var(--Gray-950, #07111E);		
		font-size: 30px;
		font-style: normal;
		font-weight: 800;
		line-height: 38px;
	}
	.top-nav{
		padding: 20px 48px;
		grid-template-columns: auto auto;
	}
	.banner-container .banner .front .home-banner-text{
  		max-width: 560px;
  	}
  	.mobile-menu-icon{
	  display: inline-flex;	  
	  vertical-align: top;
	}
	.top-nav .menu{
		display: none;
	}
	.home-section-1{
		margin-top: 0px;
		display: block;
	}
	.home-section-1 .right-side{
		justify-content: left;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	/*.container-1{  
  		padding: 0 0px;
	}*/
	.property-card{
		float: none;
		width: 100%;
		padding: 0;
		margin-bottom: 40px;
	}
	
	.home-prop-list,.inner-prop-list{
		/*padding-left: 32px !important;
        padding-right: 32px !important;		*/
	}
	.property-card .prop-image{		
		height: 440px;
	}
	.property-card:hover{
		background-color: unset;
  		box-shadow: unset;
	}
	.container-1-bg{
		padding: 80px 0 0 0;
	}
	.owl-carousel-neighbour .owl-item {
	    margin-right: 16px !important;
	    margin-left: 16px;
	}
	.owl-carousel-neighbour .owl-item:first-child {
		margin-left:16px;
	}
	.owl-custom-nav {
		padding-left: 32px;
	}
	.container-1-bg .home-section-1{
		padding: 0 32px;
	}
	.container-3-bg{
		padding: 80px 0;
	}
}
/*For Mobile*/
@media screen and (max-width: 768px){ 
	.pre-banner-funnel .two-options{
		grid-template-columns: auto;
		max-width: 327px;
    	margin: 0 auto;
	}
	.banner-funnel .box .inner .content .steps-cotainer{
		padding: 24px 20px;
	}
	.pre-banner-funnel .h3-sub{
		margin-bottom: 32px;
	}
	/*.banner-funnel .box .inner .content .steps-cotainer{
		padding-top: 8px;
	}
	.banner-funnel .box .inner .content .foot{
		padding: 8px 24px;
	}
	.step10 h3{
		margin-bottom: 0 !important;
	}
	.steps-cotainer label{
		margin-top: 6px;
		font-size: 13px;
		line-height: 17px;
		margin-bottom: 1px;
	}
	.step10 .textfield-1{
		padding: 2px 10px;
		border-radius: 7px;
	}
	.step10 .textfield-1 input{
		font-size: 13px;
		line-height: 25px;

	}
	.step10 .agrement{
		margin-top: 6px;
		line-height: 12px;
		font-size: 10px;
	}
	.step10 .form .topgap{
		margin-top: 0;	
	}*/
	.steps-cotainer .fielder:nth-child(2), .steps-cotainer .fielder:nth-child(3){
		margin-top: 16px;
	}
	.steps-cotainer .price-input{
		grid-template-columns: 100%;
	}
	.steps-cotainer .price-input .field:first-child{
		margin-right: 0;
		z-index: 1000;
	}
	.steps-cotainer .price-input .field:last-child{
		margin-left: 0;
		margin-top: 16px;
		z-index: 988;
	}
	.steps-cotainer .form .two_fields{
		grid-template-columns: 100%;
		margin-top: 10px;
		gap: 10px;
	}
	.step9 .form .field{
		margin-top: 10px;
	}
	.banner-container .banner .front{
		padding: 0;
	}
	.banner-funnel .box{
		width: 100%;
	}
	.myaccount-button span.thumb-avatar{
		width: 33px;
        height: 33px;
        left: 2px;
        top: 3px;
	}
	.myaccount-button{
		padding: 0;
		width: 40px;
		height: 40px;
	}
	.myaccount-button span{
		display: none;
	}
	.myaccount-button::after{	
	    width: 38px;
	    height: 38px;
	    top: 0px;
	    left: 0px;
	}
	.top-nav .site-logo a{
		line-height: 40px;
	}
	
	.signin .inner .head{
		padding: 16px 20px;
	}
	.signin .inner .content{
		padding: 20px;
	}
	.signShow{
		display: block !important;
		animation: .3s appearFromDown forwards;
	}
	.signHide{
/*		display: block !important;*/
		animation: .3s appearFromDownReverse forwards;		
	}
	.signin-global{
		display: none;
		left: unset;
		top: unset;
		transform:unset;
		width: calc(100% - 8px);
		bottom: 0;
		/*transform: translateY(100%);
		transition: .3s ease;*/
	}
	.signin-appear{		
		/*display: block !important;
		transform: translateY(0%);
		transition: .3s ease;*/
		animation:.3s appearFromDown;		
	}
	.signin h3,.signup h3{
		font-size:24px;
		line-height: 32px;
	}
	footer{
		padding: 48px 0;
	}
	footer div.inner .links{
		margin-bottom: 48px;
	}
	footer div.inner .links a{
		display: block;
    	margin-bottom: 24px;
	}	
	footer div.inner .bottom-most{
		display: block;		
	}
	footer div.inner .bottom-most .copy{
		text-align: center;
	}
	footer div.inner .bottom-most .policies{
		margin-top: 32px;
		text-align: center;
	}	
	.home-guides-list .card .detail .title{
		font-size: 18px;
	}
	.container-faq-bg{
		padding: 64px 0 64px 0;
	}
	.container-faq-bg .faq .right{
		margin-top: 48px;
	}
	.testimonials .card .right{
		float: none;
		width: 240px;
		height: 320px;
		margin: 0 auto;
		margin:44px auto 0 auto;
	}
	.testimonials .card .content .profile .avatar_image{
		margin: 0 auto 16px auto;
		float: none;
	}
	.container-3-bg{
		padding: 64px 0;		
	}
	.testimonials .card .content .desc{
		font-size: 24px;
		line-height: 32px;
		margin-top: 0px;
		margin-bottom: 32px;
	}	
	.testimonials .card .content{
		max-width: 100%;
		width: 100%;
		text-align: center;		
		float: none;
	}
	.testimonials .card .content .profile{
		float: none;
		display: inline-block;
		text-align: left;
	}
	.testimonials .card .content .arrows{
		float: none;
		margin-top: 24px;
	}
	.home-guides-list .card .image{
		height: 240px;		
	}
	.home-guides-list .card:hover .image{
		height: 240px;		
	}
	.container-1-bg{
		padding: 64px 0 0 0 !important;
	}
	.container-3-bg .testimonials{
		height: auto;
	}
	.owl-custom-nav {
		padding-left: 16px;
	}
	.container-1-bg .home-section-1{
/*		padding: 0 16px;*/
	}
	.no-banner-searchbar{  
	  width: calc(100% - 16px - 16px);    
	}
	h1{
		color: var(--Gray-950, #07111E);
		font-size: 36px;
		font-style: normal;
		font-weight: 800;
		line-height: 44px;
		letter-spacing: -0.72px;
	}
	h2{
		color: var(--Gray-950, #07111E);
		font-size: 30px;
		font-style: normal;
		font-weight: 800;
		line-height: 38px;
	}
	h3{
		color: var(--Gray-950, #07111E);
		font-size: 24px;
		font-style: normal;
		font-weight: 800;
		line-height: 32px;
	}
	.round-button-primary-56{
		width: 48px;
		height: 48px;
		border-radius: 100px;
		padding: 0;
		background-image: url(/images/search-md-20.svg), var(--Fill-Grad, linear-gradient(180deg, #287AE4 0%, #0052BE 100%) );  
	}
	.home-banner-sb-inner input[type="search"]{
		margin-top: 11px;
	}
	.desktop-signin-btn{
		display: none;
	}
	.mobile-signin-btn{
		display: inline-flex;
		vertical-align: middle;
		color: var(--Blue-500, #0061DF);
		font-weight: bold;
		text-decoration: none;
	}
	.top-nav{
		padding: 20px 28px;
		margin-top:8px;
	}
	.banner-container,.inner-banner-container{
		padding: 8px 8px 0 8px;
	}
	.home-section-1{
		margin-top: 64px;
	}
	
	.home-prop-list .cards-container-inner{
	  margin-top: 48px;
	}
	.container-1{  
/*  		padding: 0 16px;*/
	}
	.home-prop-list,.inner-prop-list{
		padding-left: 16px !important;
        padding-right: 16px !important;		
	}
	.facilities .item{
		margin-right: 20px;
	}
	.property-card .detail .price{
	  font-size: 20px;
	}
	.property-card .prop-image{		
		height: 240px;
	}
	.filter-area{
		width: calc(100% - 20px);
	}
	.dd-bedrooms .item,.dd-bathrooms .item{
		padding: 10px 10px;
	}
}