/*============================= Small MOBILE Devices================================ */
@media (max-width: 767px) {
    .review-section .col-md-6 {
        width: 100%;
        float: none;
    }
    .google-review.pull-right {
        float: none !important;
        text-align: center;
        margin-top: 30px;
    }
    .float-logo {
        margin: -100px auto 0 auto; /* center the logo card */
    }
    .review-box {
        text-align: center;
    }

}

@media (max-width: 767px) {
    .float-logo {
        margin-top: -80px; /* reduce overlap on mobile */
    }
    .float-logobox {
        padding: 10px;
    }
    .float-logobox img {
        max-width: 150px;
    }
}

@media (max-width: 767px) {
    .herosec .HeroSlider,
    .herosec .swiper-slide,
    .herosec .swiper-slide img {
    	height: 150vh;
    	min-height: 250px;
	object-fit: cover;
    }
}

@media (max-width: 767px) {
    .pt-60 {
        padding-top: 30px;
    }
    .pb-60 {
        padding-bottom: 30px;
    }
    section.review-section {
        padding: 30px 0;
    }
}

@media (max-width: 767px) {
    .title h1 {
        font-size: 28px; /* currently 50px - too large */
    }
    .heading_title h1 {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .float-logo {
        margin-top: -100px; /* reduce from -170px */
    }
}


@media (max-width: 767px) {
    .title h1 {
        font-size: 26px;
    }
    .heading_title h1 {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .pt-60 { padding-top: 30px; }
    .pb-60 { padding-bottom: 30px; }
    section.review-section { padding: 30px 0; }
}

@media (max-width: 767px) {
    .aboutsec .col-md-6:last-child {
        margin-top: 25px;
    }
    .aboutsec p {
        font-size: 15px;
        line-height: 26px;
    }
}

@media (max-width: 767px) {
    .brochurebtn {
        text-align: center;
    }
}

@media (max-width: 767px) {
    /* Connectivity slider fix */
    .city-section {
        padding: 30px 10px;
    }
    .city-box {
        width: 100%;
    }
    .city-box h4 {
        font-size: 12px;
        margin-bottom: 15px;
    }
    .connectivitysec .swiper-button-next,
    .connectivitysec .swiper-button-prev {
        display: none; /* Hide arrows on mobile, use swipe */
    }
}

@media (max-width: 767px) {
    /* Contact section mobile */
    .contactsec .col-md-6:first-child {
        margin-bottom: 40px;
    }
    .contactsec .title h1 {
        font-size: 28px;
    }
    .contactsec .title h4 {
        font-size: 14px;
    }
}


@media (max-width: 767px) {
    .social {
        text-align: center;
    }
    .social h4 {
        font-size: 22px;
    }
    .ctninfobox {
        text-align: center;
    }
    .ctninfobox h5 {
        font-size: 14px;
    }
    .ctninfosec {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .contactinner .title {
        text-align: center;
    }
    .contactinner .title h1 {
        font-size: 28px;
    }
    .contactinner .title h4 {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .rera-details img {
        max-width: 60px;
        height: auto;
    }
}

@media (max-width: 767px) {
    .rera > div:last-child img {
        max-width: 120px;
        height: auto;
    }
}

@media (max-width: 767px) {
    .footersec {
        padding: 60px 0 30px 0;
    }
    .footersec .pt-60 {
        padding-top: 30px;
    }
    .footersec .pb-60 {
        padding-bottom: 30px;
    }
    .rera {
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .footersec:before {
        top: 80px; /* adjust from 135px */
    }
}



	
	
	
	
	/*============================= MOBILE Devices================================ */
	@media(max-width:767px){
		.footersec .footer-logo {
				
				max-width: 220px;
			}
		    .rera {
				flex-direction: column;
			}
		.rera-details p{
			font-size: 12px;
		}
		.rera-details{
			padding: 0 15px;
		}
		.rera-details {
			padding: 0 15px;
			flex-direction: column;
			text-align: center;
		}
	}
	
	
	



	
	


	/*============================= Medium Devices, Tablets ================================ */
	@media(min-width:768px) and (max-width:991px){
			
		
			
	}
	
	
	
	/*============================= Medium Devices, Desttop ================================ */
	@media(min-width:992px) and (max-width:1199px){
		
		
		
			
	}