/*320 - 767*/
@media screen and (max-width: 767px) {
	.sticky-wrapper.sticky{
		position: relative
	}
	.header-button{
		display: none
	}
	.menu-area .row{
		justify-content: center !important
	}
	.hero-title{
		font-size: 30px;
		    line-height: 35px;
	}
	.contact-wrap5 .appointment-wrap .form-title{
		font-size: 30px;
		line-height: 35px;
		text-align: center;
		    margin-top:20px;
	}
	.contact-wrap5 {
        padding: 20px;
    }
	label{
		text-align: center;
		    font-size: 14px;
	}
	.form-btn{
		text-align: center
	}
	.contact-thumb5-1 .contact-cta-wrap .box-title{
		font-size: 20px
	}
	.countdown div{
		    padding: 10px;
		    min-width: 75px;
	}
	.countdown span{
		font-size: 30px
	}
	.countdown{
	gap:10px
	}
	.countdown-box{
		padding: 50px 0
	}
	.counter-card{
		flex:50%	
	}
	    .counter-card .box-number {
        font-size: 30px;
    }
	.counter-card img{
		width: 50px
	}
	.rent-card{
		margin-bottom: 10px
	}
	.property-card-wrap:hover .property-thumb img{
		transform: none
	}
	.scroll-top{
		bottom:60px
	}
	.property-card-wrap{
		display: flex
;
            flex-direction: column !important;
	}
	.property-card-wrap .property-thumb{
		order: 2;
		margin-bottom: 0;
		margin-top: 30px
	}
	.hero-inner {
    background: url(../img/k-2025-banner.jpeg) #fff;
    height: 32vh;
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
}
	.header-layout4 {
    position: relative;
}
	.title-area .sec-title{
		text-align: center
	}
	.property-thumb img{
		height: 100%
	}
}
@media (min-width: 1280px) and (max-width: 1365px) {
.rent-card .box-text{
	    min-height: 160px;
}
	}
@media (min-width: 1600px) and (max-width: 5000px) {
	.header-layout4{
		padding: 10px 0
	}
	.service-card .box-text {
    min-height: 50px;
}
	.rent-card .box-text {
    margin-bottom: 0;
    min-height: 135px;
}
}