

	/*============================= Small MOBILE Devices================================ */
	
	@media(min-width:767px){
		
		
		
		
	}
	
	
	
	
	
	/*============================= MOBILE Devices================================ */
	@media(max-width:767px){
		nav.navbar.bootsnav .navbar-toggle {
			float: right;
			margin-right: 0px;
			margin-left: 15px;
		}
		nav.navbar.bootsnav .navbar-toggle {
			padding: 0 7px;
		}
		.logo {
			display: inline-block;
			float: left;
		}
		.navsec{
			padding: 20px;
		}
		.close-btn img {
			width: 50px;
			margin-top: -42px;
			margin-right: 0px;
		}
		.mynav .navbar-nav {
			background: #222222;
		}
		.logo img {
			width: 76px;
		}
		.navtaggle_btn .ti-menu{
			font-size: 34px;
			margin-right: 10px;
		}
		.center-row {
			flex-direction: column;
		}
		.title h1 {
			font-size: 24px;
		}
		
		.title h2 {
			font-size: 25px;
		}
		.title h2 br{
			display: none;
		}
		
		.title h1::before {
			top: 12px;
			height: 36px;
		}
		.download_Brochure h1 {
			line-height: 25px;
			font-size: 19px;
		}
		.download_Brochure h1 br{
			display: none;
		}
		.caption {
			width: 100%;
		}
		.brochure-btn a{
			font-size: 14px;
		}
		.caption h1 {
			text-align: center;
			font-size: 35px;
		}
		.btn{
			    min-width: 147px;
		}

		.btn span{
			font-size: 14px;
			padding: 8px 15px;
		}
		.intro  .title {
			margin-bottom: 0;
		}
		.intro{
		  background-image: none;
		  padding-bottom: 0;
		}
		.building{
			display: block;
		}

		.parallax-1::before{
			height: 138px;
    		top: -53px;
			    z-index: 1;
		}
		.parallax-1 .section-title{
				position: relative;
			    z-index: 2;
		}
/* 		
		font-size: 35px; {
			padding: 0 0px;
		} */
		.project-list{
			margin-top: 70px;
			gap: 38px 22px;
		}
		.p-info {
			width: 100%;
			margin-bottom: -12px;
			margin-bottom: 6px;
		}
		.ctacaption{
			width: 100%;
		}
		.fp-form select{
			margin-bottom: 30px;
		}
		.mapinfo {
			text-align: center;
		}
		.social{
			text-align: center;
		}


		.psk-row .col-5 {
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
			margin-bottom: 18px;
		}
		
		.rerainfo {
			text-align: center;
		}
		.rerainfo p {
			font-size: 12px;
			line-height: 20px;
		}
		.rerabox {
			flex-wrap: wrap;
			justify-content: center;
			gap: 18px;
		}
		
		.footerlogo {
			text-align: center;
			margin-bottom: 50px;
		}
		.footerlogo img {
			width: 100px;
		}
		.rera{
			flex-direction: column;
		}
		.parallax-1::after{
			height: 138px;
		}
		.ctnbox span {
			font-size: 16px;
		}
		.contactwrap {
			padding: 0 0px;
		}
		.social-media ul{
			justify-content: center;
		}
		.rera-details p{
			font-size: 12px;
		}
		.rera-details{
			padding: 0 15px;
		}
		.rera-details {
			padding: 0 15px;
			flex-direction: column;
			text-align: center;
			max-width: 301px;
		}
		.site-footer__bottom{
			padding-bottom: 70px;
		}
	}
	
	
	



	
	


	/*============================= Medium Devices, Tablets ================================ */
	@media(min-width:768px) and (max-width:991px){
			
		nav.navbar.bootsnav .navbar-toggle {
			float: right;
			margin-right: 0px;
			margin-left: 15px;
		}
		nav.navbar.bootsnav .navbar-toggle {
			padding: 0 7px;
		}
		.logo {
			display: inline-block;
			float: left;
		}
		
		.mynav .navbar-nav {
			background: #222222;
		}
		.logo img {
			width: 94px;
		}
	
		.title h1 {
			font-size: 35px;
		}
		
		.title h2 {
			font-size: 27px;
		}
		
		.title h1::before {
			top: 12px;
			height: 36px;
		}
		.ctnbox span {
			font-size: 16px;
		}
		.caption {
			width: 80%;
		}
		
		.caption h1 {
			text-align: center;
			font-size: 45px;
		}
		.intro p br{
			display: none;
		}
		.p-info{
			width: 48%;
		        margin-bottom: 50px;
		}	
		.intro{
			padding-bottom: 0;
			background-image: none;
		}
		.intro .d-flex{
			flex-direction: column;
		}
		.building{
			display: block;
		}
		.footerlogo {
			margin-bottom: 50px;
			text-align: center;
		}
		.rerainfo p{
			font-size: 11px;
			line-height: 20px;
		}
		.copywrite{
			font-size: 11px;
		}
		.contactwrap {
			padding: 0;
		}
		.logo-box{
			text-align: center;
		}
		.site-footer__social{
			justify-content: center;
			margin-bottom: 50px;
		}
		.parallax-1::before{
			height: 138px;
    		top: -53px;
			    z-index: 1;
		}
		.parallax-1 .section-title{
				position: relative;
			    z-index: 2;
		}
		.connectivity .d-flex{
			flex-direction: column;
		}
		.site-footer__bottom{
			padding-bottom: 70px;
		}
	}
	
	
	
	/*============================= Medium Devices, Desttop ================================ */
	@media(min-width:992px) and (max-width:1199px){
		
		.logo img{
			width: 77px;
		}
		.caption{
			width: 100%;
			text-align: center;
		}
		.caption h1{
			font-size: 54px;
		}
			
		.title h2{
			font-size: 35px;
		}
		.p-info{
			width: 88%;
			margin-bottom: -12px;
		}	
		.ctnbox span {
			font-size: 14px;
		}
	}	























