

	/*============================= Small MOBILE Devices================================ */
	
	@media(min-width:767px){
		
		
		
		
	}
	
	
	
	
	
	/*============================= MOBILE Devices================================ */
	@media(max-width:767px){
		
		.vertical-align-center{
			flex-direction: column;
		}
		nav.navbar.bootsnav .navbar-header{
			height: 80px;
		}
		nav.navbar.bootsnav .navbar-toggle{
			float: right;
			margin-right: 0px;
			margin-left: 15px;
			margin-top: 20px;
			background-color: transparent;
			font-size: 26px;
			font-weight: 300;

		}
		nav.navbar.bootsnav .navbar-toggle i{
			color: #fff;
			font-weight: 300;
		}
			
		.logo img {
			padding: 4px 0px;
			width: 115px;
			float: left;
			position: absolute;
			left: 9px;
		}
	   
		.grplogo{
			width: 120px;
			margin-right: 30px;
		}
		.logo img {
			width: 63px;
		}
		.sticky-active .logo img {
			width: 50px;
			transition: all 0.5s;
		}
		nav.navbar.bootsnav ul.nav>li>a {
			padding: 12px 0;
			border-right:0;
		}
		.callbtn{
			display: none;
		}
		.mainslider {
			margin-top: 48px;
		}
		.mainslider .swiper-container img{
			object-fit: cover;
			height: 250px;
		}
		.openviews-info{
			border-right: 0;
			border-bottom: 0 !important;
			margin: 0;
		}
		.slider__prev, .slider__next {
			width: 30px;
			height: 30px;
		}
		.slider__prev::after, .slider__next::after{
			top: 10px;
			left: 10px;
		}
		.project-intro{
			    padding: 40px 0;
		}
		.mob-col-reverse {
			display: flex !important;
			flex-direction: column-reverse;
		}
		.be-title h1 {
			font-size: 32px;
		}

		.be-title h1 br{
			display: none;
		}

		.button-wrapper{
			margin-bottom: 30px;
		}

		.configuration-wrapper{
			flex-direction: column;
		}
		.configuration-list{
			margin: auto;
			margin-bottom: 15px;
		}
		.image-row {
			display: flex;
			flex-direction: column;
		}
		.residenceSlider .owl-item .caption{
			font-size: 20px;
		}
		.residenceSlider .owl-item .caption br{
			display: none;
		}
		.residenceSlider .item img{
			object-fit: cover;
			height: 300px;
		}
		.image-container{
			margin-bottom: 38px;
			border-right: 0;
			border-bottom: 2px dotted #BC9549;
			padding-bottom: 20px;
		}
		.rera{
			flex-direction: column;
		}
		.f-grplogo {
			width: 180px;
		}
		.indulgences .be-title{
			  margin-bottom: 60px;
		}
		.site-footer__bottom{
			    margin-bottom: 34px;
		}
		.btn-be-secondary .btn-inner{
			font-size: 11px;
		}
		.buildingView  p{
			text-align: justify;
		}

		.logo-box img{
			width: 106px;
   			 margin-bottom: 30px;
		}
		.rera-details{
			flex-direction: column;
		}
		.rera-details p {
			text-align: center;
		}
		.rera-details img {
			width: 100px;
			height: 100px;
		}
		.goldenfloral {
			width: 108px;
		}
		.goldenfloral2 {
			width: 108px;
			        height: 200px;
			position: relative;
			top: -153px;
		}

		.skyvue-hero-bottom .row{
			display: flex !important;
			flex-direction: column-reverse;
		}
		.mumbaiview{
			    background-image: url(../img/mobileView.jpg);
		}
		.site-footer__top-inner .row{
			padding: 0;
		}

	}
	
	
	



	
	


	/*============================= Medium Devices, Tablets ================================ */
	@media(min-width:768px) and (max-width:991px){
		nav.navbar.bootsnav .navbar-toggle{
			float: right;
			margin-right: 0px;
			margin-left: 15px;
			margin-top: 20px;
			background-color: transparent;
			font-size: 26px;
			font-weight: 300;

		}
		nav.navbar.bootsnav .navbar-toggle i{
			color: #fff;
			font-weight: 300;
		}
		
		.herosec{
    		background-position-y: inherit;
		}
		    .herosec .subtitle {
				bottom: 30px;
				align-items: flex-start;
			}
			.herosec .pricebtn{
				margin-top: 50px;
			}
		.vertical-align-center{
			flex-direction: column;
		}
		
		nav.navbar.bootsnav .navbar-toggle{
			float: right;
			margin-right: 0px;
			margin-left: 15px;
			margin-top: 20px;
		}
		.logo img {
			padding: 4px 0px;
			width: 115px;
			float: left;
			position: absolute;
			left: 9px;
			border-radius: 4px;
		}
	   
		.grplogo{
			width: 120px;
			margin-right: 30px;
		}
		.logo img{
			width: 50px;
		}
		nav.navbar.bootsnav ul.nav>li>a {
			padding: 12px 0;
			border-right:0;
		}
		.callbtn{
			display: none;
		}
		/* .image-row {
			display: flex;
			flex-direction: column;
		} */
		 .image-row {
			flex-wrap: wrap;
		}
		.image-container {
			margin-top: 46px;
			background: #f2f2f2;
			padding-top: 23px;
			width: 50%;
		}
		.custom-image-slider-section .custom-image-swiper{
			height: auto;
		}
		.rooftop-showcase .rooftop-showcase-image img,
		.rooftop-showcase .rooftop-showcase-content {
			    height: 300px;
		}
		.project-intro .vertical-align-center {
			display: inline;
			align-items: inherit;
		}
		.f-grplogo {
			width: 209px;
		}
		.site-footer__top-inner .row{
			padding: 0;
		}
			
	}
	
	
	
	/*============================= Medium Devices, Desttop ================================ */
	@media(min-width:992px) and (max-width:1199px){
		
		.callbtn{
			display: none;
		}
		
			
	}	























